/* ===== v9: código de cores (preencher × calculado), navegação por grupos, Início e trilha ===== */
:root{--in:#1F6FB2;--in-line:#8FB0D6;--field:#FFFFFF;--calc-bg:#E9EDF3;--calc-bg2:#F3F5F9;--calc-ink:#243044;--calc-sh:inset 0 1px 3px rgba(20,30,50,.14);--area:#7A3DB8}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--in:#6FA8E0;--in-line:#3E5E82;--field:#2B313A;--calc-bg:#1A1E25;--calc-bg2:#20242C;--calc-ink:#D6DCE6;--calc-sh:inset 0 1px 4px rgba(0,0,0,.5);--area:#B48BE0}}
:root[data-theme="dark"]{--in:#6FA8E0;--in-line:#3E5E82;--field:#2B313A;--calc-bg:#1A1E25;--calc-bg2:#20242C;--calc-ink:#D6DCE6;--calc-sh:inset 0 1px 4px rgba(0,0,0,.5);--area:#B48BE0}
/* campos para preencher: brancos, borda azul */
input:not([type=checkbox]):not([type=radio]):not([disabled]),select:not([disabled]),textarea:not([disabled]){background:var(--field);border:1.5px solid var(--in-line)}
input:not([type=checkbox]):not([type=radio]):not([disabled]):hover,select:not([disabled]):hover,textarea:not([disabled]):hover{border-color:var(--in)}
/* campos travados: sombreados */
input[disabled],select[disabled],textarea[disabled]{background:var(--calc-bg);border:1px dashed var(--line);color:var(--calc-ink);box-shadow:var(--calc-sh);cursor:not-allowed;opacity:1}
/* resultados calculados dentro das tabelas de lançamento */
table:has([data-e]:not([disabled]),input[data-k]:not([disabled])) td.r:not(:has(input,select,textarea,button)),td.calc,.calc{background:var(--calc-bg);box-shadow:var(--calc-sh);color:var(--calc-ink);font-weight:600}
.kpi{background:linear-gradient(180deg,var(--calc-bg2),var(--surface) 70%);box-shadow:0 2px 8px rgba(20,30,50,.10)}
/* seções: você preenche × calculado */
.panel.sec-in{border-left:5px solid var(--in)}
.panel.sec-out{border-left:5px solid var(--calc-ink);background:linear-gradient(180deg,var(--calc-bg2),var(--surface) 140px);box-shadow:0 2px 8px rgba(20,30,50,.08)}
.stag{display:inline-block;vertical-align:middle;font:700 11px "Barlow",sans-serif;letter-spacing:.4px;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-left:6px}
.stag.in{background:color-mix(in srgb,var(--in) 14%,var(--surface));color:var(--in);border:1px solid color-mix(in srgb,var(--in) 40%,transparent)}
.stag.out{background:var(--calc-bg);color:var(--calc-ink);box-shadow:var(--calc-sh)}
/* abas agrupadas */
nav.tabs{align-items:flex-end;gap:0;row-gap:6px;flex-wrap:wrap;overflow-x:visible;border-bottom:1px solid var(--line);padding-bottom:0;scrollbar-width:thin}
nav.tabs .tg{display:flex;flex-direction:column;flex:none;padding:0 4px;border-left:1px solid var(--line)}
nav.tabs .tg-home{border-left:none;padding-left:0}
nav.tabs .tgl{font:700 10.5px "Barlow",sans-serif;letter-spacing:1px;text-transform:uppercase;padding:3px 10px 2px;border-top:3px solid var(--gc,transparent);color:var(--gc,var(--muted));white-space:nowrap}
nav.tabs .tgb{display:flex}
.tg-in{--gc:var(--in)} .tg-area{--gc:var(--area)} .tg-out{--gc:var(--good)} .tg-sup{--gc:var(--muted)}
nav.tabs button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;line-height:1.1;font-size:16px;padding:7px 10px 6px}
nav.tabs button small.fq{font:600 10.5px "Barlow",sans-serif;text-transform:none;letter-spacing:.2px;color:var(--gc,var(--muted));margin-top:3px;opacity:.9}
nav.tabs .tg-home button{color:var(--ink);font-weight:700}
nav.tabs button:hover{background:var(--surface2)}
.brand{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.brand>small,.brand>h1,.brand>.rolechip{grid-column:2;justify-self:start}
.homebtn{display:inline-grid;place-items:center;grid-row:1/4;align-self:center;width:46px;height:46px;padding:0;border-radius:10px;background:var(--accent);border-color:var(--accent);color:#fff}
.homebtn:hover{filter:brightness(1.08)}
.sync{flex-wrap:wrap}
.fqc{display:inline-block;font:700 10.5px "Barlow",sans-serif;font-style:normal;letter-spacing:.3px;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--in) 13%,var(--surface));color:var(--in);vertical-align:middle}
/* trilha no topo das telas */
.crumb{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.cb-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.cb-home{font-weight:700;padding:5px 11px;border-radius:999px;background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cb-path{font-size:14px;color:var(--muted)} .cb-path b{color:var(--ink);font-size:15px}
.cb-d{flex:1;min-width:200px}
.cb-leg{font-size:12.5px;color:var(--muted);border-top:1px dashed var(--line);padding-top:6px}
.leg{display:inline-flex;align-items:center;gap:6px}
.leg i{display:inline-block;width:22px;height:14px;border-radius:4px}
.lg-in{background:var(--field);border:1.5px solid var(--in-line)} .lg-out{background:var(--calc-bg);box-shadow:var(--calc-sh);border:1px solid var(--line)} .lg-dirty{background:var(--warn-soft);border:1.5px solid var(--gold)}
.cb-idx{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cb-idx .ix{font-size:12.5px;padding:3px 10px;border-radius:999px}
.cb-idx .ix.in{border:1.5px solid var(--in-line);background:var(--field);color:var(--in)}
.cb-idx .ix.out{background:var(--calc-bg);box-shadow:var(--calc-sh);color:var(--calc-ink);border-color:transparent}
nav.subtabs .subsep{align-self:center;font:700 11px "Barlow",sans-serif;letter-spacing:.8px;text-transform:uppercase;padding:0 4px 0 8px}
nav.subtabs .subsep.in{color:var(--in);padding-left:0} nav.subtabs .subsep.out{color:var(--calc-ink);border-left:2px solid var(--line);margin-left:6px}
/* Início */
.homehero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;border-top:5px solid var(--accent)}
.homehero h2{font-size:30px;margin:2px 0 6px}
.rotina{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.rotina h3{margin:0 0 6px}
.rotg{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.rot h4{margin:0 0 4px;font:700 11.5px "Barlow",sans-serif;letter-spacing:.8px;text-transform:uppercase;color:var(--in)}
.rot .linkbtn{display:block;text-align:left;padding:2px 0;font-weight:600}
.linkbtn{background:none;border:none;padding:0;color:var(--in);text-decoration:underline;cursor:pointer;font:inherit;font-weight:600}
.hsec{margin-top:18px}
.hsec h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-bottom:3px solid var(--gc);padding-bottom:4px;margin-bottom:10px;color:var(--gc)}
.hsec h2 .small{text-transform:none;font-family:"Barlow",sans-serif;font-weight:500;letter-spacing:0}
.hs-in{--gc:var(--in)} .hs-area{--gc:var(--area)} .hs-out{--gc:var(--good)} .hs-sup{--gc:var(--muted)}
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.hcard{display:flex;flex-direction:column;align-items:stretch;gap:6px;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--line);border-top:4px solid var(--gc);background:var(--surface);box-shadow:var(--shadow);font-weight:400;min-height:128px;transition:transform .12s,box-shadow .12s}
.hcard:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(20,30,50,.12);border-color:var(--gc)}
.hcard.g-in{--gc:var(--in)} .hcard.g-area{--gc:var(--area)} .hcard.g-out{--gc:var(--good);background:linear-gradient(180deg,var(--calc-bg2),var(--surface) 80%)} .hcard.g-sup{--gc:var(--muted)}
.hc-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.hc-top b{font:700 19px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.3px}
.hc-d{color:var(--muted);flex:1}
.hc-st{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:6px}
.hc-st.ok{background:var(--good-soft);color:var(--good)} .hc-st.warn{background:var(--warn-soft);color:var(--warn)} .hc-st.mute{background:var(--surface2);color:var(--muted)}
.hc-go{font-size:13px;font-weight:700;color:var(--gc);align-self:flex-end}
.legenda{margin-top:18px}
.legg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px 18px;margin-top:8px}
.legg>div{display:flex;align-items:center;gap:10px;font-size:14px}
.legg input{width:64px;text-align:right;flex:none;pointer-events:none}
.lg-demo-out{display:inline-block;flex:none;min-width:64px;text-align:right;padding:7px 9px;border-radius:6px;background:var(--calc-bg);box-shadow:var(--calc-sh);color:var(--calc-ink);font-weight:600}
.legg button{flex:none;pointer-events:none}
.modgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:10px}
.modgrid fieldset{border:1px solid var(--line);border-radius:8px;padding:6px 10px 8px}
.modgrid legend{font:700 11.5px "Barlow",sans-serif;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:0 4px}
.modgrid .chk{color:var(--ink);padding:3px 0}
#fGestor[disabled]{font-weight:700}
@media (max-width:760px){.homehero{grid-template-columns:1fr}.homehero h2{font-size:24px}.homebtn{width:38px;height:38px}nav.tabs{flex-wrap:nowrap;overflow-x:auto}}
@media print{.crumb,.homebtn,.stag,.cb-idx{display:none!important}.panel.sec-out,.kpi{background:#fff!important;box-shadow:none!important}}