/* Identidade "Mata": verde-floresta, coral para o urgente, menta no losango. Instrument Sans em tudo, JetBrains Mono nos códigos. */
:root{
--bg:#F6F7F6;--surface:#FFFFFF;--soft:#EEF0EE;--ink:#151A18;--sub:#5F6862;--line:#E1E5E2;
--bar:#FFFFFF;--onbar:#151A18;--mata:#14332B;--pri:#1D6B57;--onpri:#FFFFFF;--acc:#E8673F;--accs:#FDE9E1;--menta:#8FD9BD;
--ok:#2F7D55;--oks:#E2F2E9;--bad:#C2412A;--bads:#FDE6DF;--mid:#9A5B07;--mids:#FBEFD9;--na:#6F7772;--nas:#ECEEED;
--fd:'Instrument Sans',system-ui,'Segoe UI',sans-serif;--fb:'Instrument Sans',system-ui,'Segoe UI',sans-serif;--fm:'JetBrains Mono',ui-monospace,Consolas,monospace;--r:16px;
--sh:0 1px 2px rgba(20,51,43,.05),0 1px 3px rgba(20,51,43,.06);
color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--fb);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px)}
button,input,select,textarea{font:inherit;color:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
[hidden]{display:none!important}
.g{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
/* topo branco com marca, menu e quem entrou */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:1000;background:var(--bar);color:var(--onbar);border-bottom:1px solid var(--line)}
header .in{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.brand .mk{width:32px;height:32px;border-radius:9px;background:var(--mata);display:grid;place-items:center;flex:none}
.dia{width:12px;height:12px;background:var(--menta);transform:rotate(45deg);border-radius:2px;display:inline-block;flex:none}
.brand b{font:700 1.02rem/1.1 var(--fd);letter-spacing:-.01em}.brand small{display:block;font-size:.72rem;color:var(--sub);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.nav a{color:var(--sub);text-decoration:none;font-weight:600;font-size:.9rem;padding:7px 12px;border-radius:9px;white-space:nowrap}
.nav a:hover{color:var(--ink)}.nav a.on{color:var(--mata);background:var(--soft)}
.who{display:flex;align-items:center;gap:10px;font-size:.84rem;min-width:0}.who .av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.76rem;background:var(--mata);color:var(--menta);flex:none;text-transform:uppercase}
.who b{display:block;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who small{display:block;color:var(--sub);font-size:.74rem}
.lnk{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:9px;padding:6px 11px;font-size:.8rem;font-weight:600;cursor:pointer}
.lnk:hover{border-color:var(--pri)}
@media (max-width:720px){header .in{gap:8px 12px}.nav{order:9;flex-basis:100%;margin-inline:-6px}.who>div{display:none}.brand small{display:none}}
main{max-width:1320px;margin:0 auto;padding-block:24px 80px;display:grid;gap:18px}
h1{font:700 1.8rem/1.12 var(--fd);letter-spacing:-.025em;margin:0;text-wrap:balance}
h2{font:700 1.15rem/1.2 var(--fd);letter-spacing:-.01em;margin:0}
@media (max-width:600px){h1{font-size:1.5rem}main{padding-block:18px 72px}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:grid;gap:12px;min-width:0;box-shadow:var(--sh)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sp{flex:1}
.mono{font-family:var(--fm);font-size:.76rem;letter-spacing:.01em}.sub{color:var(--sub)}
.btn{border:0;background:var(--pri);color:var(--onpri);font:700 .9rem/1.1 var(--fb);border-radius:11px;padding:12px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn:hover{filter:brightness(1.07)}
.btn[disabled]{opacity:.5;cursor:wait}
.in2{width:100%;border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:12px 14px;min-width:0;font-size:1rem}
.in2:focus{outline:2px solid var(--pri);outline-offset:1px;background:var(--surface)}
.err{color:var(--bad);font-size:.86rem;margin:0}
.ok-msg{background:var(--oks);color:var(--ok);border-radius:11px;padding:12px 14px;font-size:.9rem}
.login{max-width:420px;margin:8vh auto 0;width:100%}
.login .logo{display:flex;justify-content:center}
.pill{display:inline-flex;align-items:center;font-size:.74rem;font-weight:600;border-radius:999px;padding:3px 10px;white-space:nowrap;background:var(--soft)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:2px;box-shadow:var(--sh)}
.kpi b{font:700 1.5rem/1.05 var(--fd);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi span{font-size:.8rem;color:var(--sub)}
.tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--sh)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th{text-align:left;font-weight:600;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--sub);background:var(--soft);padding:10px 12px;white-space:nowrap}
td{border-top:1px solid var(--line);padding:11px 12px;vertical-align:middle}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.carregando{color:var(--sub);padding:24px 0}
h3{font:700 .72rem var(--fb);letter-spacing:.1em;text-transform:uppercase;color:var(--sub);margin:0}
.grid3{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:860px){.grid3{grid-template-columns:1fr}}
.mapa{height:440px;border-radius:12px;overflow:hidden;background:#14201B;z-index:0}
@media (max-width:600px){.mapa{height:300px}}
.leg{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.78rem;color:var(--sub)}
.leg i{display:inline-block;width:9px;height:9px;border-radius:1px;transform:rotate(45deg);margin-right:6px;vertical-align:0}
.pino span{position:relative;isolation:isolate;display:grid;place-items:center;width:30px;height:30px;color:#fff;font:700 .72rem var(--fb)}
.pino span::before{content:"";position:absolute;inset:5px;z-index:-1;background:var(--c);border:2px solid #fff;border-radius:4px;transform:rotate(45deg);box-shadow:0 2px 6px rgba(0,0,0,.45)}
.leaflet-container{font-family:var(--fb)}.leaflet-tooltip{border-radius:9px}
tr.click{cursor:pointer}tr.click:hover>td,tr.click:focus-visible>td{background:var(--soft)}
.pill.ok{background:var(--oks);color:var(--ok)}.pill.bad{background:var(--bads);color:var(--bad)}.pill.mid{background:var(--mids);color:var(--mid)}.pill.et{background:var(--soft);color:var(--ink)}
.voltar{color:var(--sub);text-decoration:none;font-size:.86rem;font-weight:600;justify-self:start}.voltar:hover{color:var(--pri)}
.lista{margin:0;padding-left:18px;display:grid;gap:3px;font-size:.92rem}
.btn[disabled][title]{cursor:not-allowed}
.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--pri);filter:none}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* aviso de sinal no topo */
.sinal{font-size:.75rem;font-weight:600;border-radius:999px;padding:4px 10px;background:var(--oks);color:var(--ok)}
.sinal.off{background:var(--accs);color:var(--bad)}.sinal.erro{background:var(--bad);color:#fff}.sinal.env{background:var(--soft);color:var(--ink)}
.aviso-off{margin:0;font-size:.86rem;background:var(--accs);color:var(--bad);border-radius:11px;padding:9px 13px}
/* vistoria em campo (feita para o celular) */
.campo{max-width:560px;width:100%;margin:0 auto;display:grid;gap:12px}
.cbar{background:var(--mata);color:#fff;border-radius:var(--r);padding:14px 16px;display:grid;gap:8px}
.cbar .pg{height:6px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}.cbar .pg i{display:block;height:100%;background:var(--menta);transition:width .25s}
.dots{display:flex;flex-wrap:wrap;gap:5px}
.dots button{width:14px;height:14px;border-radius:4px;border:0;padding:0;background:rgba(255,255,255,.22);cursor:pointer}
.dots button.bom{background:#83D8A8}.dots button.problema{background:#FF9A80}.dots button.na{background:#B7BFBA}
.dots button.fim{background:transparent;border:1.5px solid rgba(255,255,255,.6)}
.dots button.cur{outline:2px solid #fff;outline-offset:1px}
.qcard{gap:14px;padding:20px 18px}
.q{font:700 1.45rem/1.2 var(--fd);letter-spacing:-.015em;margin:0;text-wrap:balance}
.ans{display:grid;gap:9px}
.ans button{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 14px;font-weight:500;font-size:1.02rem;cursor:pointer;text-align:left;min-height:54px}
.ans button .d{width:14px;height:14px;border-radius:50%;flex:none}
.ans [data-v=bom] .d{background:var(--ok)}.ans [data-v=problema] .d{background:var(--bad)}.ans [data-v=na] .d{background:var(--na)}
.ans button.on[data-v=bom]{background:var(--ok);border-color:var(--ok);color:#fff}
.ans button.on[data-v=problema]{background:var(--bad);border-color:var(--bad);color:#fff}
.ans button.on[data-v=na]{background:var(--na);border-color:var(--na);color:#fff}
.ans button.on .d{background:#fff}
.tip{border-radius:10px;padding:9px 11px;font-size:.86rem;background:var(--soft);display:grid;gap:3px}
.nv{display:grid;grid-template-columns:1fr 2fr;gap:10px}
.nv .btn{padding:14px;font-size:1rem}
.btn.sm{padding:6px 11px;font-size:.82rem;border-radius:8px}
.kpi.hot{border-color:var(--acc);background:var(--accs)}
.steps{display:flex;gap:4px;flex-wrap:wrap}
.steps span{font-size:.74rem;border-radius:6px;padding:3px 8px;background:var(--soft);color:var(--sub)}
.steps span.on{background:var(--mata);color:#fff;font-weight:600}.steps span.dn{background:var(--oks);color:var(--ok)}
.drop{border:2px dashed var(--line);border-radius:var(--r);padding:16px;text-align:center;display:grid;gap:6px;justify-items:center;background:var(--surface);cursor:pointer}
.drop:hover{border-color:var(--acc)}.drop input{max-width:100%}
.phs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ph{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);font-size:.76rem;display:grid;align-content:start}
.phim{position:relative;border:0;padding:0;cursor:pointer;background:var(--soft)}
.phim img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.nfoto{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.65);color:#fff;font:600 .72rem var(--fb);border-radius:5px;padding:1px 6px}
.ph .tx{padding:6px 8px;display:grid;gap:3px;line-height:1.3}
.chip{display:inline-block;border:1px solid var(--line);border-radius:6px;padding:1px 7px;font:500 .74rem var(--fm);margin:0 3px 3px 0;background:var(--surface);color:var(--ink);cursor:pointer}
.lnk2{border:0;background:none;color:var(--bad);font-size:.76rem;padding:0;cursor:pointer;justify-self:start}
.pi{display:grid;gap:6px;padding:10px 0;border-top:1px solid var(--line)}.pi:first-of-type{border-top:0;padding-top:0}
.pick{display:grid;gap:6px;background:var(--soft);border-radius:10px;padding:8px}
.pk{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}
.pk button{position:relative;border:2px solid transparent;border-radius:8px;overflow:hidden;padding:0;cursor:pointer;background:var(--surface)}
.pk button.on{border-color:var(--ok)}.pk img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.pk span{position:absolute;left:3px;top:3px;background:rgba(0,0,0,.65);color:#fff;font:600 .68rem var(--fb);border-radius:4px;padding:0 4px}
.lock{border-radius:10px;padding:10px 12px;font-size:.86rem;display:grid;gap:4px}
.lock.bad{border:1px solid var(--bad)}.lock.ok{border:1px solid var(--ok)}
.fila{display:grid;gap:4px;max-height:260px;overflow:auto}
/* orçamento e decisão da diretoria */
.in3{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 8px;min-width:0;font-size:.9rem}
.in3.n{text-align:right;font-variant-numeric:tabular-nums}
.btn.okb{background:var(--ok);color:#fff}.btn.badb{background:var(--bad);color:#fff}
tr.yes>td{background:var(--oks)}tr.no>td{background:var(--bads)}
tr.det>td{background:var(--soft)}
tfoot td{border-top:2px solid var(--line)}
.lb{position:fixed;inset:0;z-index:50;background:rgba(12,22,19,.94);display:grid;grid-template-rows:1fr auto;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 12px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(12px,env(safe-area-inset-left,0px))}
.lb img{max-width:100%;max-height:100%;object-fit:contain;margin:auto;display:block;border-radius:8px;min-height:0}
.lb .bb{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#EEF3F0;flex-wrap:wrap;font-size:.86rem}
.lb .bb button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:9px;padding:8px 12px;cursor:pointer}
/* painel: título com fatos, mapa grande com a lista por cima, quadros embaixo */
.hd{display:flex;align-items:end;gap:12px 14px;flex-wrap:wrap}
.hd .k{font:700 .72rem var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--pri);display:flex;gap:8px;align-items:center}
.hd .k .dia{background:var(--pri)}
.hd h1{margin:6px 0 2px}
.fatos{display:flex;gap:6px 22px;flex-wrap:wrap;margin-top:6px}
.fato b{font-size:1.05rem;font-variant-numeric:tabular-nums}.fato span{color:var(--sub);font-size:.85rem;margin-left:4px}.fato.hot b{color:var(--acc)}
.palco{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#14201B;box-shadow:0 18px 50px rgba(20,51,43,.14)}
.palco .mapa{height:min(68vh,660px);min-height:440px;border-radius:0}
.palco .leg{position:absolute;left:14px;bottom:14px;z-index:500;background:rgba(14,26,22,.8);color:#fff;padding:7px 11px;border-radius:9px;font-size:.76rem;max-width:calc(100% - 28px)}
.lc{position:absolute;top:14px;right:14px;bottom:14px;width:370px;z-index:500;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-radius:14px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden}
.lc .ch{padding:14px 14px 10px;display:grid;gap:10px;border-bottom:1px solid var(--line)}
.lc h2{font-size:1rem}
.srch{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px 11px;font-size:.88rem;width:100%;min-width:0}
.flt{display:flex;gap:6px;flex-wrap:wrap}.flt button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;font:600 .76rem var(--fb);color:var(--sub);cursor:pointer}
.flt button.on{background:var(--mata);border-color:var(--mata);color:#fff}
.ls{list-style:none;margin:0;padding:6px;overflow:auto;flex:1}
.it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px;border-radius:11px;cursor:pointer}
.it:hover,.it:focus-visible{background:var(--soft)}
.it .d{grid-row:span 2;width:11px;height:11px;transform:rotate(45deg);border-radius:2px;background:var(--c)}
.it .nm{font-weight:600;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it .ha{font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--sub);text-align:right;white-space:nowrap}
.it .mt{font-size:.78rem;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it .st{font-size:.72rem;font-weight:600;color:var(--pri);text-align:right;white-space:nowrap}.it .st.hot{color:var(--acc)}.it .st.no{color:var(--sub);font-weight:500}
.ls .vazio{padding:16px 10px;color:var(--sub);font-size:.88rem}
.quadros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quadros .card{gap:8px;align-content:start}
.quadros .big{font:700 1.6rem/1.1 var(--fd);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.quadros ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:.9rem}
.quadros li a{display:flex;gap:10px;align-items:baseline;color:inherit;text-decoration:none;padding:3px 0}.quadros li a:hover{color:var(--pri)}
.quadros li a::before{content:"";width:8px;height:8px;transform:rotate(45deg) translateY(-1px);border-radius:1px;background:var(--c,var(--acc));flex:none}
.quadros li small{color:var(--sub);font-size:.8rem}
@media (max-width:900px){.lc{position:static;width:auto;box-shadow:none;border-radius:0;max-height:480px}.palco .mapa{height:360px;min-height:0}.palco .leg{bottom:auto;top:10px;left:auto;right:10px}.quadros{grid-template-columns:1fr}}
/* login: foto de satélite à esquerda, formulário à direita */
body.sem-topo header{display:none}
body.sem-topo main{max-width:none;padding:0}
.entrar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:100vh;min-height:100dvh}
.entrar .ph{position:relative;background:var(--mata);overflow:hidden}
.entrar .ph .mapa{position:absolute;inset:0;height:auto;border-radius:0}
.entrar .ov{position:absolute;inset:0;z-index:400;background:linear-gradient(90deg,rgba(16,38,31,.96) 0%,rgba(16,38,31,.82) 45%,rgba(16,38,31,.35) 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:36px;pointer-events:none}
.entrar .ov .k{font:700 .76rem var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--menta);display:flex;gap:10px;align-items:center}
.entrar .ov h2{font:700 2.5rem/1.06 var(--fd);letter-spacing:-.03em;max-width:14ch}
.entrar .ov p{max-width:44ch;color:#D3E2DB;margin:12px 0 0}
.entrar .fm{display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));background:var(--surface)}
.entrar .fm>div{width:100%;max-width:360px;display:grid;gap:16px}
.entrar form{display:grid;gap:10px}
.entrar label{font-size:.85rem;font-weight:600}
.entrar .btn{padding:15px}
.nota{font-size:.82rem;color:var(--sub);border-left:4px solid var(--pri);background:var(--soft);border-radius:0 10px 10px 0;padding:10px 12px;margin:0}
@media (max-width:860px){.entrar{grid-template-columns:1fr;grid-template-rows:auto 1fr}.entrar .ph{min-height:240px}.entrar .ov{padding:24px 16px}.entrar .ov h2{font-size:1.8rem}.entrar .fm{place-items:start center}}