.pnl{--pnl-blue-900:#041f3a;--pnl-blue-800:#062d52;--pnl-blue-700:#0b4f8a;--pnl-blue:#0d6efd;--pnl-cyan:#12a8d2;--pnl-green:#1aa564;--pnl-orange:#e08600;--pnl-red:#e0475a;--pnl-purple:#7c5cff;--pnl-bg:#232c37;--pnl-panel:#ffffff0e;--pnl-panel-border:#ffffff1a;--pnl-ink:#eef2f6;--pnl-muted:#a9b6c4}.pnl,.pnl *{box-sizing:border-box}.pnl{font-family:var(--font-montserrat), Montserrat, "Segoe UI", Arial, sans-serif;color:var(--pnl-ink);background-color:#0000;background-image:radial-gradient(1200px 600px at 12% -5%,#12a8d21a,#0000 60%),radial-gradient(1100px 700px at 100% 0,#1aa56414,#0000 55%),linear-gradient(160deg,#1f2832,#263039 55%,#2b343d);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;gap:clamp(10px,1vw,18px);min-height:100vh;padding:clamp(14px,1.4vw,26px);display:flex}.pnl-top{border-bottom:1px solid var(--pnl-panel-border);justify-content:space-between;align-items:center;gap:24px;padding-bottom:clamp(8px,.8vw,14px);display:flex}.pnl-brand{align-items:center;gap:16px;display:flex}.pnl-brand img{width:auto;height:clamp(34px,3.4vw,54px)}.pnl-brand h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,1.9vw,2rem);font-weight:900}.pnl-brand span{color:var(--pnl-muted);font-size:clamp(.72rem,.95vw,.95rem);font-weight:600}.pnl-busca{flex-direction:column;gap:6px;display:flex}.pnl-busca label{text-transform:uppercase;letter-spacing:.05em;color:var(--pnl-muted);font-size:clamp(.62rem,.78vw,.78rem);font-weight:700}.pnl-busca-campo{display:flex}.pnl-busca input[type=date]{border:1px solid var(--pnl-panel-border);color:#fff;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff14;border-radius:10px 0 0 10px;padding:8px 10px;font-size:.9rem}.pnl-busca button{border:1px solid var(--pnl-panel-border);background:var(--pnl-cyan);color:#04222c;cursor:pointer;border-left:0;border-radius:0 10px 10px 0;padding:0 12px;font-size:1rem}.pnl-busca button:hover{filter:brightness(1.08)}.pnl-top-meta{text-align:right;flex-direction:column;gap:2px;display:flex}.pnl-relogio{letter-spacing:.02em;color:#fff;font-size:clamp(1.4rem,2.4vw,2.6rem);font-weight:900;line-height:1}.pnl-data{color:var(--pnl-muted);font-size:clamp(.78rem,1vw,1rem)}.pnl-data strong{color:#fff}.pnl-atualiza{color:var(--pnl-muted);font-size:clamp(.66rem,.82vw,.82rem)}.pnl-status{border:1px solid var(--pnl-panel-border);color:var(--pnl-muted);background:#ffffff12;border-radius:12px;padding:10px 14px;font-size:.9rem}.pnl-status[hidden]{display:none}.pnl-status.is-erro{color:#ffd9de;background:#e0475a29;border-color:#e0475a66}.pnl-kpis{grid-template-columns:repeat(2,1fr);gap:clamp(6px,.8vw,14px);display:grid}.pnl-grupo{padding:clamp(8px,.7vw,12px)}.pnl-grupo h2{margin-bottom:6px;font-size:clamp(.72rem,.85vw,.88rem)}.pnl-grupo-itens{grid-template-columns:repeat(3,1fr);gap:clamp(6px,.7vw,12px);display:grid}.pnl-grupo .pnl-kpi{box-shadow:none;border-left-width:4px;border-radius:12px;padding:clamp(6px,.55vw,10px) clamp(8px,.7vw,12px)}.pnl-kpi{background:var(--pnl-panel);border:1.5px solid var(--kpi,var(--pnl-panel-border));border-left-width:6px;border-radius:18px;padding:clamp(10px,.9vw,16px);position:relative;overflow:hidden;box-shadow:0 14px 34px #00000047}.pnl-kpi small{color:var(--pnl-muted);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.54rem,.62vw,.66rem);font-weight:700;display:block}.pnl-kpi .v{margin-top:2px;font-size:clamp(.95rem,1.3vw,1.4rem);font-weight:900;line-height:1.05}.pnl-kpi .v i{margin-left:4px;font-size:.55em}.pnl-kpi .sub{color:var(--pnl-muted);margin-top:1px;font-size:clamp(.52rem,.6vw,.64rem)}.pnl-kpi.up .v{color:#7ef0b6}.pnl-kpi.down .v{color:#ffb0bb}.pnl-sistemas{grid-template-columns:repeat(8,1fr);gap:clamp(6px,.8vw,14px);display:grid}.pnl-sist-card{background:var(--pnl-panel);border:1px solid var(--pnl-panel-border);border-top:3px solid var(--e,var(--pnl-cyan));text-align:center;border-radius:12px;padding:clamp(8px,.8vw,14px);box-shadow:0 10px 26px #0000003d}.pnl-sist-card small{color:var(--pnl-muted);font-size:clamp(.66rem,.86vw,.9rem);font-weight:700;display:block}.pnl-sist-card .v{color:#fff;margin:3px 0 5px;font-size:clamp(1.25rem,2.1vw,2.2rem);font-weight:900;line-height:1.1}.pnl-sist-card .pnl-estagio{font-size:.72rem}.pnl-sist-card .dif{color:var(--pnl-muted);margin-top:5px;font-size:clamp(.6rem,.78vw,.8rem)}.pnl-sist-card .dif.up{color:#7ef0b6}.pnl-sist-card .dif.down{color:#ffb0bb}@media (max-width:1400px){.pnl-sistemas{grid-template-columns:repeat(4,1fr)}}@media (max-width:640px){.pnl-sistemas{grid-template-columns:repeat(2,1fr)}.pnl-grupo-itens{grid-template-columns:1fr}}.pnl-grid{flex:1;grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(0,1fr);gap:clamp(8px,.9vw,16px);display:grid}.pnl-card{background:var(--pnl-panel);border:1px solid var(--pnl-panel-border);border-radius:18px;flex-direction:column;min-height:0;padding:clamp(10px,1vw,18px);display:flex;box-shadow:0 14px 34px #00000047}.pnl-card h2{color:#fff;align-items:center;gap:8px;margin:0 0 10px;font-size:clamp(.8rem,1.05vw,1.05rem);font-weight:800;display:flex}.pnl-card h2 i{color:var(--pnl-cyan)}.pnl-chart{flex:1;min-height:0;position:relative}.pnl-card--mapa{grid-area:auto/span 2}#pnlMapa{border-radius:12px;flex:1;min-height:clamp(180px,22vh,340px);overflow:hidden}.pnl-card--vol{grid-area:auto/span 2}.pnl-card--vol .pnl-chart{min-height:clamp(180px,22vh,340px)}.pnl-card--pizza{grid-column:span 1}.pnl-card--pizza .pnl-chart{min-height:clamp(180px,22vh,340px)}.pnl-card--wide{grid-column:1/-1}.pnl-card--wide .pnl-chart{min-height:clamp(200px,24vh,320px)}.pnl-card--tabela{grid-column:1/-1}.pnl-legenda{flex-wrap:wrap;gap:8px 14px;margin-top:10px;display:flex}.pnl-legenda span{color:var(--pnl-muted);align-items:center;gap:6px;font-size:clamp(.66rem,.8vw,.8rem);display:inline-flex}.pnl-legenda i{border-radius:4px;width:12px;height:12px;display:inline-block}.pnl-legenda--faixas{gap:5px 12px;margin-top:8px}.pnl-legenda--faixas span{font-size:clamp(.58rem,.72vw,.72rem)}.pnl-legenda--faixas i{border-radius:2px;width:16px;height:3px}.pnl-transp-info{color:var(--pnl-muted);margin-top:8px;font-size:clamp(.66rem,.82vw,.84rem)}.pnl-transp-info strong{color:#fff}.pnl-transp-stats{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.pnl-mini{border:1px solid var(--pnl-panel-border);border-left:4px solid var(--pnl-cyan);background:#ffffff0f;border-radius:12px;flex:180px;padding:10px 14px}.pnl-mini small{color:var(--pnl-muted);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.62rem,.78vw,.78rem);font-weight:700;display:block}.pnl-mini strong{color:#fff;font-size:clamp(1.1rem,1.7vw,1.6rem);font-weight:900}.pnl-mini:nth-child(2){border-left-color:var(--pnl-purple)}.pnl-card--transp{grid-column:1/-1;min-height:0}.pnl-transp-row{gap:16px;height:clamp(160px,19vh,230px);display:flex}.pnl-transp-linha{flex:1;min-width:0;min-height:0}.pnl-transp-linha canvas{max-height:100%}.pnl-transp-gauge{flex:0 0 clamp(150px,13vw,200px);align-self:center;height:100%;max-height:clamp(110px,12vw,160px);position:relative}.pnl-transp-tabela{flex:0 0 clamp(210px,19vw,290px);height:100%;min-height:0;overflow-y:auto}.pnl-transp-tabela h3{color:#fff;margin:0 0 6px;font-size:clamp(.68rem,.86vw,.88rem);font-weight:800}.pnl-transp-tabela table{border-collapse:collapse;width:100%;font-size:clamp(.62rem,.78vw,.8rem)}.pnl-transp-tabela thead th{color:#fff;text-align:right;background:#3a4653;padding:4px 8px;font-weight:800;position:sticky;top:0}.pnl-transp-tabela thead th:first-child{text-align:left}.pnl-transp-tabela tbody td{text-align:right;text-transform:capitalize;border-bottom:1px solid #ffffff14;padding:3px 8px}.pnl-transp-tabela tbody td:first-child{text-align:left}.pnl-transp-tabela tbody tr:nth-child(2n) td{background:#ffffff0a}.pnl-transp-tabela tbody tr.total td{color:#fff;border-top:2px solid #ffffff2e;font-weight:800}.pnl-transp-stats{margin-top:10px}.pnl-transp-stats .pnl-mini{padding:7px 12px}.pnl-transp-stats .pnl-mini strong{font-size:clamp(1rem,1.4vw,1.35rem)}.pnl-gauge-num{text-align:center;line-height:1.05;position:absolute;bottom:2px;left:0;right:0}.pnl-gauge-num strong{color:#fff;font-size:clamp(1.4rem,2.2vw,2.1rem);font-weight:900;display:block}.pnl-gauge-num span{color:var(--pnl-muted);font-size:clamp(.6rem,.78vw,.78rem)}@media (max-width:1400px){.pnl-card--transp{grid-column:1/-1}.pnl-card--mapa,.pnl-card--vol{grid-area:auto/span 1}.pnl-card--pizza,.pnl-card--wide{grid-column:1/-1}}@media (max-width:900px){.pnl-card--transp,.pnl-card--mapa,.pnl-card--vol,.pnl-card--pizza,.pnl-card--wide{grid-column:auto}.pnl-transp-row{flex-direction:column;height:auto}.pnl-transp-tabela{flex-basis:auto;max-height:240px}.pnl-transp-linha{min-height:200px}.pnl-transp-gauge{flex-basis:160px;max-height:160px}}.pnl-tabela-wrap{overflow:auto}#pnlTabela{border-collapse:collapse;width:100%;font-size:clamp(.72rem,.95vw,1rem)}#pnlTabela thead th{color:#fff;text-align:right;background:#3a4653;padding:10px 12px;font-weight:800;position:sticky;top:0}#pnlTabela thead th:first-child{text-align:left}#pnlTabela tbody td{text-align:right;border-bottom:1px solid #ffffff14;padding:9px 12px}#pnlTabela tbody td:first-child{text-align:left;color:#fff;font-weight:700}#pnlTabela tbody tr:nth-child(2n) td{background:#ffffff0a}#pnlTabela td.pnl-pos{color:#7ef0b6;font-weight:700}#pnlTabela td.pnl-neg{color:#ffb0bb;font-weight:700}#pnlTabela tbody tr.pnl-sim td{color:#fff;background:#12a8d229;border-top:2px solid #ffffff38;font-weight:800}.pnl-estagio{border-radius:999px;padding:3px 10px;font-size:.82em;font-weight:800;display:inline-block}.pnl-estagio.is-normal{color:#8ff0c0;background:#1aa56438}.pnl-estagio.is-atencao{color:#ffe08a;background:#f4b40038}.pnl-estagio.is-alerta{color:#ffc98a;background:#e086003d}.pnl-estagio.is-critico{color:#ffb0bb;background:#e0475a3d}.pnl-estagio.is-emergencia{color:#fff;background:#e0475a66}.pnl .leaflet-container{background:#2b343d;font-family:inherit}.pnl-tiles{filter:grayscale(.7)invert()hue-rotate(175deg)brightness(.95)contrast(.85)}.pnl .leaflet-popup-content-wrapper{color:#eef2f6;background:#313c47;border-radius:12px}.pnl .leaflet-popup-tip{background:#313c47}.pnl-pop{min-width:190px}.pnl-pop h4{margin:0 0 8px;font-size:1rem;font-weight:800}.pnl-pop .lin{border-top:1px solid #ffffff1f;justify-content:space-between;gap:14px;padding:4px 0;font-size:.9rem;display:flex}.pnl-pop .lin b{font-weight:800}.pnl-tip{color:#fff;background:#1c242dd1;border:1px solid #ffffff40;border-radius:8px;padding:3px 8px;font-size:.8rem;font-weight:800}.pnl-tip:before{display:none}@media (max-width:1400px){.pnl-kpis{grid-template-columns:1fr}.pnl-grid{grid-template-columns:repeat(2,1fr)}.pnl-card--tabela{grid-column:span 2}}@media (max-width:900px){.pnl-top{flex-direction:column;align-items:flex-start;gap:10px}.pnl-top-meta{text-align:left}.pnl-kpis,.pnl-grid{grid-template-columns:1fr}.pnl-card--mapa{grid-row:auto}.pnl-card--tabela{grid-column:auto}#pnlMapa{min-height:300px}}.pnl-brand a{display:flex}.pnl-notas{color:var(--pnl-muted);margin:0;font-size:clamp(.66rem,.82vw,.82rem)}.pnl-legenda i.is-normal{background:#198754}.pnl-legenda i.is-atencao{background:#f4b400}.pnl-legenda i.is-alerta{background:#e08600}.pnl-legenda i.is-critico{background:#dc3545}.pnl-legenda i.is-emergencia{background:purple}