.pf-detail,.pf-list{background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:24px;color:#344054}.pf-header{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #eaecf0;padding-bottom:20px}.pf-header h1{font-size:24px;margin:0 0 8px}.pf-header small{color:#667085}.pf-hero{display:grid;grid-template-columns:180px 1fr 1fr;gap:28px;padding:28px 0}.pf-hero h2{font-size:22px;margin:12px 0}.pf-hero h3{font-size:15px;margin-top:0}.pf-hero dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}.pf-hero dt{color:#667085}.pf-hero dd{margin:0}.pf-hero .person-photo{width:128px;height:144px}.pf-hero .person-photo-wrap{align-items:flex-start}.pf-access{border-left:1px solid #eaecf0;padding-left:28px}.pf-detail .person-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;border-bottom:1px solid #d0d5dd;gap:20px;margin:0 0 24px;padding:0;background:white}.pf-detail .person-tab{white-space:nowrap;border:0;border-radius:0;background:white;color:#667085;padding:14px 0;font-size:13px}.pf-detail .person-tab.active{color:#2563eb;border-bottom:2px solid #2563eb}.pf-detail .person-tab:disabled{opacity:.5}.pf-detail .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pf-detail .field.wide{grid-column:span 1}.pf-detail .section-title{border:0;padding:0;margin:24px 0}.pf-detail .section-title>span{display:none}.pf-detail input,.pf-detail select,.pf-detail textarea,.pf-list input,.pf-list select,.pf-dialog input{border:1px solid #d0d5dd;border-radius:5px;padding:10px;background:#fff;color:#344054;min-width:0;max-width:100%;box-sizing:border-box}.pf-detail label{font-size:13px;color:#475467}.pf-detail .btn,.pf-list .btn{font-size:13px;padding:9px 14px}.pf-scroll{overflow:auto}.pf-scroll table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13px}.pf-scroll th,.pf-scroll td{padding:12px;text-align:left;border-bottom:1px solid #eaecf0}.pf-scroll th{background:#f9fafb;color:#667085}.pf-toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:20px 0}.pf-link{background:none;border:0;color:#2563eb;cursor:pointer}.pf-thumb{width:36px;height:40px;object-fit:cover;border-radius:4px}.pf-dialog{width:min(480px,90vw);border:1px solid #d0d5dd;border-radius:10px;padding:24px}.pf-dialog::backdrop{background:#10182880}.pf-dialog label{display:grid;gap:8px;margin:16px 0}.pf-detail .training-row{display:flex;flex-wrap:wrap}.pf-detail .training-row>*{flex:1;min-width:120px}.pf-detail .person-tab-panel{display:none}.pf-detail .person-tab-panel.active{display:block}@media(max-width:800px){.pf-hero{grid-template-columns:130px 1fr;gap:16px}.pf-access{grid-column:1/-1;border-left:0;padding-left:0}.pf-detail .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-detail,.pf-list{padding:14px}.pf-header{flex-wrap:wrap}}@media(max-width:480px){.pf-detail .form-grid{grid-template-columns:1fr}.pf-hero{grid-template-columns:1fr}}
.pf-detail .person-tabs{display:flex!important}@media print{.pf-detail .person-tabs{display:none!important}}
.pf-detail .filiation-actions{position:static;inset:auto;box-shadow:none;flex-wrap:wrap;padding:18px 0;background:white}.pf-dialog{max-height:85vh;overflow:auto}.pf-dialog select,.pf-dialog textarea{padding:10px;border:1px solid #d0d5dd;border-radius:5px}.pf-dialog textarea{min-height:80px}
.map-status{padding:10px 14px;font-size:12px;line-height:1.7;background:#f8fafc;color:#475467}
.map-panel .map{background-image:none;background-color:#eef2f5}.map .maplabel{left:55px;right:10px;font-size:12px;pointer-events:none}
.gis-controls{position:absolute;top:60px;right:12px;z-index:40;display:flex;gap:5px}.gis-controls button{border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#173b63;padding:9px 12px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #0002}.gis-controls button:hover{background:#eaf2fa}.gis-controls button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.map.gis-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;z-index:10000!important}.gis-expanded .axega-map{border-radius:0}.gis-expanded .maplegend{max-width:calc(100% - 20px);flex-wrap:wrap}.map:has(.gis-controls) .esriSimpleSlider{display:none}@media(max-width:480px){.gis-controls{top:65px;right:8px}.gis-controls button{padding:10px}.map .maplabel{left:10px}}
.gis-layer-panel{position:absolute;top:108px;right:12px;z-index:42;background:white;color:#173b63;border:1px solid #cbd5e1;border-radius:7px;box-shadow:0 2px 8px #0002;width:210px;font-size:13px;max-height:calc(100% - 165px);overflow:auto}.gis-layer-panel summary{padding:11px;cursor:pointer;font-weight:700}.gis-layer-panel>div{padding:0 12px 12px}.gis-layer-panel label{display:block;margin:10px 0}.gis-layer-panel select{display:block;width:100%;padding:6px;margin-top:5px;border:1px solid #cbd5e1;border-radius:4px;background:white}.gis-layer-state{font-size:11px;color:#64748b}.gis-expanded .gis-layer-panel{max-height:calc(100% - 180px)}
.axega-notice{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px;margin-bottom:14px;color:#173b63}.axega-notice>div:first-child{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.axega-notice small{color:#64748b}.axega-notice p{font-size:13px;margin:8px 0}
.incident-tabs{display:flex;gap:14px;border-bottom:1px solid #d0d5dd;margin-bottom:18px}.incident-tabs button{background:white;border:0;border-bottom:3px solid transparent;padding:14px 10px;color:#64748b;cursor:pointer;font-weight:600}.incident-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}
.aemet-section{margin-bottom:24px}.aemet-card{border-top:5px solid #94a3b8}.aemet-amarillo{border-top-color:#eab308;background:#fffcf0}.aemet-naranja{border-top-color:#ea580c;background:#fff7ed}.aemet-rojo{border-top-color:#dc2626;background:#fff1f2}.aemet-warning{padding:12px;border:1px solid #d97706;background:#fffbeb;color:#78350f;border-radius:6px}.aemet-section .filters label{display:grid;gap:6px;font-size:13px}.aemet-section details p{white-space:pre-line}.aemet-section .alert-grid{margin:18px 0}.aemet-empty{padding:14px;background:#f1f5f9}.aemet-card p{overflow-wrap:anywhere}#aemet-dashboard-summary p{font-size:12px;line-height:1.5}
.municipal-publication{margin:12px 0;border-left:4px solid #2563eb}.municipal-publication h3{font-size:17px}.municipal-publication small{color:#64748b}
.inventory-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.inventory-kpis>div{padding:18px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.inventory-kpis b{display:block;font-size:26px;color:#173b63}.inventory-kpis .inventory-danger{background:#fff7ed;border-color:#fdba74}.inventory-warning{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;border-radius:8px;padding:14px;margin-bottom:18px}.inventory-location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.inventory-low-row{background:#fff7ed}.inventory-dashboard h2{font-size:15px}.inventory-dashboard p{font-size:12px}.inventory-dashboard{margin-top:14px}#inventory .pf-header{align-items:flex-start}#inventory .pf-toolbar{margin:10px 0 20px}#inventory .pf-toolbar label{display:grid;gap:6px}#inventory .pf-toolbar label:has(input[type=checkbox]){display:flex;align-items:center}#inventory table .btn{margin:3px}#inventory .incident-tabs{overflow:auto;white-space:nowrap}@media(max-width:650px){.inventory-kpis{grid-template-columns:1fr}#inventory .pf-header{flex-direction:column}}

@media(max-width:650px){header.top{position:static;flex-wrap:wrap;min-height:0;padding:12px}.topright{flex-wrap:wrap;max-width:100%}.brandline{min-width:0}.brand-title strong{font-size:20px}.brand-copy{min-width:0}.content{padding:10px}.pf-dialog{box-sizing:border-box;width:calc(100vw - 20px);max-width:650px;max-height:90vh;overflow:auto}.pf-dialog fieldset{min-width:0;margin:12px 0}.pf-dialog input,.pf-dialog select,.pf-dialog textarea{box-sizing:border-box;max-width:100%}}

.hyd-page{padding:8px 0;color:#183651}.hyd-page h1{font-size:26px}.hyd-tools{justify-content:space-between;margin:20px 0}.hyd-table{background:white}.hyd-table th{background:#f6f8fa;padding:16px 12px}.hyd-table td{padding:15px 12px}.hyd-photo{width:64px;height:64px;object-fit:cover;border-radius:6px}.hyd-no-photo{display:inline-grid;place-items:center;width:48px;height:48px;background:#eef2f6;color:#8b9baa;font-size:24px}.hyd-page footer{justify-content:space-between}.hyd-tools input{padding:10px;border:1px solid #d5dde5;border-radius:6px}

.mainnav #topnav{flex-wrap:wrap;max-width:100%;min-width:0}.mainnav{max-width:100%;box-sizing:border-box}.hyd-page{min-width:0}.hyd-page .pf-scroll{max-width:100%;overflow-x:auto}.hyd-page .pf-link{text-align:left}@media(max-width:650px){.hyd-tools{flex-wrap:wrap}.hyd-page .hyd-table{min-width:900px}.hyd-page footer{flex-wrap:wrap}}
.report-notice{padding:14px;border:1px solid #bee0ef;background:#eff9fd;border-radius:6px;color:#245b74}#pr-filter{align-items:end;margin:22px 0}#pr-filter label{display:flex;flex-direction:column;gap:6px}#pr-filter [hidden]{display:none}#pr-filter select,#pr-filter input{padding:10px;border:1px solid #d2dce5;border-radius:5px;background:white}
.incident-tabs button[aria-selected="true"]{border-bottom:3px solid #c62828;color:#173b63;font-weight:700}
.map.gis-expanded{isolation:isolate}.gis-expanded .axega-map{z-index:0}.gis-expanded .gis-layer-panel{display:block!important;position:absolute;top:112px;right:12px;z-index:50;width:min(260px,calc(100% - 24px));max-height:calc(100dvh - 180px);overflow-y:auto;pointer-events:auto}.gis-expanded .gis-controls{z-index:51}.gis-expanded .gis-layer-panel summary{position:sticky;top:0;background:#fff;z-index:1}@media(max-height:500px){.gis-expanded .gis-layer-panel{top:106px;max-height:calc(100dvh - 155px)}}
.gis-fullscreen[open]{position:fixed;inset:0;box-sizing:border-box;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) 290px;overflow:hidden;background:#eef3f7}.gis-fullscreen .map.gis-expanded{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-width:0;z-index:0!important}.gis-fullscreen-sidebar{min-height:0;overflow-y:auto;background:white;border-left:1px solid #cbd5e1;padding:12px}.gis-fullscreen-sidebar .gis-layer-panel{position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;box-sizing:border-box;display:block!important;box-shadow:none}.gis-fullscreen-sidebar .gis-layer-panel summary{position:static}.gis-fullscreen-sidebar .gis-layer-panel>div{display:block!important}.gis-fullscreen-sidebar .gis-layer-panel summary{pointer-events:none;list-style:none}@media(max-width:650px){.gis-fullscreen[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) minmax(180px,38dvh)}.gis-fullscreen-sidebar{border-left:0;border-top:1px solid #cbd5e1;padding:6px 12px}.gis-fullscreen .gis-controls{top:50px}}
.pcam-map-shell>.axega-map{position:absolute!important;inset:0!important;box-sizing:border-box!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;margin:0!important;border:0!important}.gis-fullscreen[open]{grid-template-rows:minmax(0,1fr)}.gis-fullscreen .pcam-map-shell{min-height:0!important}.gis-fullscreen-sidebar{box-sizing:border-box}@media(max-width:650px){.gis-fullscreen[open]{grid-template-rows:minmax(0,3fr) minmax(0,2fr)}}

.vehicle-photo-section{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.vehicle-photo{display:block;width:100%;max-width:480px;height:260px;object-fit:contain;background:#edf1f4;border-radius:10px}.vehicle-photo-empty{padding:25px;background:#edf1f4;color:#596b7b;border-radius:10px}.vehicle-photo-small{width:84px;height:62px;max-width:84px;object-fit:cover;font-size:11px;padding:0;display:grid;place-items:center}.vehicle-photo-dialog{width:min(560px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:14px;padding:24px}.vehicle-photo-dialog::backdrop{background:#10213399}.vehicle-photo-preview{margin-bottom:20px}.vehicle-photo-dialog input{display:block;max-width:100%;margin-top:10px}.vehicle-photo-dialog p{font-size:13px}

/* Allow the identity and controls to wrap without overlapping the clock. */
header.top{flex-wrap:wrap}.top .brandline{flex:1 0 auto;max-width:100%}.top .topright{max-width:100%;flex-wrap:wrap}.top .alert-indicator{white-space:normal;max-width:100%}
