/* =========================================================
   Central da agência — administração
   Comercial (.com-), Financeiro (.fin-), RH (.rh-), Contratos (.ct-), Configurações (.cfg-)
   Só tokens de base.css; as cores das séries do gráfico seguem
   o mesmo esquema de tema (sistema / claro / escuro).
   ========================================================= */

/* ---------- cores das séries (receita × despesa) ---------- */
:root{--fin-rec:#2a78d6;--fin-des:#eb6834}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fin-rec:#3987e5;--fin-des:#d95926}}
:root[data-theme="dark"]{--fin-rec:#3987e5;--fin-des:#d95926}

/* ---------- comum às quatro telas ---------- */
:is(.fin-stats,.fin-sec0,.rh-stats,.ct-stats,.cfg-stats,.com-kpis,.com-kpis2,.cfg-imp-stats) .stat .vl{overflow:hidden;text-overflow:ellipsis}
.fin-grow,.ct-grow{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;padding:0;
  text-align:left;color:inherit;font:inherit;cursor:pointer;border-radius:6px}
.fin-grow .t,.ct-grow .t{max-width:100%;white-space:normal}
.fin-grow:hover .t,.ct-grow:hover .t{color:var(--accent)}

/* ---------- financeiro ---------- */
.fin-stats{--n:5}
.fin-sec{margin-top:18px}
.fin-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;align-items:start}
.fin-chart{display:flex;flex-direction:column;gap:14px;position:relative}
.fin-chart-b{--h:190px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding-top:6px}
.fin-y{position:relative;height:var(--h);min-width:52px}
.fin-y span{position:absolute;right:0;bottom:var(--p);transform:translateY(50%);font-size:11.5px;line-height:1;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.fin-chart .xl .cur{color:var(--ink);font-weight:650}
.fin-hbars .hbar{grid-template-columns:minmax(80px,130px) minmax(0,1fr) 82px}
.fin-due .row{gap:8px 12px}
.fin-amt{font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
.fin-more{margin-top:10px}
.fin-filters,.ct-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.fin-table th.fin-chk,.fin-table td.fin-chk{width:48px;text-align:center}
.fin-table td.fin-desc{min-width:220px}
.fin-sub{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3);margin-top:1px}
.fin-table tr.fin-late td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.fin-table tr.fin-paid .strong{font-weight:500;color:var(--ink-2)}
.fin-table tfoot td{background:var(--surface-2);font-weight:650;border-top:1px solid var(--line);border-bottom:0}
.fin-act{text-align:right;white-space:nowrap}
.fin-note{margin-top:14px}

/* ---------- RH ---------- */
.rh-mix{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.rh-sec{margin-top:28px}
.rh-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:500;cursor:pointer}
.rh-table td:first-child{min-width:210px}
.rh-off td{opacity:.62}
.rh-act{text-align:right;white-space:nowrap}
.rh-notes{max-width:280px}
/* vagas */
.rh-jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:28px}
.rh-job{display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;color:inherit;min-width:0}
.rh-job:hover{border-color:var(--line-2)}
.rh-job.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.rh-job-h{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.rh-job-h b{font-weight:650;font-size:15px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.rh-job-f{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);margin-top:4px}
.rh-desc{max-width:72ch;margin-top:4px}
.rh-hint{margin:-4px 0 10px}
.rh-board{grid-auto-columns:minmax(232px,1fr)}
.rh-stars{display:inline-flex;gap:1px}
.rh-stars svg{width:14px;height:14px;color:var(--line-2)}
.rh-stars svg.on{color:var(--warn);fill:currentColor}
.rh-note{font-size:12.5px;color:var(--ink-2);line-height:1.4}
.rh-hire{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border-radius:var(--r);background:var(--ok-soft);font-size:13.5px}
.rh-hire span{flex:1;min-width:200px}
.rh-hire.done{color:var(--ok);font-weight:600}
.fld .rh-band:empty{display:none}
/* onboarding */
.rh-obs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px;align-items:start}
.rh-ob{display:flex;flex-direction:column;gap:10px}
.rh-ob-h{display:flex;align-items:center;gap:8px}
.rh-ob-h .person{min-width:0}
.rh-ob-list{display:flex;flex-direction:column;gap:1px;margin:2px -4px 0}
.rh-ob .check-item label{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer;font-size:14px}
@media (hover:hover){.rh-ob .check-item .btn{opacity:0}.rh-ob .check-item:hover .btn,.rh-ob .check-item .btn:focus-visible{opacity:1}}
.rh-oblist{margin:14px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
/* ausências */
.rh-pend{margin-top:18px}
.rh-pend .row{flex-wrap:wrap}
.rh-pend .row .main{flex:1 1 200px}
.rh-pact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}

/* ---------- contratos ---------- */
.ct-alerts{margin-top:18px;border-color:color-mix(in oklab,var(--warn) 40%,var(--line))}
.ct-alerts h3{display:flex;align-items:center;gap:8px}
.ct-alerts h3 svg{color:var(--warn)}
.ct-alerts .row{gap:8px 12px}
.ct-filters{margin-top:22px}
.ct-table td.ct-title{min-width:250px}
.ct-party{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;margin-top:3px}
.ct-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--surface-2);border-radius:var(--r);padding:12px 14px;margin-bottom:18px}
.ct-sum .lb{display:block;font-size:12px;color:var(--ink-3);font-weight:600;margin-bottom:3px}
.ct-sum b{font-weight:600;font-size:14px}
.ct-links{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.ct-scope,.ct-comp{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.ct-scope-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ct-scope-h p{max-width:56ch;margin-top:3px}
.ct-scope-rows{display:flex;flex-direction:column;gap:8px}
.ct-scope-rows:empty::before{content:"Nenhuma entrega no escopo ainda.";font-size:14px;color:var(--ink-2)}
.ct-sitem{display:flex;flex-direction:column;gap:6px}
.ct-srow{display:grid;grid-template-columns:minmax(0,1fr) 84px 82px auto;gap:8px;align-items:center}
.ct-srow select,.ct-srow input,.ct-sx input{border:1px solid var(--line-2);background:var(--bg);border-radius:10px;padding:8px 10px;width:100%;min-width:0;font-size:14.5px}
.ct-srow select:focus,.ct-srow input:focus,.ct-sx input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
.ct-sx{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;background:var(--surface-2);border-radius:var(--r);padding:8px 12px}
.ct-sxf{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);font-weight:500}
.ct-sx input{width:64px;padding:6px 8px;font-size:14px;background:var(--surface)}
.ct-sx [data-sm]{flex:1 1 100%}
.ct-rt .row{align-items:flex-start}
.ct-rt .row > svg{color:var(--accent);margin-top:3px}
.ct-rt .m{white-space:normal}
.ct-rt-note{margin-top:12px}
.ct-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.ct-kpi{background:var(--surface-2);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ct-kpi .lb{font-size:12.5px;color:var(--ink-2);font-weight:600}
.ct-kpi b{font:650 24px/1.2 var(--body);letter-spacing:-.01em}
.ct-kpi b.ok{color:var(--ok)}.ct-kpi b.warn{color:var(--warn)}.ct-kpi b.bad{color:var(--bad)}
.ct-months{margin-top:16px}
.ct-months h4{font:650 13.5px/1.3 var(--body);margin-bottom:6px;color:var(--ink-2)}
.ct-mrow{display:grid;grid-template-columns:64px minmax(0,1fr) 52px;gap:12px;align-items:center;font-size:13px;padding:4px 0}
.ct-mrow span:first-child{text-transform:capitalize;color:var(--ink-2)}
.ct-mrow .num{text-align:right}

/* ---------- configurações ---------- */
.cfg-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;align-items:start}
.cfg-form .form{gap:16px}
.cfg-side{position:sticky;top:calc(16px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:4px;min-width:0}
.cfg-side .cfg-prev{margin-top:10px}
.cfg-colors{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cfg-sw{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface);background:var(--c);box-shadow:0 0 0 1px var(--line-2);padding:0;flex:none}
.cfg-sw:hover{box-shadow:0 0 0 1px var(--ink-3)}
.cfg-sw[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
.cfg-pick{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:20px;padding:3px 12px 3px 4px;font-size:13px;font-weight:600;color:var(--ink-2);cursor:pointer}
.cfg-pick input{width:28px;height:28px;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;flex:none}
.cfg-pick input::-webkit-color-swatch-wrapper{padding:0}
.cfg-pick input::-webkit-color-swatch{border:0;border-radius:50%}
.cfg-pick input::-moz-color-swatch{border:0;border-radius:50%}
.fld .cfg-warn{display:flex;align-items:center;gap:6px;color:var(--warn);font-weight:600}
.cfg-logo-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative}
.cfg-file{left:0;top:0}
.cfg-thumb{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid var(--line);background:var(--surface-2)}
.cfg-check,.fld > label.cfg-check{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--ink);cursor:pointer}
.cfg-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;position:relative}
/* prévia: refaz o acento a partir da cor escolhida, no mesmo esquema de base.css */
.cfg-prev{--accent:var(--brand);--accent-soft:color-mix(in oklab,var(--accent) 11%,var(--surface));--accent-line:color-mix(in oklab,var(--accent) 32%,var(--surface));
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-1);min-width:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cfg-prev{--accent:color-mix(in oklab,var(--brand) 58%,#fff);--accent-soft:color-mix(in oklab,var(--accent) 17%,var(--surface));--accent-line:color-mix(in oklab,var(--accent) 40%,var(--surface))}}
:root[data-theme="dark"] .cfg-prev{--accent:color-mix(in oklab,var(--brand) 58%,#fff);--accent-soft:color-mix(in oklab,var(--accent) 17%,var(--surface));--accent-line:color-mix(in oklab,var(--accent) 40%,var(--surface))}
.cfg-prev-top{display:flex;align-items:center;gap:11px;min-width:0}
.cfg-prev-nm{min-width:0}
.cfg-prev-nm b{display:block;font:720 16px/1.15 var(--display);letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfg-prev-nm span{display:block;font-size:12px;color:var(--ink-3)}
.cfg-prev-nav{display:flex;flex-direction:column;gap:2px}
.cfg-prev-nav span{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;color:var(--ink-2);font-weight:500;font-size:14px}
.cfg-prev-nav span.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.cfg-prev-card{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.cfg-prev-card b{font-weight:600;font-size:14px}
.cfg-prev .btn{pointer-events:none}
/* equipe, portal, segurança, dados */
.cfg-table td:first-child{min-width:200px}
.cfg-matrix th.cfg-c,.cfg-matrix td.cfg-c{text-align:center;white-space:nowrap}
.cfg-yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok-soft);color:var(--ok);vertical-align:middle}
.cfg-yes svg{width:14px;height:14px}
.cfg-pass{margin-left:6px;vertical-align:middle}
.cfg-list{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.cfg-code{font:600 13.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface-2);color:var(--ink);border-radius:7px;padding:5px 8px;letter-spacing:.04em;white-space:nowrap}
.cfg-act{text-align:right;white-space:nowrap}
.cfg-one{grid-template-columns:1fr}
.cfg-err{color:var(--bad);font-size:13.5px;font-weight:600;margin-top:12px}
.cfg-stats{margin-bottom:18px}
.cfg-danger{margin-top:18px;border-color:color-mix(in oklab,var(--bad) 35%,var(--line))}
.cfg-danger h3{color:var(--bad)}

/* equipe e acessos, cargos */
.cfg-team td{vertical-align:top}
.cfg-team td.cfg-who{min-width:230px}
.cfg-team .person .rl{max-width:220px}
select.filter.cfg-inl{min-width:150px;max-width:210px}
.cfg-pay{display:inline-flex;align-items:center;gap:6px}
.cfg-cur{font-size:13px;color:var(--ink-3);font-weight:600}
input.filter.cfg-money{width:116px;text-align:right;font-variant-numeric:tabular-nums}
.cfg-band{display:flex;align-items:center;gap:4px;margin-top:4px;white-space:nowrap}
.cfg-band svg{width:13px;height:13px}
.cfg-band.warn{color:var(--warn);font-weight:600}
.cfg-matrix-sec{max-width:760px}
.cfg-note{display:flex;align-items:center;gap:6px;margin-top:12px}
.cfg-note svg{width:14px;height:14px;flex:none}
.cfg-cargos td.cfg-cg{min-width:220px}
.cfg-cargos .chip{margin-top:2px}
.cfg-ppl{display:inline-flex;align-items:center;gap:8px}
.cfg-err{display:flex;align-items:flex-start;gap:7px}
.cfg-err svg{margin-top:1px;flex:none}

/* importar planilha */
.cfg-imp{display:flex;flex-direction:column;gap:18px;min-width:0}
.cfg-imp-step{display:flex;flex-direction:column;gap:12px;min-width:0}
.cfg-imp-step h3{display:flex;align-items:center;gap:10px}
.cfg-imp-n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font:700 13px/1 var(--body);flex:none}
.cfg-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:30px 18px;border:2px dashed var(--line-2);
  border-radius:var(--r-lg);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.cfg-drop > svg{width:26px;height:26px;color:var(--accent)}
.cfg-drop:hover,.cfg-drop:focus-within{border-color:var(--accent-line)}
.cfg-drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.cfg-drop.over{border-color:var(--accent);background:var(--accent-soft)}
.cfg-imp-tpl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cfg-imp-load{display:flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:500;padding:22px 0}
.cfg-imp-file{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;background:var(--surface-2);border-radius:var(--r);padding:8px 12px;min-width:0}
.cfg-imp-file b{max-width:min(420px,100%);font-weight:600}
.cfg-imp-file > svg{color:var(--ink-3)}
.cfg-imp-wrap{max-width:100%}
table.t.cfg-imp-t th{vertical-align:bottom;padding:8px 10px;background:var(--surface-2)}
table.t.cfg-imp-t td{padding:8px 10px;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
.cfg-imp-t th.cfg-imp-st,.cfg-imp-t td.cfg-imp-st{position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line)}
.cfg-imp-t th.cfg-imp-st{background:var(--surface-2)}
select.filter.cfg-imp-sel{min-width:150px;max-width:190px;font-size:13px;padding-top:6px;padding-bottom:6px;color:var(--ink-3)}
select.filter.cfg-imp-sel.on{color:var(--accent);border-color:var(--accent-line);background-color:var(--accent-soft);font-weight:600}
.cfg-imp-h{display:block;max-width:190px;margin-top:5px;font-size:12px;font-weight:500;color:var(--ink-3)}
.cfg-imp-bad{color:var(--warn);font-weight:600;text-decoration:underline dotted}
.cfg-imp-notes{display:flex;flex-direction:column;gap:8px}
.cfg-imp-notes:empty{display:none}
.cfg-imp-note{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;color:var(--ink-2)}
.cfg-imp-note svg{color:var(--warn);margin-top:1px}
.cfg-imp-note.bad{color:var(--bad);font-weight:600}
.cfg-imp-note.bad svg{color:var(--bad)}
.cfg-imp-dup{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:var(--warn-soft);border-radius:var(--r);padding:12px 14px}
.cfg-imp-dup p{display:flex;align-items:flex-start;gap:7px;font-size:13.5px}
.cfg-imp-dup p svg{color:var(--warn);margin-top:1px}
.cfg-imp-dup .seg{background:var(--surface)}
.cfg-imp-dup .seg button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent);box-shadow:none}
.cfg-imp-done{display:flex;flex-direction:column;gap:12px}
.cfg-imp-done h3{display:flex;align-items:center;gap:8px}
.cfg-imp-done h3 svg{color:var(--ok)}
.cfg-imp-stats{--n:3}

/* ---------- comercial ---------- */
.com-actions .seg{flex-wrap:wrap}
.com-kpis{--n:5}
.com-kpis2{--n:4;margin-top:12px}
.com-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start;margin-top:18px}
.com-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.com-funnel{gap:6px}
.com-funnel .hbar{grid-template-columns:minmax(96px,160px) minmax(0,1fr)}
.com-funnel .tr{margin-right:48px;height:18px}
.com-funnel .tr b{position:absolute;left:calc(var(--v) + 8px);top:50%;transform:translateY(-50%);font-size:13px;font-weight:650;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.com-funnel .hbar:hover .lb{color:var(--ink);text-decoration:underline}
.com-conv{display:grid;grid-template-columns:minmax(96px,160px) minmax(0,1fr);gap:12px;font-size:12px;color:var(--ink-3);font-weight:500;line-height:1.2}
.com-conv span:last-child{display:inline-flex;align-items:center;gap:4px}
.com-conv svg{width:13px;height:13px}
.com-src{gap:9px}
.com-note{margin-top:12px}
.com-note svg{width:14px;height:14px}
.com-agenda .row{gap:10px}
.com-agenda .row .t{display:block}
.com-agenda .row .r{flex-direction:row;align-items:center;gap:8px}
.com-date{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:var(--surface-2);flex:none;line-height:1}
.com-date b{font:700 16px/1 var(--body);font-variant-numeric:tabular-nums}
.com-date span{font-size:11px;color:var(--ink-2);text-transform:uppercase;margin-top:2px;letter-spacing:.03em}
/* funil */
.com-hint{margin:-6px 0 10px}
.com-board{grid-auto-columns:minmax(236px,1fr)}
.com-colsum{font-size:12.5px;color:var(--ink-2);font-weight:600;padding:0 6px;font-variant-numeric:tabular-nums}
.com-card .meta{gap:2px 8px}
.com-when{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2)}
.com-when svg{width:14px;height:14px}
.com-card.is-late .com-when{color:var(--bad)}
.com-lost{font-size:12.5px;background:var(--bad-soft);color:var(--bad);border-radius:8px;padding:5px 8px;line-height:1.35}
.com-card-act{display:flex;justify-content:flex-start}
/* leads */
.com-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.com-table td.com-lead{min-width:200px}
.com-mail{max-width:220px}
.com-act{text-align:right;white-space:nowrap}
.com-won{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:12px 14px;border-radius:var(--r);background:var(--ok-soft);font-size:13.5px}
.com-won span{flex:1;min-width:200px}
.com-won.done{color:var(--ok);font-weight:600}
/* integração */
.com-int{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
.com-one{grid-template-columns:minmax(0,1fr)}
.com-wp .form{margin-top:4px}
.com-status{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 13px;border-radius:var(--r);font-size:13.5px;line-height:1.45}
.com-status > svg{margin-top:1px}
.com-status b{display:block;font-weight:650;font-size:13px}
.com-status p{margin-top:2px;color:var(--ink)}
.com-status.ok{background:var(--ok-soft)}
.com-status.ok > svg,.com-status.ok b{color:var(--ok)}
.com-status.bad{background:var(--bad-soft)}
.com-status.bad > svg,.com-status.bad b{color:var(--bad)}
.com-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.com-last{margin-top:10px}
.com-help{min-width:0}
.com-list{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.com-h3{margin-top:18px;margin-bottom:4px}
.com-pre{margin:10px 0 8px;max-width:100%;overflow:auto;max-height:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;
  font:500 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);white-space:pre;tab-size:2}
.com-imp{margin-top:18px}

/* ---------- responsivo ---------- */
@media (max-width:1280px){
  .fin-stats{--n:3}
  .fin-stats .stat:last-child{grid-column:span 2}
}
@media (max-width:1180px){
  .fin-split{grid-template-columns:1fr}
  .com-kpis{--n:3}
  .com-kpis .stat:nth-child(5){grid-column:span 2}
  .com-kpis2{--n:2}
  .com-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:980px){
  .cfg-grid{grid-template-columns:1fr}
  .cfg-side{position:static;order:-1}
  .com-int{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .cfg-imp-stats .stat:last-child{grid-column:span 2}
}
@media (max-width:560px){
  :is(.fin-stats,.fin-sec0,.rh-stats,.ct-stats,.cfg-stats) .stat{padding:12px 14px}
  :is(.fin-stats,.fin-sec0,.rh-stats,.ct-stats,.cfg-stats) .stat .vl{font-size:19px}
  .fin-hbars .hbar{grid-template-columns:minmax(70px,100px) minmax(0,1fr) 72px;gap:10px}
  .fin-chart-b{--h:160px}
  .fin-y{min-width:44px}
  .fin-y span{font-size:10.5px}
  .fin-filters select.filter,.ct-filters select.filter{max-width:100%;flex:1 1 140px}
  .ct-filters .search{flex:1 1 100%}
  .ct-filters .search input{max-width:none;width:100%}
  .ct-sum{grid-template-columns:1fr 1fr}
  .ct-kpis{grid-template-columns:1fr}
  .rh-jobs{grid-template-columns:1fr}
  :is(.com-kpis,.com-kpis2,.cfg-imp-stats) .stat{padding:12px 14px}
  :is(.com-kpis,.com-kpis2,.cfg-imp-stats) .stat .vl{font-size:19px}
  .com-funnel .hbar,.com-conv{grid-template-columns:minmax(84px,108px) minmax(0,1fr);gap:10px}
  .com-funnel .tr{margin-right:38px}
  .com-filters select.filter{max-width:100%;flex:1 1 140px}
  .com-filters .search{flex:1 1 100%}
  .com-filters .search input{max-width:none;width:100%}
  .com-foot .btn{flex:1 1 auto}
  .com-pre{font-size:11.5px;padding:10px 12px}
  .ct-srow{grid-template-columns:minmax(0,1fr) 64px auto}
  .ct-srow [data-su]{display:none}
  .cfg-drop{padding:22px 14px}
  .cfg-imp-tpl .btn{flex:1 1 auto}
  .rh-pact{width:100%;justify-content:flex-start;margin-left:0}
  .fin-due .row,.ct-alerts .row{flex-wrap:wrap}
  .fin-due .btn.sm,.ct-alerts .btn.sm{margin-left:auto}
}