.monitor-page{color:#eef6ff;background:#06111f;min-height:100vh}.monitor-hero{background:radial-gradient(circle at 75% 20%,#1078be38,#0000 34%),linear-gradient(135deg,#071827,#0a2239 70%,#071827);border-bottom:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) 260px;gap:32px;padding:54px max(5vw,28px) 44px;display:grid}.monitor-kicker{letter-spacing:.16em;color:#72d7ff;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.monitor-kicker span,.live-dot{background:#30d67b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 16px #30d67bcc}.monitor-hero h1{max-width:900px;margin:16px 0 18px;font-size:clamp(38px,5vw,72px);line-height:.98}.monitor-hero>div>p:not(.monitor-kicker){color:#a9bfd4;max-width:760px;font-size:18px;line-height:1.6}.monitor-live{color:#6ee7a3;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:800;display:flex}.monitor-live b{color:#a9bfd4;font-weight:500}.monitor-summary{background:#050f1bc7;border:1px solid #72d7ff40;border-radius:20px;align-self:end;padding:22px;box-shadow:0 18px 50px #00000047}.monitor-summary span,.monitor-summary small{color:#7f9bb5;text-transform:uppercase;letter-spacing:.09em;font-size:12px;display:block}.monitor-summary strong{color:#7ee8ff;margin:8px 0 14px;font-size:25px;display:block}.monitor-shell{padding:26px max(4vw,24px) 54px}.monitor-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.monitor-tabs button{color:#b6cbdb;cursor:pointer;background:#0a1c2d;border:1px solid #203a50;border-radius:12px;padding:13px 16px;font-weight:800}.monitor-tabs button span{margin-right:8px}.monitor-tabs button.active{color:#fff;background:#0d6fa9;border-color:#20a7e8;box-shadow:0 8px 28px #0089d23d}.monitor-tabs a{color:#77d8ff;margin-left:auto;font-weight:700}.monitor-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:18px;display:grid}.monitor-map-card,.monitor-side,.forecast-strip{background:#0a1928;border:1px solid #16334b;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0003}.monitor-map-card .panel-title{z-index:2;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px 16px;display:flex;position:relative}.monitor-map-card .panel-title>div{flex:1;min-width:0}.panel-title{justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 22px 16px;display:flex}.panel-title small,.alert-panel-title small,.weather-now>small{color:#5fcfff;letter-spacing:.12em;font-weight:800}.panel-title h2,.alert-panel-title h2{margin:5px 0 0;font-size:22px}.map-legend{color:#c5d8e8;white-space:nowrap;background:#071827;border:1px solid #1b3f58;border-radius:999px;flex:none;align-self:flex-start;align-items:center;gap:12px;padding:9px 12px;font-size:12px;font-weight:700;display:inline-flex;margin:0!important;position:static!important;inset:auto!important;transform:none!important}.map-legend i{border-radius:50%;flex:0 0 10px;width:10px;height:10px;display:inline-block}.map-legend .you{background:#2bd47c;box-shadow:0 0 10px #2bd47ca6}.map-legend .alert{background:#ff5b5b;box-shadow:0 0 10px #ff5b5b8c}.regional-map{z-index:1;background:#0f2536;height:520px;position:relative}.map-footer{color:#7f96a9;border-top:1px solid #153047;padding:12px 18px;font-size:12px}.monitor-side{padding:20px}.weather-now{background:linear-gradient(#0d2a41,#0a1a29);border:1px solid #1e4966;border-radius:18px;padding:22px}.weather-main{align-items:center;gap:16px;margin-top:18px;display:flex}.weather-main span{font-size:54px}.weather-main strong{font-size:68px;line-height:1}.weather-now h3{margin:8px 0 18px;font-size:22px}.weather-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.weather-metrics div{background:#081522;border:1px solid #173348;border-radius:12px;padding:12px}.weather-metrics span,.weather-metrics b{display:block}.weather-metrics span{color:#7895aa;text-transform:uppercase;font-size:11px}.weather-metrics b{margin-top:5px}.monitor-error{color:#ffb7c5;background:#391521;border:1px solid #7f2e42;border-radius:12px;margin-top:12px;padding:12px}.alert-panel-title{padding:2px 2px 14px}.alert-stack{gap:10px;max-height:600px;display:grid;overflow:auto}.monitor-alert{background:#0b1f30;border-left:4px solid #4b91bd;border-radius:14px;padding:15px}.monitor-alert.sev-emergencia{border-left-color:#ff3e53}.monitor-alert.sev-alerta{border-left-color:#ff8a32}.monitor-alert.sev-atencao{border-left-color:#ffd45d}.monitor-alert>div{text-transform:uppercase;color:#80a0b7;justify-content:space-between;gap:10px;font-size:11px;display:flex}.monitor-alert h3{margin:9px 0 6px;font-size:16px}.monitor-alert p{color:#a7bfd1;margin:0 0 8px;font-size:13px;line-height:1.45}.monitor-alert small{color:#6f8ca2}.empty-alerts{text-align:center;color:#7f96aa;background:#081724;border-radius:14px;padding:28px}.forecast-strip{margin-top:18px;padding-bottom:18px}.hour-cards{grid-template-columns:repeat(8,minmax(90px,1fr));gap:10px;padding:0 18px;display:grid;overflow-x:auto}.hour-cards article{text-align:center;background:#081724;border:1px solid #173149;border-radius:14px;min-width:90px;padding:13px}.hour-cards time,.hour-cards small{color:#7894aa;font-size:11px;display:block}.hour-cards span{margin:9px 0;font-size:27px;display:block}.hour-cards strong{font-size:20px;display:block}.days-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px;display:grid}.days-grid article{background:#0a1928;border:1px solid #16334b;border-radius:16px;padding:18px}.days-grid article>div{justify-content:space-between;gap:8px;display:flex}.days-grid small{color:#7e98ac}.days-grid>article>span{margin:18px 0 6px;font-size:38px;display:block}.days-grid p{color:#a7bfd2;min-height:38px}.days-grid b{margin-bottom:5px;font-size:18px;display:block}.grs-map-user span{background:#2dd47d;border:4px solid #fff;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 0 0 6px #2dd47d40}.grs-map-alert span{color:#fff;background:#ff5b5b;border:3px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;box-shadow:0 5px 18px #00000059}.grs-map-alert-atencao span{background:#f4b942}.grs-map-alert-alerta span{background:#f07730}.grs-map-alert-emergencia span{background:#e52f49}@media (max-width:1000px){.monitor-hero{grid-template-columns:1fr}.monitor-summary{max-width:340px}.monitor-grid{grid-template-columns:1fr}.days-grid{grid-template-columns:repeat(2,1fr)}.regional-map{height:440px}}@media (max-width:640px){.monitor-hero{padding:34px 18px}.monitor-shell{padding:18px 12px 40px}.monitor-tabs{grid-template-columns:1fr;display:grid}.monitor-tabs a{margin-left:0;padding:8px 2px}.panel-title{flex-direction:column;align-items:flex-start}.monitor-map-card .panel-title{gap:12px}.map-legend{align-self:flex-start;width:auto;max-width:100%}.regional-map{height:370px}.weather-metrics{grid-template-columns:1fr 1fr}.days-grid{grid-template-columns:1fr}.monitor-page .leaflet-control-attribution{font-size:8px}}