/* Layout: barra lateral azul-marinho (igual ao CTLE_LUB) + área clara de trabalho; documentos A4 renderizados à parte.
   Tema único claro, mantendo a identidade do CTLE_LUB (escolha deliberada). */
:root{
  color-scheme:light;
  --bg:#EEF2F7; --solid:#FFFFFF; --ink:#14233B; --mut:#6B7A92; --line:#E4EAF3; --line2:#D3DCE5;
  --side:#0B1F3A; --side2:#12305A; --side-ink:#C9D6EA; --acc:#1A73E8; --acc2:#4285F4;
  --ok:#1E8E3E; --okb:#E6F4EA; --okt:#137333; --warn:#F9AB00; --warnb:#FDF2D9; --warnt:#B06000; --bad:#D93025; --badb:#FFFFFF; --badt:#C5221F;
  --ice:#F4F7FA; --ice2:#EAF0F5; --navy:#1F3A5F; --blue:#1A73E8; --bb:#D93025; --be:#2E9B5A;
  --f:"Segoe UI",Inter,system-ui,Arial,sans-serif; --fd:"Google Sans Flex","Segoe UI",Arial,sans-serif; --fm:Consolas,"Courier New",monospace;
  --shadow:0 1px 2px rgba(16,35,66,.05),0 8px 24px rgba(16,35,66,.06);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--ink)}
body{font-family:var(--f);font-size:14px;line-height:1.45}
button{font-family:inherit}
[hidden]{display:none!important}
.app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%}
/* ---------- barra lateral ---------- */
.side{background:linear-gradient(180deg,var(--side),var(--side2));color:var(--side-ink);padding:16px 12px 14px;padding-left:max(12px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:10px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brandbox{background:#fff;border-radius:10px;padding:7px;display:flex;align-items:center;justify-content:center;gap:10px}
.brandbox img{height:28px;width:auto}.brandbox i{width:1px;height:24px;background:#D5DEEB}
.bt{display:flex;gap:9px;align-items:center;padding:2px 4px}
.bt .logo{width:34px;height:34px;border-radius:9px;background:var(--acc);display:flex;align-items:center;justify-content:center;flex:none}
.bt b{display:block;color:#fff;font-size:15px;letter-spacing:.03em}.bt span{font-size:11.5px}
.grp-t{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7F95B5;margin:8px 10px 0}
.side a{display:flex;align-items:center;gap:9px;color:var(--side-ink);text-decoration:none;padding:7px 10px;border-radius:8px;font-size:13.5px}


.side a .n{margin-left:auto;font-size:11px;background:var(--bad);color:#fff;border-radius:9px;padding:0 6px;min-width:18px;text-align:center}
.side a .n.blue{background:var(--acc)}
.side .user{margin-top:auto;display:flex;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding-top:12px}
.side .av{width:32px;height:32px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}
.side .user b{display:block;color:#fff;font-size:13px}.side .user span{font-size:11.5px}
.side .user button{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:7px;padding:4px 8px;font-size:12px;cursor:pointer}
.sync{display:flex;align-items:center;gap:6px;font-size:11.5px;padding:0 10px}
.sync i{width:8px;height:8px;border-radius:50%;background:#7F95B5;flex:none}
.sync.ok i{background:#3DD68C}.sync.pend i{background:#F2B33D}.sync.err i{background:#FF6B57}
/* ---------- topo mobile ---------- */
.mtop{display:none}
/* ---------- área principal ---------- */
.main{min-width:0;padding-block:18px 60px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px));display:flex;flex-direction:column;gap:16px}
.banner{border-radius:10px;padding:9px 14px;font-size:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.banner.ex{background:var(--warnb);color:var(--warnt);border:1px solid #EFD9A8}
.banner.info{background:#E3EEFA;color:var(--acc);border:1px solid #C8DCF2}
.banner.bad{background:var(--badb);color:var(--badt);border:1px solid #F3C4BA}
.banner .sp{flex:1}
.vh{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.vh h1{margin:0;font-size:24px;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}.vh p{margin:3px 0 0;color:var(--mut);max-width:80ch}
.vh .sp{flex:1}
.card{background:var(--solid);border:1px solid var(--line);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-width:0}
.card h2{margin:0;font-size:16px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row.end{justify-content:flex-end}
.card.row{flex-direction:row;align-items:flex-end}
a.mbtn{text-decoration:none}
.sp{flex:1}
.mbtn{font-size:13px;font-weight:600;border:1px solid var(--line2);background:var(--solid);color:var(--ink);border-radius:8px;padding:7px 12px;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}


.mbtn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.mbtn.bad{color:var(--badt);border-color:#F0B8AD}
.mbtn.sm{padding:4px 9px;font-size:12px}
.mbtn:disabled{opacity:.45;cursor:not-allowed}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.pill{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border-radius:12px;padding:1px 8px;white-space:nowrap}
.p-ok{background:var(--okb);color:var(--okt)}.p-warn{background:var(--warnb);color:var(--warnt)}.p-bad{background:var(--badb);color:var(--badt)}.p-inf{background:#E3EEFA;color:var(--acc)}.p-mut{background:var(--ice2);color:var(--mut)}
.pos{display:inline-flex;align-items:center;gap:5px;font-family:var(--fm);font-size:12px;font-weight:700}
.pos::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c,var(--mut))}
.pos.BB{--c:var(--bb)}.pos.BE{--c:var(--be)}.pos.CE{--c:var(--navy)}.pos.MCA1,.pos.MCA2,.pos.MCA3{--c:var(--acc)}.pos.UN{--c:var(--navy)}
.mono{font-family:var(--fm);font-variant-numeric:tabular-nums}
.mut{color:var(--mut)}
.note{font-size:12.5px;color:var(--mut)}
label.f{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;min-width:0}
input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--ink);background:var(--ice);border:1px solid var(--line2);border-radius:7px;padding:7px 9px;width:100%;min-width:0}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--navy)}
input[readonly]{background:var(--ice2);color:var(--navy);font-weight:600}
textarea{resize:vertical}
.g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.s1{grid-column:span 1}.s2{grid-column:span 2}.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}
.opts{display:flex;flex-wrap:wrap;gap:4px 14px;text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);padding-top:5px}
.opts label{display:inline-flex;gap:5px;align-items:center;cursor:pointer}
.tw{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:13px}
table.t th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--line2);white-space:nowrap;background:var(--solid);position:sticky;top:0}
table.t td{padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}
table.t tr.click{cursor:pointer}
table.t tr.click:hover td{background:var(--ice)}
table.t td.r,table.t th.r{text-align:right}
.empty{padding:26px;text-align:center;color:var(--mut);border:1px dashed var(--line2);border-radius:10px;background:var(--solid)}
/* KPIs */
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kgrid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.kc{display:flex;flex-direction:column;gap:6px}
.kc .top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.kc h3{margin:0;font-size:14px}
.kc .meta{font-size:11.5px;color:var(--mut)}
.kc .val{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.kc .val small{font-size:14px;color:var(--mut);font-weight:600;margin-left:3px}
.kc .formula{font-size:11px;color:var(--mut);border-top:1px solid var(--line);padding-top:6px}
.mini{display:flex;flex-direction:column;gap:2px;padding:12px 14px}
.mini b{font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.mini span{font-size:12px;color:var(--mut)}
.mini.bad b{color:var(--bad)}.mini.warn b{color:var(--warn)}.mini.ok b{color:var(--ok)}
svg.ch{width:100%;height:auto;display:block;overflow:visible}
svg.ch text{fill:var(--mut);font-family:var(--fm);font-size:9.5px}
svg.ch .grid{stroke:var(--line);stroke-width:1}

svg.ch .ln{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}


svg.ch .hit{fill:transparent;cursor:crosshair}
svg.ch .bar{fill:var(--acc)}

svg.ch .mt{fill:var(--warnt);font-size:9.5px}
.tip{position:fixed;z-index:200;pointer-events:none;background:var(--ink);color:#fff;font-size:12px;padding:5px 8px;border-radius:6px;font-family:var(--fm);white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
/* frota */




.hrs{display:grid;grid-template-columns:auto 1fr auto;gap:3px 10px;font-size:12.5px;align-items:center}
.hrs .mono{text-align:right}



.col{background:var(--ice2);border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:210px}
.col h4{margin:0;font-size:13px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.05em;color:var(--navy)}
.sec-h{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.sec-h code{background:var(--navy);color:#fff;border-radius:4px;padding:1px 6px;font-family:inherit;letter-spacing:0}
.sec-h .r{margin-left:auto;font-weight:400;text-transform:none;letter-spacing:0;color:var(--mut)}
.item{border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.item-h{background:var(--ice);padding:8px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line2)}
.item-h b{font-size:13.5px}.item-h .num{font-family:var(--fm);font-weight:700;color:var(--blue)}
.item-b{padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.spec{font-size:12.5px;background:#F7FAFD;border-left:3px solid var(--blue);padding:6px 10px;border-radius:0 6px 6px 0}
.chk{display:flex;flex-direction:column;gap:2px}
.chk label{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer;padding:2px 0}
.chk input{width:16px;height:16px;margin-top:2px;flex:none;accent-color:var(--ok)}
.chk label.dn span{color:var(--mut);text-decoration:line-through;text-decoration-color:#9FB0C6}
table.meds{width:100%;border-collapse:collapse;font-size:12.5px}
table.meds th{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line2);font-weight:600}
table.meds td{padding:4px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
table.meds td input{padding:5px 7px}
table.meds tr.out input.dv{border-color:var(--bad);background:var(--badb);color:var(--badt)}
.xbtn{border:1px solid var(--line2);background:var(--solid);border-radius:7px;cursor:pointer;color:var(--badt);font-weight:700;width:32px;height:32px;flex:none}
.extrow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 32px;gap:8px;background:var(--ice);border:1px solid var(--line2);border-radius:9px;padding:9px}
.extrow .full{grid-column:1 / 3}
.extrow .xbtn{grid-row:1;grid-column:3;align-self:end}
.phgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.phc{border:1px solid var(--line2);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:var(--solid)}
.phc .img{aspect-ratio:4/3;max-width:100%;background:var(--ice);position:relative}
.phc .img img{width:100%;height:100%;object-fit:cover;display:block}
.phc .img .no{position:absolute;top:6px;left:6px;background:rgba(11,31,58,.8);color:#fff;font-size:11px;font-weight:700;border-radius:5px;padding:1px 7px}
.phc .meta{padding:8px;display:grid;grid-template-columns:104px minmax(0,1fr) 32px;gap:6px;align-items:center}
.addph{position:relative;border:2px dashed var(--line2);border-radius:10px;aspect-ratio:4/3;max-width:100%;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:var(--acc);font-weight:600;cursor:pointer;background:var(--ice)}
.addph small{color:var(--mut);font-weight:400}.addph input{position:absolute;inset:0;opacity:0;cursor:pointer}
.gate{display:flex;flex-direction:column;gap:4px;font-size:13px}
.gate div{display:flex;gap:8px;align-items:center}
.ck{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;flex:none}
.ck.y{background:var(--okb);color:var(--okt)}.ck.n{background:var(--badb);color:var(--badt)}





.pdfwrap{background:#596474;border-radius:12px;padding:12px;overflow:auto;max-height:calc(100vh - 110px);display:flex;flex-direction:column;gap:12px;align-items:center}
.pv{position:relative;flex:none;box-shadow:0 4px 18px rgba(0,0,0,.35);overflow:hidden}
.pv>.sheet{position:absolute;left:0;top:0;transform-origin:0 0}
.triage{display:flex;flex-direction:column;gap:10px}
.triage .q{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.triage .q b{font-size:13.5px}
.cls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.cls div{border:2px solid var(--line2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:2px;font-size:12px}
.cls div b{font-size:15px}
.cls div.on{border-color:var(--c);background:var(--cb)}
/* modal */
.modal{position:fixed;inset:0;z-index:100;background:rgba(11,31,58,.55);display:flex;align-items:flex-start;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));overflow-y:auto}
.modal .box{background:var(--solid);border-radius:14px;width:100%;max-width:560px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.modal .box.wide{max-width:980px}
.modal h2{margin:0;font-size:18px}
.toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:13.5px;z-index:300;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:90vw}
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:var(--solid)}
.seg button{border:0;background:transparent;padding:6px 11px;font-size:12.5px;cursor:pointer;color:var(--mut)}


.sk{display:flex;flex-direction:column;gap:10px;background:var(--ice);border:1px dashed var(--acc);border-radius:10px;padding:12px}

/* ===================== DOCUMENTOS A4 (PDF) ===================== */
#render{position:fixed;left:-10000px;top:0}
.sheet{width:794px;height:1123px;background:#F4F7FA;color:#1D2B3A;font-family:var(--fd);font-size:10.4px;line-height:1.38;padding:30px 42px 26px;display:flex;flex-direction:column;overflow:hidden}
.sheet .body{flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.sheet .hdr{display:grid;grid-template-columns:120px 1fr 120px;border:.6px solid #B9C5D1;background:#fff;margin-bottom:9px;flex:none}
.sheet .hdr div{display:flex;align-items:center;justify-content:center;padding:5px}
.sheet .hdr .c{flex-direction:column;border-left:.6px solid #B9C5D1;border-right:.6px solid #B9C5D1;text-align:center}
.sheet .hdr img.ln{height:38px;width:auto}.sheet .hdr img.lv{height:46px;width:auto}
.sheet .hdr b{color:#1F3A5F;font-size:11.5px;font-weight:600}.sheet .hdr span{color:#5E6E7F;font-size:10px}.sheet .hdr .np{color:#1A73E8;font-size:9.5px}
.sheet .fbar{display:flex;align-items:center;background:#fff;border:.6px solid #B9C5D1;border-left:3px solid #1F3A5F;padding:6px 12px;gap:10px;flex:none}
.sheet .fbar div:first-child{flex:1}.sheet .fbar small{display:block;font-size:8.6px;color:#5E6E7F;text-transform:uppercase;letter-spacing:.08em}
.sheet .fbar h3{margin:0;font-size:14px;color:#1F3A5F;font-weight:600}.sheet .fbar .om{text-align:right;font-size:11px}.sheet .fbar .om b{font-size:15px}
.sheet .fs{background:#fff;border:.6px solid #D3DCE5;padding:6px 9px 7px;display:flex;flex-direction:column;gap:5px;flex:none}
.sheet h4{margin:0;font-size:10.4px;font-weight:600;color:#1F3A5F;text-transform:uppercase;letter-spacing:.06em;display:flex;gap:7px;align-items:center}
.sheet h4 code{background:#1F3A5F;color:#fff;padding:1px 6px;border-radius:2px;font-family:inherit;letter-spacing:0}
.sheet h4 .r{margin-left:auto;font-weight:400;text-transform:none;color:#5E6E7F;letter-spacing:0}
.sheet .row{display:grid;gap:4px 8px}
.sheet .fl{font-size:8px;color:#5E6E7F;text-transform:uppercase;letter-spacing:.04em;display:block;margin-bottom:1px}
.sheet .v{background:#F4F7FA;border:.6px solid #B9C5D1;border-radius:3px;padding:2px 6px;min-height:19px;color:#1D2B3A;white-space:pre-wrap}
.sheet table{width:100%;border-collapse:collapse;font-size:9.6px}
.sheet th{background:#EAF0F5;color:#1F3A5F;font-weight:500;text-align:left;padding:3px 5px;border:.6px solid #B9C5D1;font-size:9px}
.sheet td{border:.6px solid #B9C5D1;padding:3px 5px;vertical-align:top;background:#fff}

.sheet .note{font-size:9px;font-style:italic;color:#5E6E7F}
.sheet .stamp{color:#137333;font-weight:600}
.sheet .sf{display:flex;justify-content:space-between;color:#5E6E7F;font-size:8.6px;border-top:.6px solid #D3DCE5;padding-top:5px;margin-top:6px;flex:none}
.sheet .sf b{color:#1D2B3A;font-weight:500}






.sheet .fi{border:.8px solid #1D2B3A;background:#fff;padding:6px 8px;display:flex;flex-direction:column;gap:3px;flex:none}
.sheet .fi .h{background:#E9EEF2;margin:-6px -8px 4px;padding:4px 8px;font-weight:600;border-bottom:.8px solid #1D2B3A}
.sheet .box{display:inline-block;width:10px;height:10px;border:1.1px solid #1D2B3A;margin-right:6px;vertical-align:-1px;flex:none}
.sheet svg.ch text{fill:#5E6E7F;font-family:Arial,sans-serif;font-size:9px}
.sheet svg.ch .ln{stroke:#1A73E8}.sheet svg.ch .bar{fill:#1A73E8}
.sheet svg.ch .grid{stroke:#E4EAF3}.sheet svg.ch .mt{fill:#B06000}
.cover{background:linear-gradient(160deg,#0B1F3A,#12305A 60%,#1F4E86);color:#fff;padding:0}
.cover .in{flex:1;display:flex;flex-direction:column;padding:60px 56px;gap:18px}


.cover h1{font-size:40px;margin:120px 0 0;line-height:1.05;font-weight:600;color:#fff}
.cover h2{font-size:20px;margin:0;font-weight:400;color:#C4D6EE}
.cover .meta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;color:#C4D6EE}
.cover .meta b{display:block;color:#fff;font-size:15px;font-weight:600}

/* ---------- ajuste e calibração ---------- */











.tk{position:absolute;top:-3px;width:3px;height:18px;border-radius:2px;margin-left:-1px;opacity:.85;cursor:help}
.clegend{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.clegend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.clegend .sp{flex:1}

.rk{display:flex;flex-direction:column}















.chips{display:flex;flex-wrap:wrap;gap:5px}


.pd{display:inline-block;margin:2px 10px 2px 0;font-size:12.5px;cursor:pointer;white-space:nowrap}.pd:hover{text-decoration:underline}.pd.venc b{color:var(--badt)}.pd.viag b{color:var(--warnt)}
.hrbar{position:absolute;left:0;top:0;bottom:0;border-radius:6px}

/* ---------- responsivo ---------- */
@media (max-width:1200px){.pdfwrap{max-height:none}.kgrid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.kgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}.cls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:90;transform:translateX(-105%);transition:transform .2s;height:auto;padding-top:max(16px,env(safe-area-inset-top,0px))}
  body.menu .side{transform:none}
  body.menu::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:80}
  .mtop{display:flex;position:sticky;top:0;z-index:50;background:var(--side);color:#fff;align-items:center;gap:10px;padding:max(8px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))}
  .mtop button{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:5px 10px;font-size:16px}
  .mtop b{font-size:15px}
  .main{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}
  .g{grid-template-columns:repeat(2,minmax(0,1fr))}.g>*{grid-column:span 2!important}
  .kgrid,.kgrid.six{grid-template-columns:1fr 1fr}
  .phgrid{grid-template-columns:1fr}
  .extrow{grid-template-columns:minmax(0,1fr) 32px}.extrow>label{grid-column:1!important}.extrow .xbtn{grid-column:2}
  
}
@media (max-width:440px){.kgrid,.kgrid.six{grid-template-columns:1fr}.cls{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}




.dotc{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.plt tr.grp td{background:var(--ice2);font-weight:650;color:var(--navy);font-size:12.5px;letter-spacing:.02em}
.lubpg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px}
.lubpg img{width:100%;border:1px solid var(--line2);border-radius:6px;background:#fff}
.mmgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.mmc{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--ice)}
.mmc b{display:flex;gap:8px;align-items:center;color:var(--navy)}
.mmc b i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--acc);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.mmc ul{margin:6px 0 0;padding-left:18px;font-size:13px}.mmc li{margin:3px 0}
.form-overlay{position:fixed;inset:0;z-index:2000;background:#dfe6ed;display:flex;flex-direction:column}
.form-overlay iframe{flex:1;border:0;width:100%;background:#dfe6ed}
.fo-bar{background:var(--side);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:7px 14px;font-size:13px;gap:10px}
.fo-bar .fo-b{display:flex;gap:8px}
.fo-bar button{background:#fff;color:var(--side);border:0;border-radius:6px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:12.5px}
.fo-busy{position:absolute;inset:0;background:rgba(15,30,50,.62);color:#fff;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;font-weight:600;font-size:16px;z-index:5}
.spin{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spn 1s linear infinite}
@keyframes spn{to{transform:rotate(360deg)}}
.sig-ov{position:fixed;inset:0;z-index:5000;background:#f4f7fb;display:flex;flex-direction:column;padding:10px;gap:10px}
.sig-top{display:flex;flex-direction:column;gap:2px;color:#0d2f57}.sig-top b{font-size:17px}.sig-top small{color:var(--mut);font-size:12.5px}
.sig-box{flex:1;position:relative;background:#fff;border:2px dashed var(--acc);border-radius:14px;overflow:hidden;min-height:0}
.sig-box canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.sig-line{position:absolute;left:6%;right:6%;bottom:22%;border-bottom:2px solid #cbd5e1;pointer-events:none}
.sig-hint{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#b6c2d1;font-size:22px;font-weight:600;pointer-events:none}
.sig-btns{display:flex;gap:10px}.sig-btns button{flex:1;border:0;border-radius:12px;padding:15px 8px;font-size:16px;font-weight:700;cursor:pointer}
.sig-btns .sg-c{background:var(--ice2);color:var(--ink)}.sig-btns .sg-l{background:var(--warnb);color:var(--warnt)}.sig-btns .sg-ok{background:var(--ok);color:#fff}

/* ---------- áreas, abas e painel de comando ---------- */
.side a .ic{width:18px;height:18px;flex:none;opacity:.85}
.side a.on .ic{opacity:1}
.abas{display:flex;gap:2px;align-items:center;border-bottom:1px solid var(--line2);margin:0 0 18px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.abas-t{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-right:12px;font-weight:650}
.abas a{padding:10px 14px 9px;color:var(--mut);text-decoration:none;font-weight:600;font-size:13.5px;border-bottom:2.5px solid transparent;margin-bottom:-1px;display:inline-flex;gap:6px;align-items:center}
.abas a:hover{color:var(--ink)}

.abas a .n{font-size:11px;background:var(--bad);color:#fff;border-radius:9px;padding:0 6px;min-width:18px;text-align:center}
.abas a .n.blue{background:var(--acc)}
h2.sec{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin:20px 0 10px;font-weight:650}
.quadro td{vertical-align:middle}
.fx{display:flex;gap:10px;align-items:stretch;margin:10px 0}
@media(max-width:700px){.fx{flex-direction:column}}

/* ---------- corretiva em 5 blocos ---------- */
.cblk-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.cblk-h>b{width:30px;height:30px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.cblk-h.amb>b{background:var(--warn)}
.cblk-h h3{margin:0;font-size:16px}.cblk-h span{font-size:12px;color:var(--mut)}
.cdet{margin:8px 0 4px}.cdet summary{cursor:pointer;color:var(--acc);font-weight:600;font-size:13px;padding:4px 0}
.cblk.ef .cblk-h>b{background:var(--ok)}




















































































/* ---------- painéis organizáveis ---------- */
.lay{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:16px;align-items:start;grid-auto-flow:row dense}
.lb{min-width:0;position:relative}.lb>*{margin:0!important}
.lb>h2.sec{margin:8px 0 -6px!important}
.lb.oc{display:none}
.lay.edit .lb{outline:2px dashed var(--acc2);outline-offset:3px;border-radius:12px}
.lay.edit .lb.oc{display:block;opacity:.38}
.lbar{display:flex;gap:4px;align-items:center;background:var(--acc);color:#fff;border-radius:8px;padding:5px 8px;font-size:12px;margin-bottom:6px;cursor:grab}
.lbar .sp{flex:1}
.lbar button{background:rgba(255,255,255,.16);color:#fff;border:0;border-radius:5px;padding:3px 9px;font-size:12px;cursor:pointer;font-family:inherit}
.lbar button.on{background:#fff;color:var(--acc);font-weight:700}
.lb.drag{opacity:.35}
.layb{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.lb{grid-column:1/-1!important}}






#main .quadro th{font-weight:400}

/* ---------- fundo azul-gelo suave (painéis) ---------- */

#main .card{background:rgba(214,230,246,.42);border-color:rgba(160,190,222,.38);box-shadow:0 1px 2px rgba(16,35,66,.03)}

#main .card.mini{background:rgba(214,230,246,.42)}
#main .card .card.mini{background:rgba(255,255,255,.6)}
#main .t tbody tr:hover td{background:rgba(255,255,255,.55)}
#main .hb2-t{background:rgba(255,255,255,.75)}

#main .hb2-r:not(.hb2-mr):hover{background:rgba(255,255,255,.5)}
#main .card input,#main .card select,#main .card textarea{background:rgba(255,255,255,.85)}
/* ---------- minimizar / maximizar painel ---------- */
.lb>.pctl{position:absolute;top:8px;right:10px;z-index:4;display:flex;gap:2px;opacity:0;transition:opacity .15s}
.lb:hover>.pctl,.lb.min>.pctl{opacity:1}
.pctl button{width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:#7A8899;font:400 13px/1 inherit;cursor:pointer;padding:0}

.lb.min>.card>*:not(:first-child){display:none!important}
.lb.min>.card{padding-top:10px;padding-bottom:10px}
.lb>.card>.row:first-child,.lb>.card>h2:first-child{padding-right:52px}
.pmax{position:fixed;inset:0;z-index:300;background:rgba(11,25,45,.55);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:3vh 3vw}
.pmax-b{position:relative;width:100%;max-width:1500px;max-height:94vh;overflow:auto;background:#F3F7FB;border-radius:14px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.pmax-b>.card{margin:0!important;background:#fff!important}
.pmax-x{position:absolute;top:10px;right:12px;z-index:2;border:0;background:transparent;color:#5B6B80;font-size:16px;cursor:pointer;width:28px;height:28px;border-radius:8px}.pmax-x:hover{background:rgba(31,68,102,.08)}
/* ---------- alça de tamanho e pegador ---------- */
.lay.free{display:block;position:relative}

.lay.free>.lb{position:absolute;transition:left .18s ease,top .18s ease}
.lay.free>.lb.dragging,.lay.free>.lb.rzing{transition:none}
.lay.free>.lb.dragging{opacity:.92;filter:drop-shadow(0 18px 30px rgba(46,98,160,.25))}
.fph{position:absolute;border:2px dashed rgba(26,115,232,.6);background:rgba(66,133,244,.10);border-radius:18px;pointer-events:none;transition:left .1s,top .1s,width .1s,height .1s}

.lrz{position:absolute;right:3px;bottom:3px;z-index:5;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#8A98A8;cursor:nwse-resize;opacity:0;transition:opacity .15s;border-radius:5px;user-select:none;touch-action:none}
.lb:hover>.lrz,.lb.rzing>.lrz{opacity:1}.lrz:hover{background:rgba(31,68,102,.08);color:#1F4466}
.pctl [data-pmov]{cursor:grab;touch-action:none}
.lb.rzing>.card{outline:1.5px dashed #3C6E95;outline-offset:2px}



/* ---------- gráficos v2 ---------- */
.lnc{position:relative;margin:6px 0 2px;width:100%;align-self:stretch;flex:1 1 auto;min-width:0}
.lnc-a{position:relative;margin:14px 34px 0 6px}
.lnc-s{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lnc-g{stroke:#E8EDF3;stroke-width:1;vector-effect:non-scaling-stroke}
.lnc-l{fill:none;stroke:#1A73E8;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.lnc-m{stroke:#F9AB00;stroke-width:1.4;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.lnc-ml{position:absolute;left:2px;transform:translateY(3px);font-weight:600;font-size:10.5px;font-family:inherit;color:#B06000;background:rgba(255,255,255,.85);padding:0 4px;border-radius:3px;pointer-events:none}
.lnc-p{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff;border:2px solid #1A73E8;box-sizing:border-box;cursor:crosshair;transition:transform .15s}

.lnc-p.u{width:13px;height:13px;margin:-6.5px 0 0 -6.5px;background:#0B2A4F;border-color:#fff;box-shadow:0 0 0 2px #1A73E8}

.lnc-v{position:absolute;transform:translate(-50%,-150%);font-weight:500;font-size:10.5px;font-family:inherit;color:#6B7A8D;white-space:nowrap;pointer-events:none}
.lnc-vu{position:absolute;transform:translate(-50%,-165%);font-weight:700;font-size:13px;font-family:inherit;color:#0B2A4F;white-space:nowrap;pointer-events:none;background:#fff;padding:0 3px;border-radius:3px}
.lnc-vu.r{transform:translate(-85%,-165%)}
.lnc-x{position:relative;height:18px;margin:6px 34px 0 6px;border-top:1px solid #D3DCE5}
.lnc-x span{position:absolute;top:4px;transform:translateX(-50%);font-size:10.5px;font-family:inherit;color:#6B7A8D;white-space:nowrap}
.lnc-vazio{display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:13px;background:repeating-linear-gradient(45deg,#F6F8FB,#F6F8FB 8px,#fff 8px,#fff 16px);border-radius:8px}
.hb2{display:flex;flex-direction:column;gap:7px;margin:6px 0}
.hb2-r{display:grid;grid-template-columns:minmax(110px,32%) 1fr 74px;align-items:center;gap:10px;font-size:12.5px;border-radius:6px;padding:1px 0}
.hb2-r:not(.hb2-mr):hover{background:#F2F6FA}
.hb2-l{color:#41536A;text-align:right;line-height:1.2;overflow:hidden;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hb2-t{position:relative;height:16px;background:#EEF2F7;border-radius:8px}
.hb2-t i{display:block;height:100%;border-radius:8px;transition:width .4s}
.hb2-t em{position:absolute;top:-3px;bottom:-3px;border-left:1.5px dashed #F9AB00}
.hb2-v{font-weight:700;font-size:12.5px;font-family:inherit;color:#0B2A4F;white-space:nowrap}

.hb2-mr{margin-top:-4px}.hb2-ml{position:absolute;transform:translateX(-50%);font-weight:600;font-size:10.5px;font-family:inherit;color:#B06000;white-space:nowrap}












.t.hm{width:auto;min-width:60%}.t.hm th.c{max-width:120px;white-space:normal;line-height:1.2;font-size:10.5px}.t.hm td.c{min-width:76px;border:2px solid var(--card,#fff);border-radius:6px}


.t.hm td,.t.hm th{padding:6px 8px}
























































.dz-ch{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:200px auto;column-gap:6px;margin-top:6px}

.dz-y{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:10px;color:#8CA3BC;transform:translateY(-6px);height:100%}

.dz-pl{position:relative;height:100%;border-bottom:1px solid rgba(70,120,180,.28)}
.dz-pl hr{position:absolute;left:0;right:0;margin:0;border:0;border-top:1px solid rgba(70,120,180,.10)}

.dz-gr{position:absolute;inset:0;display:flex;align-items:flex-end;gap:3%;padding:0 2%}
.dz-g{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:0;cursor:crosshair;border-radius:6px 6px 0 0}
.dz-g:hover{background:rgba(255,255,255,.45)}



.dz-st>span{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-3px);font-size:11px;color:#1C3350;white-space:nowrap}
.dz-st{width:min(60%,34px);display:flex;flex-direction:column;gap:2px;position:relative}.dz-st i{display:block;border-radius:4px;min-height:2px}
.dz-x{grid-column:2;display:flex;gap:3%;padding:4px 2% 0}
.dz-x span{flex:1;min-width:0;text-align:center;font-size:10.5px;color:#6A84A0;white-space:nowrap}

























@keyframes rioOnda{from{background-position:0 0}to{background-position:52px 0}}











@keyframes rioAl{50%{transform:translateY(-75%)}}


















.brandbox{padding:12px 10px!important;gap:16px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#F1F6FC)!important;box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 1px 0 #fff}
.brandbox img{height:54px!important;max-width:44%;object-fit:contain}
.brandbox i{height:42px!important}

/* ---------- cartões de pendências (KPI) modernos ---------- */





















:root{--ink:#1C3350;--mut:#5B7694;--line:rgba(70,120,180,.14);--line2:rgba(70,120,180,.22);--acc:#1967D2;--acc2:#4285F4;--bg:#E8F1FB;--ice:rgba(255,255,255,.7);--ice2:rgba(225,238,252,.8);
  --gl:linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 42%),linear-gradient(180deg,rgba(255,255,255,.74),rgba(242,248,255,.50));
  --glsh:0 12px 30px rgba(46,98,160,.11),0 2px 6px rgba(46,98,160,.05),inset 0 1px 0 #fff,inset 0 -3px 8px rgba(120,165,215,.08)}


#main .card,#main .card.mini{background:var(--gl)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:var(--glsh)!important;
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-radius:18px}
#main .card .card,#main .card .card.mini{background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(246,250,255,.6))!important;box-shadow:0 4px 12px rgba(46,98,160,.07),inset 0 1px 0 #fff!important}


#main .lb>.card{transition:transform .2s,box-shadow .2s}

.mbtn:hover{border-color:rgba(66,133,244,.6);box-shadow:0 4px 12px rgba(46,98,160,.18),inset 0 1px 0 #fff}
.mbtn.pri{background:linear-gradient(180deg,#4285F4,#1A73E8);border-color:rgba(255,255,255,.6);color:#fff;box-shadow:0 6px 16px rgba(26,115,232,.35),inset 0 1px 0 rgba(255,255,255,.45)}

.seg button{background:transparent;border:0;border-radius:8px}


input:focus,select:focus,textarea:focus{outline:2px solid rgba(66,133,244,.45);outline-offset:1px;border-color:#4285F4}
.t th{background:rgba(240,247,255,.92)!important;backdrop-filter:blur(6px)}
#main .quadro th{background:rgba(240,247,255,.92)!important}



.modal .box{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(244,249,255,.88))!important;border:1px solid #fff;box-shadow:0 30px 80px rgba(28,51,80,.3),inset 0 1px 0 #fff!important;border-radius:18px;backdrop-filter:blur(20px)}

/* gráficos no azul do tema */


.pmax{background:rgba(28,51,80,.35)}.pmax-b{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(236,245,255,.85))}




/* =================== PALETA GELO: azul-gelo (positivo/neutro) e vermelho-gelo (negativo) =================== */

.mbtn.pri,.seg button.on{background:linear-gradient(180deg,#D2E3FC,#4285F4)!important;color:#173252!important;border-color:rgba(255,255,255,.7)!important;box-shadow:0 6px 16px rgba(26,115,232,.32),inset 0 1px 0 rgba(255,255,255,.6)!important}


.lnc-p.u.f{background:#D93025;box-shadow:0 0 0 2px #F6AEA9}


.n:not(.blue){background:#D93025!important}
.lnc-a stop{stop-color:#8AB4F8}

/* =================== VISUAL "PAINEL FLUTUANTE" EM 100% DO SISTEMA =================== */
:root{--ink:#1C3350;--mut:#6A84A0;--line:rgba(70,120,180,.16);--line2:rgba(70,120,180,.24);
  --gl:linear-gradient(180deg,rgba(255,255,255,.62),rgba(236,245,255,.38));
  --glsh:0 24px 60px rgba(46,98,160,.14),0 4px 12px rgba(46,98,160,.07),inset 0 1px 0 #fff,inset 0 -2px 8px rgba(120,165,215,.10)}

body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(700px 500px at 18% 20%,rgba(214,230,245,.7),transparent 70%),radial-gradient(800px 600px at 85% 85%,rgba(220,233,246,.8),transparent 70%),linear-gradient(160deg,#F7FAFD,#EDF3F9 60%,#E3ECF5)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(70,120,180,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(70,120,180,.07) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 90%)}
/* painéis = vidro do painel flutuante, com o reflexo diagonal */
#main .card,#main .card.mini{background:var(--gl)!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:var(--glsh)!important;
  backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-radius:18px;position:relative}
#main .card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 38%);pointer-events:none;z-index:0}
#main .card>*{position:relative;z-index:1}

#main .card .card::after{display:none}
/* menu lateral em vidro claro, flutuando */


.side::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.5),transparent 30%);pointer-events:none}
.side>*{position:relative;z-index:1}






.side a.on{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(236,245,255,.75))!important;color:#1C3350!important;font-weight:600;box-shadow:0 6px 16px rgba(46,98,160,.12),inset 0 1px 0 #fff;border:1px solid #fff}
.side a .ic{color:#1A73E8;opacity:1}


.side .user span{color:#6A84A0}




@media(max-width:900px){.side{margin:0;border-radius:0 20px 20px 0;height:auto!important;top:0!important}}
/* barra de abas e cabeçalhos no tom do painel */

.abas-t{color:#4F6A88}


.t th{color:#4F6A88!important;background:rgba(236,244,251,.9)!important}



/* =================== TEMA GOOGLE (Material) · substitui o vidro =================== */
:root{--ink:#202124;--mut:#5F6368;--line:#E8EAED;--line2:#DADCE0;--acc:#1A73E8;--acc2:#4285F4;--bg:#F8F9FA;--ice:#F1F3F4;--ice2:#E8EAED;
 --bad:#D93025;--badb:#FFFFFF;--badt:#C5221F;--warn:#F9AB00;--warnb:#FEF7E0;--warnt:#B06000;--ok:#1E8E3E;--okb:#E6F4EA;--okt:#137333;--solid:#fff}
html,body{background:#F8F9FA!important}

#main .card,#main .card.mini,.modal .box,.pmax-b{background:#fff!important;border:1px solid #DADCE0!important;box-shadow:0 1px 2px rgba(60,64,67,.12),0 1px 3px 1px rgba(60,64,67,.06)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:8px!important}
#main .card::after,#main .card::before,.side::after{display:none!important}
#main .card .card{background:#fff!important;box-shadow:none!important;border:1px solid #E8EAED!important}
#main .lb>.card:hover{transform:none!important;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)!important}
/* menu lateral branco, item ativo em pílula azul clara (Google Drive) */
.app{grid-template-columns:256px minmax(0,1fr)!important}
.side{background:#fff!important;border:0!important;border-right:1px solid #DADCE0!important;box-shadow:none!important;backdrop-filter:none!important;margin:0!important;border-radius:0!important;height:100vh!important;top:0!important;color:#5F6368!important}
.side .brandbox{background:#fff!important;box-shadow:none!important;border:1px solid #E8EAED!important;border-radius:8px!important}
.bt b{color:#202124!important}.bt span{color:#5F6368!important}
.bt .logo{background:#1A73E8!important;box-shadow:none!important}
.side a{color:#3C4043!important;border-radius:0 20px 20px 0!important;margin-left:-12px;padding-left:22px!important;border:0!important}
.side a:hover{background:#F1F3F4!important}
.side a.on{background:#E8F0FE!important;color:#1967D2!important;box-shadow:none!important;font-weight:600}
.side a .ic{color:#5F6368!important}.side a.on .ic{color:#1967D2!important}
.side a .n,.n:not(.blue){background:#D93025!important;color:#fff!important}
.grp-t{color:#5F6368!important}.sync{color:#5F6368!important}
.side .user{border-top:1px solid #E8EAED!important}.side .user b{color:#202124!important}
.side .av{background:#1A73E8!important;color:#fff!important}
.side .user button{background:#fff!important;border:1px solid #DADCE0!important;color:#1A73E8!important}
.mtop{background:#fff!important;color:#202124!important;border-bottom:1px solid #DADCE0;box-shadow:none;backdrop-filter:none}
.mtop button{border-color:#DADCE0!important;color:#202124!important}
@media(max-width:900px){.side{height:auto!important}.app{grid-template-columns:1fr!important}}
/* botões, abas e campos */
.mbtn{background:#fff!important;border:1px solid #DADCE0!important;color:#1A73E8!important;box-shadow:none!important;border-radius:4px!important;font-weight:500}
.mbtn:hover{background:#F8FBFF!important;border-color:#D2E3FC!important}
.mbtn.pri{background:#1A73E8!important;color:#fff!important;border-color:#1A73E8!important}
.mbtn.pri:hover{background:#1765CC!important;box-shadow:0 1px 2px rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)!important}
.seg{background:#fff!important;border:1px solid #DADCE0!important;box-shadow:none!important;border-radius:4px!important;padding:0!important}
.seg button{border-radius:0!important;color:#3C4043}
.seg button.on{background:#E8F0FE!important;color:#1967D2!important;box-shadow:none!important}
.abas{background:transparent!important;border:0!important;border-bottom:1px solid #DADCE0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.abas a{color:#5F6368}.abas a.on{color:#1A73E8!important;border-bottom:3px solid #1A73E8!important}
input,select,textarea{background:#fff!important;border:1px solid #DADCE0!important;border-radius:4px!important;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:2px solid #1A73E8!important;border-color:#1A73E8!important}
.t th,#main .quadro th{background:#fff!important;color:#5F6368!important;border-bottom:1px solid #DADCE0!important;backdrop-filter:none}
.t td{border-bottom-color:#E8EAED!important}
.vh h1{color:#202124!important;font-weight:500}.vh p{color:#5F6368!important}
h2.sec{color:#5F6368!important}
.banner{border-radius:8px!important;box-shadow:none!important}
.modal{background:rgba(32,33,36,.5)!important;backdrop-filter:none!important}
.pctl button:hover{background:#F1F3F4!important;color:#202124!important}
/* cartões de pendências */




#main .card.mini.bad b{color:#D93025!important}




/* gráficos no padrão Google Charts */


.dz-pl{border-bottom:1px solid #9AA0A6}.dz-pl hr{border-top-color:#E8EAED}
.dz-y,.dz-x span{color:#5F6368!important}


.dz-st>span{color:#3C4043}

.dz-st i{border-radius:0!important}



.lnc-l{stroke:#1A73E8!important;stroke-width:2!important}
.lnc-p{transform:none!important;border-radius:50%!important;border-color:#1A73E8!important;background:#fff}
.lnc-p:hover{transform:scale(1.4)!important}
.lnc-p.u{background:#1A73E8!important;box-shadow:0 0 0 2px #fff!important;border-color:#1A73E8!important}
.lnc-p.f{border-color:#D93025!important}.lnc-p.u.f{background:#D93025!important;border-color:#D93025!important}
.lnc-ml,.hb2-ml{color:#B06000!important}.lnc-m{stroke:#F9AB00!important}
.lnc-vu{color:#202124!important}
.hb2-t{background:#F1F3F4!important;border-radius:2px!important;height:14px}
.hb2-t i{border-radius:2px!important}
.hb2-v{color:#202124!important;font-weight:500!important}.hb2-v.f{color:#D93025!important}
.hb2-l{color:#3C4043!important}
















.lb.rzing>.card{outline-color:#1A73E8}.fph{border-color:#1A73E8;background:rgba(26,115,232,.06)}

/* sem fundo rosa: tudo que era rosa fica branco (o texto continua vermelho) */
:root{--badb:#FFFFFF}
.p-bad,.banner.bad,.dv{background:#FFFFFF!important}
.banner.bad{border:1px solid #DADCE0!important}

/* fundo do painel 100% branco */
:root{--bg:#FFFFFF}
html,body,.app,.main,#main{background:#FFFFFF!important}
body::before,body::after{display:none!important;background:none!important}

/* painel de gestão organizado: alturas iguais por linha */




.banner.fora{background:#F1F3F4!important;border:1px solid #DADCE0!important;color:#3C4043}

html.gated body>*:not(#gate):not(.toast){visibility:hidden}
#gate{position:fixed;inset:0;z-index:9999;background:linear-gradient(rgba(22,36,74,.45),rgba(22,36,74,.78)),url(../img/fundo-acesso.jpg) center 42%/cover no-repeat #16244A;display:flex;align-items:center;justify-content:center;padding:16px}
#gate .gbox{background:#fff;border:1px solid #DADCE0;border-radius:8px;width:100%;max-width:380px;padding:36px 32px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px rgba(60,64,67,.15)}
#gate .glogos{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:6px}#gate .glogos img{height:52px;width:auto}#gate .glogos i{width:1px;height:40px;background:#DADCE0}
#gate h1{margin:0;text-align:center;font-size:26px;font-weight:500;color:#202124}#gate .gsub{margin:-8px 0 8px;text-align:center;color:#5F6368;font-size:14px}
#gate label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#5F6368}#gate input{font:inherit;font-size:15px;padding:11px 12px;border:1px solid #DADCE0;border-radius:4px;color:#202124;background:#fff}
#gate input:focus{outline:none;border-color:#1A73E8;box-shadow:0 0 0 1px #1A73E8}
#gate #gE{color:#D93025;font-size:13px;min-height:16px}
#gate button{font:inherit;font-size:15px;font-weight:500;background:#1A73E8;color:#fff;border:0;border-radius:4px;padding:11px;cursor:pointer}#gate button:hover{background:#1765CC}#gate button:disabled{opacity:.6}
#gate .glink{background:none!important;color:#1A73E8!important;padding:4px 0!important;font-size:13px!important;text-decoration:underline;cursor:pointer}
#gate{overflow:auto}#gate .gwrap{display:flex;gap:20px;align-items:stretch;justify-content:center;width:100%;max-width:840px;margin:auto}#gate .gwrap .gbox{flex:0 0 380px}
#gate .gban{flex:1;max-width:420px;background:rgba(22,36,74,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);color:#E8EDF5;border-radius:8px;padding:30px 28px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;line-height:1.45}
#gate .gban .gk{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9FB3D9}#gate .gban h2{margin:0;font-size:21px;font-weight:600;color:#fff;line-height:1.25}#gate .gban p{margin:0}#gate .gban b{color:#fff}
#gate .gban ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}#gate .gban li{padding-left:16px;position:relative}#gate .gban li:before{content:'';position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:#5B8DEF}
#gate .gban .gf{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-size:12px;color:#9FB3D9}
@media (min-width:1100px){#gate{background:linear-gradient(90deg,rgba(22,36,74,0) 0,rgba(22,36,74,0) calc(56vh - 90px),#16244A 56vh),linear-gradient(rgba(22,36,74,.05),rgba(22,36,74,.35)),url(../img/fundo-acesso.jpg) left center/auto 100% no-repeat #16244A;justify-content:flex-end;padding-right:max(24px,calc((100vw - 56vh - 840px)/2))}#gate .gwrap{margin:auto 0}}
@media (max-width:780px){#gate{align-items:flex-start}#gate .gwrap{flex-direction:column;align-items:center}#gate .gwrap .gbox{flex:none}#gate .gban{max-width:380px;width:100%;padding:22px 20px;font-size:13px}#gate .gban h2{font-size:18px}}
#gate .gnote{margin:4px 0 0;text-align:center;color:#80868B;font-size:12px}
.toast{z-index:10000}

/* controles dos painéis sempre visíveis (arrastar ⠿, minimizar −, maximizar ⛶, redimensionar ◢) */
.lay.free .lb>.pctl{opacity:.6!important}.lay.free .lb:hover>.pctl{opacity:1!important}
.lay.free .lb>.pctl button{color:#5F6368!important;background:#fff!important;width:22px!important;height:22px!important}
.lay.free .lb>.lrz{opacity:.8!important}

.dh{margin-top:10px}













.ol{margin-top:12px}
.ol-t{position:relative;height:100%}
.ol-v{font-size:13px;color:#202124;white-space:nowrap}.ol-v b{font-weight:500}.ol-v span{color:#5F6368}


.ab4-sec{display:flex;align-items:baseline;gap:12px;margin:28px 0 12px;padding-top:18px;border-top:1px solid #DADCE0}.ab4-sec h2{margin:0;font-size:20px;font-weight:400;color:#202124}

.cs-idx{flex-basis:100%;order:99;display:flex;flex-wrap:wrap;gap:6px;background:#fff;border-bottom:1px solid #DADCE0;padding:10px 0;margin:6px 0 0}.cs-idx.fix{position:fixed;top:0;z-index:50;margin:0;box-shadow:0 2px 6px rgba(60,64,67,.15);padding:10px 12px}
.cs-idx button{font:inherit;font-size:13px;color:#1A73E8;background:#fff;border:1px solid #DADCE0;border-radius:16px;padding:5px 14px;cursor:pointer}.cs-idx button:hover{background:#E8F0FE;border-color:#1A73E8}
.ab4-sec .mbtn{margin-left:6px}




.hls{display:flex;flex-direction:column;gap:8px;margin-top:6px}.hl{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(220px,1fr);gap:4px 14px;align-items:center;padding:10px 12px;border:1px solid #DADCE0;border-radius:8px}
.hl.est{background:#F8F9FA}.hl-n{display:flex;flex-direction:column}.hl-i{display:flex;gap:6px;align-items:center}.hl-i input{flex:1;min-width:0;font-size:16px}
.hl-r{grid-column:1/-1;font-size:13px;color:#3C4043;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.hl-r:empty{display:none}
.hl-w{color:#B06000}.hl-ok{color:#188038}.hl-foto{height:44px;border-radius:6px;border:1px solid #DADCE0;cursor:pointer;vertical-align:middle}
.hl-cam{cursor:pointer}@media(max-width:600px){.hl{grid-template-columns:1fr}}

/* fonte única em todo o sistema (números alinhados sem fonte de máquina de escrever) */
:root{--fm:var(--f)!important;--fd:var(--f)!important;--mono:var(--f)!important}
html,body,body *:not(i):not(.ic){font-family:"Segoe UI",Inter,system-ui,Arial,sans-serif!important}
svg text,svg tspan{font-family:"Segoe UI",Inter,system-ui,Arial,sans-serif!important}
.mono,td.mono,[class*="mono"],code,kbd,pre,samp,tt{font-variant-numeric:tabular-nums;letter-spacing:0!important}
td,th,.kc b,.mini b{font-variant-numeric:tabular-nums}

/* tamanho livre: quando o usuário redimensiona, o cartão pode ficar tão pequeno quanto quiser */
.lay.free .lb[data-h]>.card,.lay.free .lb[data-h]>a.card{min-height:0!important;max-height:none!important;scrollbar-width:thin}
.lay.free .lb>.card,.lay.free .lb>a.card{min-width:0!important}
.lay.free .lb{min-width:0!important}









.ds{border:1px solid #DADCE0;border-radius:8px;padding:10px 14px;min-width:200px}.ds b{display:block;font-size:24px;font-weight:400;color:#202124}.ds span{display:block;font-size:13px;color:#3C4043}.ds small{color:#5F6368;font-size:12px}



































/* conteúdo centralizado e com largura limitada em telas largas (todas as telas) */
#main{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;width:100%}
.cs-idx.fix{max-width:1320px}









.banner.warn{background:#FEF7E0;border:1px solid #F9D67A;color:#7A4F01}.banner.ok{background:#E6F4EA;border:1px solid #A8DAB5;color:#0D652D}















.c2{display:inline-block;min-width:24px;padding:2px 5px;border-radius:5px;color:#fff;font-weight:700;font-size:12px}.c2 small{font-size:10px;margin-left:2px;opacity:.9}
.c2.plan{background:#80868B}.c2.est{background:#fff;color:#5F6368;border:1.5px dashed #9AA0A6}.c2.ok{background:#188038}.c2.late{background:#E37400}.c2.miss{background:#D93025}

/* Situação da frota (js/87, SMF 3.44): matriz empurrador × sistema e cartões; linhas compactas */
.sf-k{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-bottom:4px}.sf-k>div:not(.seg){border:1px solid #E3E6EA;border-radius:8px;padding:3px 10px 4px;min-width:150px}.sf-k>div span{font-size:13px;font-weight:400;color:#5F6B7A;display:block;line-height:1.2}.sf-k>div b{font-size:36px;line-height:1;font-weight:400}.sf-k .sp{flex:1}
.sf-leg{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#5F6B7A;margin:2px 0 4px}.sf-leg>span{display:inline-flex;gap:5px;align-items:center}
table.sf-mx{width:100%;border-collapse:collapse;font-size:12.5px}table.sf-mx th{font-size:11px;color:#5F6B7A;font-weight:600;padding:3px 3px 4px;border-bottom:1px solid #E3E6EA;text-align:center;vertical-align:bottom;line-height:1.15;white-space:nowrap}table.sf-mx th.l{text-align:left}table.sf-mx th small{display:block;color:#9AA4B1;font-weight:500;font-size:10px}
table.sf-mx td{padding:2px 3px;border-bottom:1px solid #EEF0F2;vertical-align:middle;line-height:1.2}table.sf-mx tr:hover td{background:#F7F9FB}
.sf-n{cursor:pointer;white-space:nowrap}.sf-n b{font-size:13px}.sf-cc{text-align:center}.sf-cc [data-pcmv]{cursor:pointer}.sf-lk{text-decoration:none}
.sf-c{display:inline-block;min-width:21px;height:20px;line-height:20px;border-radius:4px;font-weight:400;font-size:11.5px;text-align:center;padding:0 3px}.sf-r{background:#C5221F;color:#fff}.sf-a{background:#FEF7E0;color:#9A6700;box-shadow:inset 0 0 0 1px #F2C94C}
/* 3.73: em dia = quadrado verde com ✓ e sem histórico = quadrado vazio, do tamanho dos números vermelho e âmbar (Supervisor: “pra combinar”) */.sf-g{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:4px;background:#1E8E3E;vertical-align:middle;text-align:center}.sf-g::after{content:'✓';color:#fff;font-size:13px;font-weight:400}.sf-o{display:inline-block;width:20px;height:20px;border-radius:4px;box-shadow:inset 0 0 0 1.5px #B4BCC6;vertical-align:middle}.sf-na{color:#C0C6CE}
.sf-s{font-size:11.5px;font-weight:600}.sf-s.ok{color:#1E8E3E}.sf-s.at{color:#B06000}.sf-s.bad{color:#C5221F}.sf-mut{color:#8A95A3;font-size:11.5px}.sf-red{color:#C5221F;font-size:11.5px}
.sf-p{display:inline-block;background:#EEF1F5;border-radius:3px;padding:0 3px;font-size:10px;color:#5F6B7A}.sf-hr{font-size:11.5px;white-space:nowrap;line-height:1.25}
.sf-bar{display:inline-block;width:56px;height:5px;background:#E8EBEF;border-radius:3px;vertical-align:middle;margin-right:5px;overflow:hidden}.sf-bar i{display:block;height:100%;background:#1A73E8}.sf-pc{font-size:11.5px}.sf-sep{border-left:2px solid #DFE3E8}
.sf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px}
.sf-cd{border:1px solid #E3E6EA;border-radius:8px;padding:8px 10px;cursor:pointer;background:#fff}.sf-cd:hover{border-color:#1A73E8;box-shadow:0 1px 4px rgba(26,115,232,.15)}
.sf-cdh{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.sf-cdh b{font-size:14px}.sf-cdh .sf-cfg{margin:0 auto 0 8px;font-size:11px;color:#5F6368}
table.sf-id{width:100%;border-collapse:collapse;font-size:11.5px;margin:2px 0 4px}table.sf-id th{text-align:left;font-weight:400;color:#5F6368;font-size:11px;white-space:nowrap;width:1%;padding:1px 8px 1px 0;vertical-align:top}table.sf-id td{padding:1px 2px;line-height:1.3;vertical-align:top}table.sf-id tr.sf-i1>*{padding-top:4px}
.sf-tag{font-size:11px;font-weight:600;border-radius:10px;padding:1px 8px}.sf-tag.ok{background:#E6F4EA;color:#137333}.sf-tag.at{background:#FEF7E0;color:#9A6700}.sf-tag.bad{background:#FCE8E6;color:#C5221F}
table.sf-mt{width:100%;border-collapse:collapse;font-size:11.5px;margin-bottom:3px}table.sf-mt td{padding:1px 2px;line-height:1.25;vertical-align:top}table.sf-mt td:first-child{white-space:nowrap;font-weight:600;font-size:10.5px;width:1%}
.sf-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.sf-dot.mcp{background:#1F3A5F}.sf-dot.mca{background:#1A73E8}
.sf-st{display:flex;height:5px;border-radius:3px;overflow:hidden;background:#E8EBEF;margin:4px 0}
.sf-pl{display:flex;gap:4px;flex-wrap:wrap}.sf-pl .pill{font-size:11px}
/* Pendências em colunas por etapa (js/87, SMF 3.45; 3.47: cada coluna é uma janela livre, .cm-grid dá a posição inicial lado a lado) */
.cm-ws.cm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.pd-col{background:#F3F5F7!important}.pd-col h2{display:flex;justify-content:space-between;align-items:baseline;font-size:13px!important;letter-spacing:.3px;text-transform:uppercase}.pd-q{font-size:12px;color:#5F6B7A}.pd-sub{font-size:11.5px;color:#7A8594;margin:-4px 0 8px}
.pd-cd{background:#fff;border-radius:8px;padding:9px 11px;margin-bottom:8px;box-shadow:0 1px 2px rgba(60,64,67,.15);border-left:4px solid #C5221F}.pd-cd.at{border-left-color:#F9AB00}.pd-cd.inf{border-left-color:#1A73E8}
.pd-t{display:flex;gap:8px;align-items:flex-start}.pd-n{font-size:20px;font-weight:700;color:#C5221F;line-height:1;min-width:26px}.pd-cd.at .pd-n{color:#B06000}.pd-cd.inf .pd-n{color:#1A73E8}.pd-t b{font-size:13px;line-height:1.25}
.pd-d{font-size:11.5px;color:#5F6B7A;margin:5px 0 7px;line-height:1.35;overflow-wrap:anywhere}.pd-ok{font-size:12px;color:#137333;background:#E6F4EA;border-radius:6px;padding:8px 10px}
@media (max-width:1100px){.cm-ws.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cm-ws.cm-grid{display:block}}
/* 2.1 Cronograma da frota na tela no visual da Situação da frota (js/85, SMF 3.48): cabeçalho claro, linhas baixas, células em etiqueta; o impresso continua com a .ecr */
.ecr-k>div small{display:block;font-size:10.5px;color:#8A95A3}
table.ecr.ecr2{font-size:12.5px}table.ecr.ecr2 th{background:#fff!important;color:#5F6B7A!important;font-size:11px;font-weight:600;padding:4px 3px;border:0!important;border-bottom:1px solid #E3E6EA!important;text-transform:capitalize}
table.ecr.ecr2 th.hj{color:#1A73E8!important;border-bottom:2px solid #1A73E8!important}
table.ecr.ecr2 td{padding:3px 3px!important;border:0!important;border-bottom:1px solid #EEF0F2!important;line-height:1.2}table.ecr.ecr2 tbody tr:hover td{background:#F7F9FB}
table.ecr.ecr2 td.ecr-c{background:transparent!important;text-align:center;box-shadow:none!important;outline:0!important}
.ecr2 .ecr-ch{display:inline-block;min-width:34px;height:20px;line-height:20px;border-radius:4px;font-size:11.5px;font-weight:700;padding:0 4px}
.ecr2 .ecr-c.ok .ecr-ch{background:#E6F4EA;color:#137333}.ecr2 .ecr-c.lt .ecr-ch{background:#FEF7E0;color:#9A6700;box-shadow:inset 0 0 0 1px #F2C94C}.ecr2 .ecr-c.ms .ecr-ch{background:#C5221F;color:#fff}
.ecr2 .ecr-c.hj .ecr-ch{background:#E8F0FE;color:#1967D2;box-shadow:inset 0 0 0 1.5px #1A73E8}.ecr2 .ecr-c.fut .ecr-ch{color:#80868B;font-weight:500}.ecr2 .ecr-c.nd .ecr-ch{color:#9AA4B1}
.ecr2 .ecr-c small{opacity:.75}.ecr2 .ecr-n a{text-decoration:none;color:#202124}.ecr2 .ecr-n a:hover{color:#1A73E8}.ecr2 .ecr-t{text-align:center}
table.ecr.ecr2 tfoot td{background:#F7F9FB!important;font-weight:600}
.ol-fx{margin:0 0 10px}
/* 3.2 Condição dos MCP (js/87, SMF 3.56): abas e diagnóstico em cima de Compressão, Calibração e Análise de óleo */
.mc-tabs{display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #DADCE0;margin:4px 0 12px}.mc-tl{font-size:11px;font-weight:700;letter-spacing:.06em;color:#5F6368;padding:0 14px 10px 2px}.mc-tabs a{padding:8px 16px;font-size:13.5px;font-weight:600;color:#5F6368;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-1px}.mc-tabs a.on{color:#1A73E8;border-bottom-color:#1A73E8}.mc-tabs a:hover{color:#1A73E8}
.mc-diag{margin-bottom:14px}.mc-diag .sf-k{margin-bottom:8px}.mc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
table.mc-t td{padding:5px 6px;font-size:12.5px}table.mc-t .pill{font-weight:600;white-space:nowrap}
/* 3.2 Controles · abas Sistema de arrefecimento e Sensores (ctlTab, SMF 3.64): nome do empurrador uma vez, linha só entre empurradores */
table.ctl-t td{border-top:0!important;border-bottom:0!important}table.ctl-t tr.ctl-g>td{border-top:1px solid #DADCE0!important}table.ctl-t tbody tr:first-child>td{border-top:0!important}table.ctl-t td.ctl-v{vertical-align:top}

#main tr.sf-foco>td{background:#FFF4CC!important;box-shadow:inset 0 1px 0 #F2C94C,inset 0 -1px 0 #F2C94C}
#main .sf-foco-c{box-shadow:0 0 0 3px #F2C94C!important}
#main .sf-mx tr.sf-gr th{font-size:10.5px;font-weight:400;color:#5F6B7A;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #E3E6EA;padding:2px 3px}#main .sf-mx tr.sf-gr th:first-child{border-bottom:0}
#main .sf-mx tr.sf-tot td{border-top:1px solid #E3E6EA;border-bottom:0;padding-top:5px;vertical-align:top}#main .sf-mx tr.sf-tot td.sf-cc div+div{margin-top:3px}
#main .sf-mx .sf-z{display:inline-block;height:20px;line-height:20px;font-size:11px}
#main .sf-mx .sf-bar{width:34px}
#main .sf-mx th{font-weight:400!important}#main .sf-mx tr.sf-tot b{font-weight:400}
#main .sf-q{display:inline-block;width:20px;height:20px;line-height:20px;border-radius:4px;background:#E8EAED;color:#5F6368;vertical-align:middle;text-align:center;font-size:12px}#main .sf-hv{font-size:11px;color:#B06000}#main .sf-hr a.sf-lk{color:inherit;text-decoration:none;display:block}#main .sf-pq td{vertical-align:top}#main .sf-pm{padding:2px 0 2px 10px;border-left:3px solid #E8A100;margin:2px 0}#main .sf-pm.bad{border-left-color:#C5221F}#main .sf-pm a{color:inherit}
#main .cal-lg{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:2px 0 8px}#main .cal-t td.c,#main .cal-t th.c{text-align:center}#main .cal-t .pill{min-width:64px;display:inline-block}#main .cal-t td.ctl-v a{color:inherit;text-decoration:none}
#main .cal-t th .note{text-transform:none;letter-spacing:0;font-size:10.5px;font-weight:400;margin:0}#main .cal-t .pill.p-bad,#main .cal-lg .pill.p-bad{background:#FCE8E6!important;color:#C5221F!important}

/* 3.87: gráficos da Calibração compactos (Supervisor: barras o mais perto possível); rótulo numa linha só */
#main .ol-sgc .ol-sgr{min-height:19px;grid-template-columns:minmax(130px,170px) 1fr 1fr}
#main .ol-sgc .ol-sgl{white-space:nowrap;padding:0 10px 0 0;font-size:12px;line-height:1.2;color:#5F6368}
#main .ol-sgc .ol-sgl b{color:#202124;font-weight:600}
#main .ol-sgc .ol-sgL,#main .ol-sgc .ol-sgR{padding:1px 0}
#main .ol-sgc .ol-sgL i,#main .ol-sgc .ol-sgR i{height:13px}
#main .ol-sgc .ol-sgx{min-height:22px}

/* 3.88: topo do menu mais baixo (logos menores, sem a linha repetida “Gestão da Manutenção da Frota”) */
.side .brandbox{padding:7px 10px!important}
.side .brandbox img{height:38px!important}
.side .brandbox i{height:30px!important}
.side .bt span{display:none}
.side .bt .logo{width:26px;height:26px}
/* 3.89: caixa branca dos logos só do tamanho dos logos (Supervisor: “tem muito espaço em branco”) */
.side .brandbox{width:fit-content!important;margin:0 auto!important;padding:4px 10px!important;gap:10px!important;border-radius:8px!important}
.side .brandbox img{height:44px!important;max-width:none!important}
.side .brandbox i{height:34px!important}
/* 3.90: logos simétricos: duas metades iguais, cada logo centrado na sua (o da VDA é mais estreito e ficava com menos branco) */
.side .brandbox{display:grid!important;grid-template-columns:76px 1px 76px;justify-items:center;align-items:center;gap:8px!important}

/* SMF 3.120: horímetro na Matriz em colunas alinhadas (motor · horas à direita · dias à direita), pedido do Supervisor: “simétrico” */
#main .sf-hl{display:grid;grid-template-columns:22px 62px 58px;column-gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}#main .sf-hl .sf-p{text-align:center}#main .sf-hl .sf-hh,#main .sf-hl .sf-hd{text-align:right}
/* Integridade técnica (Supervisor, 06/11/2026, prévia aprovada): na matriz o em dia é um ponto discreto e o problema salta; uma linha por empurrador, os que precisam de atenção em cima */#main .sf-mx .sf-g,#main .sf-leg .sf-g{width:8px;height:8px;border-radius:50%;background:#5DAA3A;line-height:0}#main .sf-mx .sf-g::after,#main .sf-leg .sf-g::after{content:none}#main .sf-mx .sf-o,#main .sf-leg .sf-o{width:9px;height:9px;border-radius:2px;box-shadow:inset 0 0 0 1px #C3CAD3}#main .sf-mx .sf-q{background:none;color:#9AA4B1;width:auto}#main .sf-mx th{font-size:12px}#main .sf-mx th small{font-size:11px}#main .sf-mx tr.sf-gh td{font-size:12px;font-weight:600;color:#5F6B7A;text-transform:uppercase;letter-spacing:.05em;padding:12px 3px 3px;border-bottom:1px solid #E3E6EA;background:none}#main .sf-mx tr.sf-gh.at td{color:var(--badt)}#main .sf-mx td.sf-n{white-space:nowrap}#main .sf-mx td.sf-n .pill{margin-left:6px;font-size:11px}#main .sf-mx td.sf-lc{white-space:nowrap;font-size:12.5px}#main .sf-mx td.sf-pc{font-size:12px;color:#5F6B7A}#main .sf-k>div:not(.seg){flex:1 1 150px}.sf-pa{padding:6px 0;border-bottom:1px solid #EEF0F2;font-size:14px;line-height:1.5}.sf-pa b{font-weight:600}.sf-pa.bad b{color:var(--badt)}.sf-pa.at b{color:var(--warnt)}details.sf-como{margin-top:6px;font-size:12px;color:#5F6B7A}details.sf-como summary{cursor:pointer;color:#1A73E8}details.sf-como p{margin:4px 0 0}
/* letras da matriz mais escuras (Supervisor, 06/11/2026: “tá muito clara”) */#main .sf-mx th,#main .sf-mx tr.sf-gr th{color:#2E3A4A}#main .sf-mx th small{color:#4A5668}#main .sf-mx td{color:#1F2A37}#main .sf-mx td.sf-lc a,#main .sf-mx td.sf-pc,#main .sf-mx .sf-mut,#main .sf-mx .sf-p{color:#3C4858}#main .sf-mx .sf-q,#main .sf-mx .sf-na{color:#7A8594}#main .sf-mx tr.sf-gh td{color:#3C4858}#main .sf-mx tr.sf-gh.at td{color:var(--badt)}#main .sf-mx .sf-o,#main .sf-leg .sf-o{box-shadow:inset 0 0 0 1px #8E99A8}#main .sf-leg{color:#2E3A4A}details.sf-como{color:#3C4858}
/* layout da matriz (Supervisor, 06/11/2026): linhas iguais, faixas alternadas, destaque em cruz, atenção com fundo e barra, fora de operação, totais com rótulo, rodapé com legenda, etiquetas */#main .sf-mx tbody tr.sf-lin:nth-child(even) td{background:#F5F7FA}#main .sf-mx tbody tr.sf-lin:hover td,#main .sf-mx td.sf-xc{background:#E6EFFB!important}#main .sf-mx tr.sf-at td{background:#FDF1F0}#main .sf-mx tr.sf-at td:first-child{box-shadow:inset 3px 0 0 var(--badt)}#main .sf-mx tr.sf-gh.fo td{color:#5F6B7A}#main .sf-mx tr.sf-fo td{color:#3C4858;background:#F2F3F5}#main .sf-mx td.sf-fot{text-align:left;font-size:12.5px}#main .sf-mx .sf-h1{white-space:nowrap;font-size:12.5px}#main .sf-mx .sf-h1 .sf-hd{margin-left:4px}#main .sf-mx td{height:28px}#main .sf-mx tr.sf-tot2 td{border-top:0;padding-top:1px}#main .sf-mx .sf-tl{font-size:12px;color:#3C4858;margin-left:6px}#main .sf-mx tr.sf-tot2 .sf-tl{margin-left:0;display:block;text-align:right}.sf-rod{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:8px}.sf-rod .sf-leg{margin:0}.sf-rod details.sf-como{margin:0}h2.sf-h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}h2.sf-h2 .sf-segh{margin-left:auto;margin-right:70px;font-size:13px;font-weight:400}.sf-pa{border-bottom:0;padding:4px 0 8px}.sf-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}a.sf-chip,span.sf-chip{display:inline-flex;align-items:baseline;gap:5px;padding:3px 10px;border-radius:999px;border:1px solid #DCE3EC;background:#fff;color:#1F2A37;text-decoration:none;font-size:13px}a.sf-chip:hover{background:#EEF4FC}.sf-pa.bad .sf-chip{border-color:#F0B9B4}.sf-pa.at .sf-chip{border-color:#EED29A}.sf-chip small{color:#5F6B7A;font-size:12px}
#main .sf-mx th.r{text-align:right}#main .sf-mx td.sf-hr{text-align:right;white-space:nowrap}#main .sf-mx td.sf-hdc{text-align:right;white-space:nowrap;padding-left:8px;font-size:12.5px}
#main .sf-mx td.sf-pc{padding-left:14px}#main .sf-mx th.r+th.l{padding-left:14px}
/* explicação ao passar o mouse nos grupos da matriz (Supervisor, 06/11/2026) */#main .sf-mx th[data-sfdica]{position:relative;cursor:help}#main .sf-mx th[data-sfdica]:hover{color:#1A73E8}#main .sf-mx th[data-sfdica]:hover::after{content:attr(data-sfdica);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);z-index:30;width:340px;white-space:normal;text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;line-height:1.45;text-align:left;color:#fff;background:#16244A;padding:9px 12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
#main .sf-k>div.sf-kl{cursor:pointer}#main .sf-k>div.sf-kl:hover{border-color:#1A73E8!important;box-shadow:0 0 0 1px #1A73E8}#main .sf-k>div.sf-kl:hover span{color:#1A73E8}
#main .sf-mx th.sf-thl a{color:inherit;text-decoration:none;display:block}#main .sf-mx th.sf-thl a:hover,#main .sf-mx th.sf-thl a:hover small{color:#1A73E8;text-decoration:underline}
#main .sf-mx tr.sf-gr th,#main .sf-mx tr.sf-gr th a{font-weight:700!important;color:#1F2A37}
#main .sf-k{margin:12px 0 18px}
/* caixas do tamanho do conteúdo e o grupo centralizado sobre a matriz (Supervisor, 06/11/2026: “muito espaço morto”) */#main .sf-k{justify-content:center;gap:8px}#main .sf-k>div:not(.seg){flex:0 0 auto;min-width:0;text-align:center;padding:4px 16px 5px}
/* números alinhados à esquerda; liberados, com restrição e impedidos numa caixa só com a barra (Supervisor, 06/11/2026) */#main .sf-k.sf-k2{justify-content:flex-start;align-items:stretch}#main .sf-k.sf-k2>div.sf-ksit{text-align:left}#main .sf-ksn{display:flex;align-items:baseline;gap:4px}#main .sf-ksn small{font-size:13px;color:#3C4858;margin-right:16px}#main .sf-ksn small:last-child{margin-right:0}#main .sf-kbar{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;background:#E3E6EA;margin:4px 0 2px}#main .sf-kbar i{display:block}
.vh .seg.fr-sw{margin-right:10px}.vh .seg.fr-sw button{font-size:14px;padding:6px 14px}.vh .seg.fr-sw button b{font-weight:400;opacity:.75;margin-left:2px}
#main .sf-mx td.sf-n a.sf-lk,#main .sf-mx td.sf-n a.sf-lk b{color:#1F2A37;text-decoration:none}#main .sf-mx td.sf-n a.sf-lk:hover b{color:#1A73E8}
/* 1.1 Horímetros das balsas compacta (Supervisor, 06/11/2026: “diminui o máximo que der os espaços”) */#main table.bal-t:has(.bhlH) td,#main table.bal-t:has(.bhlH) th{padding:1px 6px;line-height:1.2}#main table.bal-t .bhlH{height:24px;min-height:0;padding:1px 6px;font-size:13px;margin:0}#main table.bal-t:has(.bhlH) .pill{padding:0 6px;line-height:16px}
#main table.bal-t:has(.bhlH) td{vertical-align:middle}#main table.bal-t:has(.bhlH) .mbtn{padding:0 8px;min-height:0;height:22px;line-height:20px;font-size:12px}#main table.bal-t .bhlH{height:22px}
#main iframe.ax1-fr{display:block;width:100%;height:calc(100vh - 230px);min-height:520px;border:1px solid #DCE3EC;border-radius:8px;background:#fff}
#main .bhl-top{align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 8px}#main .bhl-top .f{margin:0}#main .bhl-top .note{margin:0 0 8px}
#main .mc-diag .mc-t td:last-child .pill{white-space:normal;display:inline-block;line-height:1.3}
/* pontos de atenção dentro do quadro, na linha das caixas (Supervisor, 07/11/2026: “junta os dois”) */#main .sf-k>div.sf-kpa{flex:1 1 360px;text-align:left;padding:5px 12px 7px;align-self:stretch}#main .sf-k>div.sf-kpa>span{margin-bottom:4px}#main .sf-kpa .sf-pa2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:3px 0}#main .sf-kpa .sf-pa2 em{font-style:normal;font-size:13px;font-weight:600;margin-right:2px}#main .sf-kpa .sf-pa2.bad em{color:var(--badt)}#main .sf-kpa .sf-pa2.at em{color:var(--warnt)}#main .sf-kpa .sf-pa2.ok em{color:var(--okt);font-weight:400}#main .sf-k>div.sf-kpa .sf-chip{display:inline-flex;font-size:12.5px;padding:2px 9px;line-height:1.3}#main .sf-kpa .sf-pa2.bad .sf-chip{border-color:#F0B9B4}#main .sf-kpa .sf-pa2.at .sf-chip{border-color:#EED29A}#main .sf-k>div.sf-kpa .sf-chip small{font-size:11.5px}#main .sf-k.sf-k2>div:not(.sf-kpa){display:flex;flex-direction:column;justify-content:center}
/* Integridade técnica no padrão do modelo do Supervisor (07/11/2026) */
#main .sf-vh .sf-tit{font-size:var(--sf-tit,32px);font-weight:600;letter-spacing:-.01em}#main .sf-vh h1{margin-bottom:2px}#main .sf-vh p{color:#3C4043}
#main .sf-vh .sf-upd{font-size:12.5px;color:#5F6368;margin-right:10px;white-space:nowrap}
#main .sf-vh .seg{border-radius:7px;overflow:hidden}#main .sf-vh .seg.sf-modo{margin-right:10px}
html.tv body main#main div.card.sf-w2,html body main#main div.card.sf-w2{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important}
#main .sf-kbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 12px}
#main .sf-kb{background:#fff;border:1px solid #DADCE0;border-radius:8px;padding:12px 16px 12px;min-width:0}#main .sf-kb[role=link]{cursor:pointer}#main .sf-kb[role=link]:hover{box-shadow:0 1px 4px rgba(60,64,67,.18)}
#main .sf-kb span{display:block;font-size:13px;font-weight:600;color:#202124}#main .sf-kb b{display:block;font-size:34px;line-height:1.15;font-weight:600;margin:4px 0 2px}#main .sf-kb small{display:block;font-size:12.5px;color:#5F6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main .sf-kb.ok{border-color:#1E8E3E}#main .sf-kb.ok b{color:#188038}#main .sf-kb.at{border-color:#E8A33D}#main .sf-kb.at b{color:#B06000}#main .sf-kb.bad{border-color:#D93025}#main .sf-kb.bad b{color:#C5221F}#main .sf-kb.neu b{color:#3C4043}
#main a.sf-ban{display:block;background:#FEF7E0;border:1px solid #F6D58A;border-radius:8px;padding:10px 16px;margin:0 0 12px;color:#7A4B00;font-size:13.5px;text-decoration:none}#main a.sf-ban b{color:#7A4B00}
#main .sf-box{background:#fff;border:1px solid #DADCE0;border-radius:8px;padding:0 0 4px;overflow:hidden}
#main .sf-mx.sf-v2{font-size:13.5px}#main .sf-mx.sf-v2 thead th{position:relative;font-size:11.5px;font-weight:500;color:#3C4043;line-height:1.25;padding:6px 6px 8px;vertical-align:bottom;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main .sf-mx.sf-v2 thead th.l{text-align:left}#main .sf-mx.sf-v2 thead th.r{text-align:right}#main .sf-mx.sf-v2 thead th.l:first-child{padding-left:16px}
#main .sf-mx.sf-v2 tr.sf-gr th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:#3C4043;border-bottom:1px solid #E3E6EA;padding:10px 6px 6px}
#main .sf-mx.sf-v2 td{padding-top:7px;padding-bottom:7px}#main .sf-mx.sf-v2 td.sf-n{padding-left:16px}
#main .sf-mx.sf-v2 tr.sf-gh td{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:#3C4043;background:#F1F3F5;padding:7px 16px}#main .sf-mx.sf-v2 tr.sf-gh.at td{color:#C5221F}
#main .sf-mx.sf-v2 .sf-hl{display:block;white-space:nowrap}#main .sf-mx.sf-v2 a.sf-lk,#main .sf-mx.sf-v2 a.sf-onde{color:#3C4043;text-decoration:none}#main .sf-mx.sf-v2 a.sf-lk:hover,#main .sf-mx.sf-v2 a.sf-onde:hover{color:#1A73E8}#main .sf-mx.sf-v2 .sf-hd{color:#3C4043}#main .sf-mx.sf-v2 .sf-hd{white-space:nowrap}#main .sf-mx.sf-v2 .sf-hd.sf-red{color:#C5221F;font-weight:600}
#main .sf-tg{display:inline-block;font-size:11.5px;line-height:1.3;padding:0 7px;border:1px solid #9AA0A6;border-radius:999px;color:#3C4043;vertical-align:1px;white-space:nowrap}#main .sf-tg.bad{border-color:#D93025;color:#C5221F}#main .sf-tg.at{border-color:#E8A33D;color:#B06000}
#main .sf-mx.sf-v2 .sf-c{display:inline-block;min-width:22px;height:22px;line-height:20px;border-radius:999px;font-size:12px;font-weight:600;padding:0 5px;box-sizing:border-box}
#main .sf-mx.sf-v2 .sf-c.sf-r,#main .sf-v2~.sf-rod .sf-c.sf-r,#main .sf-box .sf-leg .sf-c.sf-r{background:#D93025;color:#fff;border:1px solid #D93025}
#main .sf-mx.sf-v2 .sf-c.sf-a,#main .sf-box .sf-leg .sf-c.sf-a{background:#FCEFC7;color:#7A4B00;border:1px solid #E8A33D}
#main .sf-box .sf-leg .sf-c{display:inline-block;min-width:20px;height:20px;line-height:18px;border-radius:999px;font-size:11.5px;font-weight:600;text-align:center;box-sizing:border-box}
#main .sf-sh{font-size:11.5px;color:#80868B}#main .sf-box .sf-q{background:none;color:#5F6368;font-weight:600}
#main .sf-mx.sf-v2 tr.sf-tot td{background:#F1F3F5;font-size:12.5px;color:#3C4043}#main .sf-mx.sf-v2 tr.sf-tot td:first-child{padding-left:16px}
#main .sf-box .sf-rod{padding:8px 16px 6px}#main .sf-box .sf-como summary{color:#1A73E8;cursor:pointer}

@media (max-width:1300px){#main .sf-kbs{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* divisórias dos grupos e a janela na largura da matriz (Supervisor, 07/11/2026) */#main table.sf-mx.sf-v2{width:100%!important;min-width:1440px!important;table-layout:fixed}#main .sf-v2 .sf-fx{width:0;min-width:100%;white-space:normal}#main .sf-mx.sf-v2 tr.sf-gr th{position:relative;overflow:visible}#main .card.sf-w2 .sf-kbs,#main .card.sf-w2 .sf-ban{width:auto}
/* alça da janela da Integridade: linha de título discreta, com mover, minimizar e tela cheia à direita (Supervisor, 07/11/2026) */#main .card.sf-w2>h2.sf-w2h{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#5F6368;margin:0 0 8px;padding:6px 90px 6px 2px;cursor:move;border:0;background:none}#main .card.sf-w2>.cm-tb{z-index:6}

/* sem barra dupla (Supervisor, 07/11/2026: “duas barras nada a ver”, “expansão limitada”): os títulos quebram linha para a matriz caber na tela; o bloco não rola por dentro */#main .sf-mx.sf-v2 thead th{white-space:normal;text-overflow:clip;overflow-wrap:normal;word-break:normal;hyphens:manual;font-size:11px}html.tv body main#main div.card.sf-w2,html body main#main div.card.sf-w2{overflow:visible!important}#main .card.sf-w2 .sf-box{overflow:visible}#main .card.sf-w2 .sf-box>.tw{overflow-x:auto}
/* Integridade (Supervisor, 07/11/2026): espaços padronizados (linhas da mesma altura, colunas de situação iguais, 12 px entre blocos) e letras e linhas escuras para sair bem na impressora */#main .card.sf-w2>h2.sf-w2h{margin:0 0 12px;color:#202124}#main .sf-kbs{gap:12px;margin:0 0 12px}#main a.sf-ban{margin:0 0 12px}#main .sf-kb{border-color:#80868B}#main .sf-kb span{color:#202124}#main .sf-kb small{color:#3C4043}#main .sf-kb.neu b{color:#202124}#main .sf-box{border-color:#80868B}#main .sf-mx.sf-v2 thead th{color:#202124;font-weight:600;padding:6px 4px;height:44px;vertical-align:middle;border-bottom:1px solid #5F6368!important}#main .sf-mx.sf-v2 thead th.l:first-child{padding-left:16px}#main .sf-mx.sf-v2 tr.sf-gr th{color:#202124!important;height:30px;padding:0 4px;border-bottom:1px solid #80868B!important}#main .sf-mx.sf-v2 td{color:#202124;border-bottom:1px solid #BDC1C6!important;padding:0 4px;height:40px;vertical-align:middle}#main .sf-mx.sf-v2 td.sf-n{padding-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .sf-mx.sf-v2 td.sf-lc,#main .sf-mx.sf-v2 td.sf-hr,#main .sf-mx.sf-v2 td.sf-hdc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#main .sf-mx.sf-v2 td.sf-hr,#main .sf-mx.sf-v2 td.sf-hdc{text-align:right;padding-right:8px}#main .sf-mx.sf-v2 .sf-hl{line-height:1.3}#main .sf-mx.sf-v2 .sf-p{color:#3C4043}#main .sf-mx.sf-v2 tr.sf-gh td{height:30px;padding:0 16px;color:#202124;background:#E8EAED;border-bottom:1px solid #80868B!important}#main .sf-mx.sf-v2 tr.sf-gh.at td{color:#B3261E}#main .sf-mx.sf-v2 tr.sf-fo td{color:#202124;background:#F1F3F4;height:36px}#main .sf-mx.sf-v2 tr.sf-fo td.sf-fot{white-space:normal}#main .sf-mx.sf-v2 tr.sf-tot td{height:34px;padding-top:0;padding-bottom:0;vertical-align:middle;color:#202124;background:#E8EAED;border-top:0}#main .sf-mx.sf-v2 tr.sf-tot td:first-child{padding-left:16px;font-weight:600}#main .sf-mx.sf-v2 .sf-sep{border-left:1px solid #5F6368!important}#main .sf-mx.sf-v2 .sf-g,#main .sf-box .sf-leg .sf-g{width:9px;height:9px;background:#188038}#main .sf-mx.sf-v2 .sf-q,#main .sf-box .sf-q{color:#202124}#main .sf-mx.sf-v2 .sf-na,#main .sf-box .sf-na{color:#5F6368}#main .sf-sh{color:#3C4043}#main .sf-mx.sf-v2 .sf-c.sf-a,#main .sf-box .sf-leg .sf-c.sf-a{border-color:#B06000;color:#5C3900}#main .sf-tg{border-color:#5F6368;color:#202124}#main .sf-tg.bad{border-color:#B3261E;color:#B3261E}#main .sf-tg.at{border-color:#B06000;color:#8A4B00}#main .sf-box .sf-leg,#main .sf-box .sf-leg span{color:#202124}#main .sf-box .sf-rod{padding:10px 16px}#main .sf-mx.sf-v2 tbody tr.sf-lin:nth-child(even) td{background:#F8F9FA}#main .sf-mx.sf-v2 tbody tr.sf-lin.sf-at td{background:#FFF8E5}@media print{#main .sf-mx.sf-v2 td,#main .sf-mx.sf-v2 th{border-color:#000!important}#main .sf-kb,#main .sf-box{border-color:#000}}
/* sem a linha embaixo da célula vazia do canto, acima de Empurrador (Supervisor, 07/11/2026) */#main .sf-mx.sf-v2 tr.sf-gr th:first-child{border-bottom:0!important}
/* mais respiro entre a Última leitura e a divisória da Liberação (Supervisor, 07/11/2026) */#main .sf-mx.sf-v2 td.sf-hdc{padding-right:14px}#main .sf-mx.sf-v2 thead tr:nth-child(2) th:nth-child(4){padding-right:14px}
/* a janela da Integridade sempre na altura do conteúdo (o canto de redimensionar não fica no meio da matriz) */html body main#main .cm-free>div.card.sf-w2{height:auto!important;max-height:none!important}
/* balsas: linhas no mínimo (Supervisor, 07/11/2026: “diminui os espaços ao máximo”) */#main .sf-mx.sf-v2.sf-bal td{height:28px}#main .sf-mx.sf-v2.sf-bal tr.sf-gh td{height:26px}#main .sf-mx.sf-v2.sf-bal tr.sf-tot td{height:28px}#main .sf-mx.sf-v2.sf-bal tr.sf-fo td{height:28px}#main .sf-mx.sf-v2.sf-bal .sf-tg{font-size:11px;line-height:1.2}
/* Integridade nas cores do SMF (Supervisor, 07/11/2026: “eu tinha me referido só às cores”): o desenho fica; caixas e matriz no vidro azul-gelo das outras telas, contorno colorido das caixas, letras escuras e creme de Requer ação mantidos */html body main#main .sf-kb{background:rgba(255,255,255,.62)!important;box-shadow:0 10px 28px rgba(30,80,140,.08)!important;border-radius:14px!important}html body main#main .sf-kb.neu{border-color:rgba(160,190,222,.75)!important}html body main#main .sf-box{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(30,80,140,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}#main .sf-mx.sf-v2 tr.sf-gh td,#main .sf-mx.sf-v2 tr.sf-tot td{background:rgba(214,230,246,.55)!important}#main .sf-mx.sf-v2 tr.sf-fo td{background:rgba(232,240,250,.6)!important}#main .sf-mx.sf-v2 tbody tr.sf-lin td{background:transparent}#main .sf-mx.sf-v2 tbody tr.sf-lin:nth-child(even) td{background:rgba(255,255,255,.45)}#main .sf-mx.sf-v2 tbody tr.sf-lin.sf-at td{background:#FFF8E5}html body main#main a.sf-ban{border-radius:14px}
/* KPIs num padrão só em todo o SMF (Supervisor, 07/11/2026: “padroniza as cores e o tamanho do número de todos os KPIs; esse padrão tá bom”, o das caixas do Resumo/2.1): rótulo 13 px cinza, número 36 px sem negrito na cor da situação (vermelho, âmbar, verde; sem cor, quase preto), linha de baixo 11,5 px cinza */html body main#main .sf-k>div:not(.seg)>b,html body main#main .f2-k>b,html body main#main .sf-kb>b,html body main#main .kn-int>div>b,html body main#main .kn-top .kn-v,html body main#main .bal-k .bal-kv,html body main#main .ds>b{font-size:36px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:0!important}html body main#main .sf-k>div:not(.seg)>span,html body main#main .f2-k>span,html body main#main .sf-kb>span,html body main#main .kn-int>div>i,html body main#main .bal-k .bal-kn,html body main#main .ds>span{font-size:13px!important;font-weight:400!important;color:#5F6B7A!important;font-style:normal!important}html body main#main .sf-k>div:not(.seg)>small,html body main#main .f2-k>small,html body main#main .sf-kb>small,html body main#main .kn-int>div>small,html body main#main .ds>small{font-size:11.5px!important;color:#5F6B7A!important}html body main#main .kn-top .kn-v.ok{color:var(--okt)!important}html body main#main .kn-top .kn-v.bad{color:var(--badt)!important}html body main#main .kn-top .kn-v.at,html body main#main .kn-top .kn-v.warn{color:var(--warnt)!important}html body main#main .sf-kb.neu>b,html body main#main .f2-k>b:not([style]),html body main#main .kn-int>div>b:not([style]),html body main#main .sf-k>div:not(.seg)>b:not([style]){color:#202124!important}
html body main#main .bal-k .bal-kv[style*="188038"]{color:var(--okt)!important}html body main#main .bal-k .bal-kv[style*="B06000"],html body main#main .bal-k .bal-kv[style*="b06000"]{color:var(--warnt)!important}
/* caixas de número no desenho da 5.1 das balsas em todo o SMF (Supervisor, 07/11/2026: “esse padrão é o melhor”): cartão de vidro com cantos de 14 px, rótulo, número e detalhe alinhados à esquerda, cartões de largura igual lado a lado */html body main#main .sf-k:not(.sf-k2){display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px!important;justify-content:stretch!important;align-items:stretch!important;margin:4px 0 12px!important}html body main#main .kn-int{gap:12px!important}html body main#main .sf-k:not(.sf-k2)>div:not(.seg),html.tv body main#main .sf-k:not(.sf-k2)>div:not(.seg),html body main#main .f2-k,html.tv body main#main .f2-k,html body main#main .kn-int>div,html.tv body main#main .kn-int>div,html body main#main .ds,html.tv body main#main .ds{display:flex!important;flex-direction:column;gap:4px;align-items:flex-start;text-align:left!important;min-width:0!important;background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:14px!important;padding:10px 14px!important;box-shadow:0 10px 28px rgba(30,80,140,.10),inset 0 1px 0 rgba(255,255,255,.95)!important}html body main#main .sf-k:not(.sf-k2)>div:not(.seg)>span,html body main#main .sf-k:not(.sf-k2)>div:not(.seg)>i,html body main#main .sf-k:not(.sf-k2)>div:not(.seg)>small,html body main#main .sf-k:not(.sf-k2)>div:not(.seg)>b,html body main#main .f2-k>span,html body main#main .f2-k>i,html body main#main .f2-k>small,html body main#main .f2-k>b,html body main#main .kn-int>div>span,html body main#main .kn-int>div>i,html body main#main .kn-int>div>small,html body main#main .kn-int>div>b,html body main#main .ds>span,html body main#main .ds>i,html body main#main .ds>small,html body main#main .ds>b{display:block;margin:0!important;max-width:100%}html body main#main .sf-k:not(.sf-k2)>div.sf-kl:not(.seg):hover,html body main#main .f2-k[role=link]:hover{border-color:#1A73E8!important;box-shadow:0 0 0 1px #1A73E8!important}
/* Integridade: as seis caixas iguais às da 5.1 das balsas (Supervisor, 07/11/2026: “aqui tá do mesmo jeito ainda”): sem contorno colorido, a cor fica só no número */html body main#main .sf-kb,html body main#main .sf-kb.ok,html body main#main .sf-kb.at,html body main#main .sf-kb.bad,html body main#main .sf-kb.neu,html.tv body main#main .sf-kb,html.tv body main#main .sf-kb.ok,html.tv body main#main .sf-kb.at,html.tv body main#main .sf-kb.bad,html.tv body main#main .sf-kb.neu{display:flex!important;flex-direction:column;gap:4px;align-items:flex-start;background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:14px!important;padding:10px 14px!important;box-shadow:0 10px 28px rgba(30,80,140,.10),inset 0 1px 0 rgba(255,255,255,.95)!important}html body main#main .sf-kb>span,html body main#main .sf-kb>b,html body main#main .sf-kb>small{display:block;margin:0!important;max-width:100%}html body main#main .sf-kb[role=link]:hover{border-color:#1A73E8!important;box-shadow:0 0 0 1px #1A73E8!important}
/* sem cantos arredondados em nada (Supervisor, 07/11/2026: “tira os cantos arredondados de tudo”); as bolinhas de situação e os contadores continuam redondos */html body *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol]),html body *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol])::before,html body *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol])::after{border-radius:0!important}html body svg rect{rx:0!important;ry:0!important}
html body main#main *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol]),html body main#main *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol])::before,html body main#main *:not(.sf-c):not(.sf-g):not(.mc-dot):not(.at-dot):not(.he-dot):not(.n):not(.sf-q):not(.pd-n):not(.av):not(.avatar):not([class*=dot]):not([class*=bol])::after{border-radius:0!important}
/* resumo da tela ao passar o mouse no título da Integridade (Supervisor, 07/11/2026) */#main .vh h1 .sf-tith{position:relative;cursor:help}#main .vh h1 .sf-tith::after{content:attr(data-sfresumo);position:absolute;left:0;top:calc(100% + 30px);z-index:60;width:600px;max-width:calc(100vw - 340px);white-space:pre-line;font-size:13.5px;font-weight:400;line-height:1.55;letter-spacing:0;color:#1F2A37;background:#fff;border:1px solid #C9D3DF;border-left:3px solid #1967D2;box-shadow:0 12px 32px rgba(20,40,70,.18);padding:14px 16px;opacity:0;visibility:hidden;transition:opacity .15s .25s;pointer-events:none}#main .vh h1 .sf-tith:hover::after{opacity:1;visibility:visible}
/* logo do menu: o mecânico, “CMMS - Navegação Cunha Ltda” em cima e “SMF” embaixo (Supervisor, 07/11/2026) */.bt .logo.logo-img,html.tv body .bt .logo.logo-img{width:46px;height:46px;background:#fff!important;padding:0;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25)!important}.bt .logo.logo-img img{width:46px;height:46px;display:block;object-fit:contain}html body .side .bt b,html.tv body .side .bt b{font-size:20px;line-height:1.1;white-space:nowrap}html body .side .bt small.bt-emp,html.tv body .side .bt small.bt-emp{display:block;color:#fff;font-size:11.5px;font-weight:600;letter-spacing:0;line-height:1.25;opacity:.85;white-space:nowrap}
/* menu lateral com o mínimo de espaço entre os itens (Supervisor, 07/11/2026) */html body .side #nav a,html.tv body .side #nav a{padding-top:3px!important;padding-bottom:3px!important;line-height:1.25;min-height:0}html body .side #nav .grp-t,html.tv body .side #nav .grp-t{margin:5px 10px 1px;line-height:1.2}html body .side #nav a .ic{width:16px;height:16px}
/* logos da empresa alinhadas à esquerda com o mecânico de baixo e mais espaço entre os dois (Supervisor, 07/11/2026) */html body .side .brandbox,html.tv body .side .brandbox{margin:0 0 26px 4px!important}
/* entre a busca e os botões Empurradores | Balsas, o mesmo espaço das logos com o mecânico (Supervisor, 07/11/2026) */html body .side #nav .fr-nav,html.tv body .side #nav .fr-nav{margin-top:28px!important}
/* tripulação a bordo no cartão grande do comboio (Supervisor, 07/11/2026) */
.vgc-k.vgc-tp{gap:2px}
.vgc-tp .vgc-tr{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid #E1E8F0;padding:5px 0}
.vgc-tp .vgc-tr span{font-size:16px;color:#5B6B80}
.vgc-tp .vgc-tr b{font-size:18px;line-height:1.25;color:#16244A;text-align:right}
.vgc-tp .vgc-tr b i{font-weight:400;font-style:normal;color:#8A97A8}
.vgc-tp .vgc-trd{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:4px}
.vgc-tp .vgc-trd span{font-size:13px;color:#5B6B80}
/* Última reforma na Ficha técnica (Supervisor, 07/11/2026) */.sf-urc .sf-mut{color:#8A97A8;font-size:12.5px}.sf-urc a.sf-lk{text-decoration:none}
/* Ficha técnica dos empurradores (Supervisor, 07/11/2026): títulos das colunas em duas linhas para caber */#main table.enxft-t th{white-space:normal;vertical-align:bottom;line-height:1.2;max-width:96px}#main table.enxft-t th:first-child{max-width:none}#main table.enxft-t td,#main table.enxft-t th{padding-left:7px;padding-right:7px}
/* Ficha técnica das balsas: dados numa linha só por balsa (a tabela rola para o lado) */#main table.bal-t.enxft-t td{white-space:nowrap}
/* cabeçalho do menu (Supervisor, 07/11/2026: “o que você mudaria aqui?”): o mecânico sem a caixa branca, direto sobre o azul (fundo transparente), “SMF” em cima e “Sistema de Manutenção da Frota” embaixo */.bt .logo.logo-img,html.tv body .bt .logo.logo-img{width:42px;height:52px;background:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible}.bt .logo.logo-img img{width:42px;height:52px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}html body .side .bt b,html.tv body .side .bt b{font-size:22px;line-height:1.05;letter-spacing:.04em}html body .side .bt small.bt-emp,html.tv body .side .bt small.bt-emp{font-size:11px;font-weight:500;opacity:.8;margin-top:2px;white-space:nowrap;line-height:1.2}