/* Job Costing + Precificação V2 (26/09/2026) — só aparece nas contas da flag job_costing_v2_tenants. Tokens do tema. */
.jc-panel{margin-top:12px}
.jc-head{font-size:11px;font-weight:700;color:var(--accent2);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}
.jc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.jc-card{background:var(--bg4,var(--bg3));border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-width:0}
.jc-card h4{margin:0 0 8px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.8px}
.jc-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text3);padding:3px 0}
.jc-row strong{color:var(--text);font-family:monospace;font-weight:600;text-align:right;white-space:nowrap}
.jc-row.jc-sub{border-top:1px dashed var(--border);margin-top:2px;padding-top:5px}
.jc-row.jc-total{border-top:1px solid var(--border);margin-top:4px;padding-top:6px;font-weight:700;color:var(--text2)}
.jc-row.jc-total strong{color:var(--green)}
.jc-row.jc-neg strong,tr.jc-neg td:last-child,.jc-kpis .jc-neg{color:var(--red)}
.jc-sug{margin-top:10px;font-size:12px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 10px}
.jc-note{font-size:11px;color:var(--text3);margin-top:6px;line-height:1.5}
.jc-banner{background:rgba(240,180,41,.08);border:1px solid rgba(240,180,41,.3);border-radius:10px;padding:10px 12px;margin:0 0 12px;color:var(--amber)}
.jc-kpis{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.jc-kpis span{font-size:11px;background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--text2)}
.jc-tablewrap{overflow-x:auto;max-width:100%}
.jc-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}
.jc-table th{text-align:left;font-size:10px;color:var(--text4,var(--text3));text-transform:uppercase;letter-spacing:.6px;padding:6px 8px;border-bottom:1px solid var(--border)}
.jc-table td{padding:6px 8px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}
.jc-mini{font-size:10px;color:var(--text3)}
@media (max-width:640px){.jc-grid{grid-template-columns:1fr}.jc-row{font-size:12px}.jc-row{flex-wrap:wrap;column-gap:10px;row-gap:0}.jc-row strong{margin-left:auto}}