/* ── Compras (compras.js): reaproveita o visual do Comercial (cm-*); aqui só o que é próprio ── */
/* grade de meses no menu */
.cp-meses{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:2px 0 6px;}
.cp-meses.off{opacity:.45;}
.cp-mes{position:relative;padding:6px 0 5px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);font-family:var(--sans);font-size:11.5px;cursor:pointer;line-height:1.1;}
.cp-mes small{display:block;font-size:9.5px;color:var(--muted);margin-top:1px;}
.cp-mes.zero{color:var(--muted);}
.cp-mes:hover:not(:disabled){border-color:var(--accent);}
.cp-mes.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;}
.cp-mes.on small{color:#fff;opacity:.85;}
.cp-mes.todos{grid-column:1/-1;}
.cp-mes:disabled{cursor:default;}
.cp-limpar{margin:0 0 0 6px;font-size:10.5px;text-transform:none;letter-spacing:0;}
/* card */
.cp-cc{color:var(--text);}
.cp-aprov{color:var(--green);font-weight:600;}
/* tabela dos centros de custo */
.cp-tab th:nth-child(1){width:34%;}
.cp-tab th:nth-child(2){width:14%;}