/* Shared screen design. Printed reports retain their existing layouts. */
@media screen{
:root{--ui-ink:#173747;--ui-primary:#087e80;--ui-soft:#e8f4f2;--ui-line:#dce6ed;--ui-muted:#657e8d;--ui-radius:15px;--navy:#103747;--shadow:0 6px 24px #163d5008}
body{background:#f1f5f8;color:var(--ui-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2c9db6;outline-offset:3px}
.top{background:linear-gradient(112deg,#092d3c,#104e58);color:#f3fbfc;padding:18px 28px;border:0;box-shadow:none;gap:24px}.top .brand-copy b,.top .brand-title strong,.top .clockbox strong,.top .userbox,.top .sessionbox{color:#f3fbfc}.top .brand-copy span,.top .brand-title span,.top .clockbox small,.top .userbox small,.top .sessionbox small{color:#a7c6cd}.top .brand-emblem{background:#fff;border-radius:12px;padding:6px;width:58px;height:70px;box-shadow:0 4px 16px #001e2b20}.top .brand-divider{background:#ffffff25;border-color:#ffffff25}.top .clockbox{border-color:#ffffff20}.top .header-action,.top .language-select,.top .aemet-mini{background:#ffffff12!important;color:#f0fafb!important;border:1px solid #ffffff28!important;border-radius:9px}.top .header-action:hover{background:#ffffff25!important}.top .aemet-mini-icon{background:transparent}.top .aemet-mini-copy small{color:#bdd8dd}.top .alert-indicator{background:#eaf5f1;color:#185b43;border:0;border-radius:10px;min-height:42px}.top .language-select option{background:#103747;color:white}
.mainnav{background:#fff;padding:7px 22px;border-bottom:1px solid var(--ui-line);box-shadow:0 5px 18px #16374705;position:relative}.mainnav #topnav{gap:5px}.mainnav #topnav>button,.mainnav .nav-dropbtn,.mainnav .nav-group>summary{color:#4a6577;background:transparent;border-radius:9px;font-size:12px;min-height:40px;padding:10px 12px}.mainnav #topnav>button:hover,.mainnav #topnav>button.active,.mainnav .nav-dropbtn:hover,.mainnav .nav-group[open]>summary{color:#076b6f;background:#e3f3f0}.mainnav .nav-dropdown-menu{background:white;color:#173747;border-radius:13px;border:1px solid var(--ui-line);box-shadow:0 15px 45px #10374724}.nav-dropdown-menu button{color:#294f62;min-height:44px}.nav-dropdown-menu button:hover{background:#e8f5f2}.content{max-width:1660px;margin:auto;padding:28px 30px 50px}.content>.pagehead,.content>.pf-header,.pf-list>.pf-header{background:white;border:1px solid var(--ui-line);border-left:4px solid #0b8c87;border-radius:var(--ui-radius);padding:22px 24px;margin-bottom:20px}.content .pagehead h1,.content .pf-header h1{font-size:29px;letter-spacing:-.8px;margin:0 0 6px}.content .pagehead p,.content .pf-header p{color:var(--ui-muted);margin:0;line-height:1.6}.content .card,.content .panel,.content .module-panel,.content .person-tab-panel,.content .pf-list{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;box-shadow:var(--shadow)}.content .card{padding:22px}.content .kpi-card{position:relative;border-top:3px solid #6bb8b1;min-height:125px}.content .kpi{font-size:36px;letter-spacing:-1.3px;color:#123f51}.content .kpi-card .muted{font-size:12px;font-weight:650;color:#5a7789}.content h2{font-size:21px}.content h3{font-size:17px}
.content .btn,dialog .btn{min-height:43px;border-radius:10px;font-weight:650;font-size:13px;padding:11px 17px;box-shadow:none}.content .btn:not(.light):not(.green):not(.red):not(.danger):not(.secondary),dialog .btn:not(.light):not(.red):not(.danger){background:#087e80;color:white;border:1px solid #087e80}.content .btn:not(.light):hover{filter:brightness(.94)}.content .btn.light,dialog .btn.light{background:#fff;color:#31596c;border:1px solid #cfdee7}.content .btn.light:hover,dialog .btn.light:hover{background:#eaf4f6;border-color:#8db4bf}.content .btn.danger,.content .btn.red,dialog .btn.danger{background:#b52c3a!important;border-color:#b52c3a!important;color:white}.content .btn.green{background:#137a55;color:white}.btn:disabled{filter:none;opacity:.5;cursor:not-allowed}.pf-toolbar{gap:10px;flex-wrap:wrap}
.content input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),.content select,.content textarea,dialog input:not([type=checkbox]):not([type=radio]):not([type=color]),dialog select,dialog textarea{border:1px solid #ccdce6;border-radius:10px;padding:11px 12px;font-size:14px;min-height:44px;background:#fff;color:#183d50;box-sizing:border-box;max-width:100%}.content input::placeholder,.content textarea::placeholder{color:#879ca9}.content label,dialog label{font-size:13px;font-weight:550;color:#385a6e}.content input[type=checkbox],.content input[type=radio],dialog input[type=checkbox]{accent-color:#087e80}.content table{border-collapse:separate;border-spacing:0}.content th{background:#eef4f7;color:#587286;font-size:11px;font-weight:750;letter-spacing:.4px;padding:14px 16px;border-bottom:1px solid var(--ui-line)}.content td{padding:14px 16px;border-bottom:1px solid #eaf0f5;font-size:13px}.content tbody tr:hover{background:#f0f8f8}.content .badge,.content .count-pill{border-radius:7px}.incident-tabs,.sr-tabs{border-bottom:1px solid var(--ui-line);gap:6px}.incident-tabs button,.sr-tabs button{font-size:13px;border-radius:9px 9px 0 0;padding:13px 16px}.incident-tabs button.active,.sr-tabs button[aria-selected=true]{background:#e8f5f2;color:#087176;border-bottom-color:#087e80}.content .sr-heading{background:linear-gradient(110deg,#0c3545,#155966);border-radius:17px;padding:25px;color:white}.content .sr-heading h1{color:#fff;font-size:30px}.content .sr-heading p{color:#c3dce1}.content .sr-heading .btn.light{background:#ffffff12;color:#fff;border-color:#ffffff35}.sr-breadcrumb{color:#6c8290;font-size:12px;margin-bottom:12px}.content .module-header{background:#fff;border:1px solid var(--ui-line);border-radius:15px}.content .module-header-icon{background:#e5f4f1;color:#08797a}.welcome-hero{background:linear-gradient(112deg,#0b2f3e,#11505b 70%,#167d7c);border:0;border-radius:21px;box-shadow:0 12px 35px #0b33471a}.welcome-overlay{min-height:235px;padding:34px 35px 34px 137px}.welcome-hero h1{font-size:29px;line-height:1.2}.welcome-hero h1 strong{font-size:36px;color:#91dfd2}.welcome-hero p{color:#c8dfe4}.hero-cta{border-radius:10px;min-height:46px;background:white;color:#104e58;border:0;padding:12px 18px}.chat-message{border-radius:14px}.chat-mine{background:#e1f3ed}.chat-conversation-head{padding:8px 0 15px}.sc-grid>button{border-radius:9px}.sc-grid>button[aria-pressed=true]{background:#e6f5f1;outline-color:#168682}.sc-calendar .pf-toolbar button,.chat-app button{border-radius:9px;min-height:42px}
dialog{background:#fff;color:#173747;border:1px solid #c9dbe5;border-radius:19px;padding:25px;box-shadow:0 30px 100px #092d4a50;max-height:90dvh}dialog::backdrop{background:#082c4285;backdrop-filter:blur(3px)}dialog h2{font-size:24px;letter-spacing:-.6px}.inventory-warning,.inspection-summary{border-radius:12px}.equipment-home .eq-heading{border:0}.equipment-home .eq-heading h1{font-size:44px;color:white}.equipment-home .eq-card-grid .equipment-card{padding:18px}.equipment-home .eq-card-grid .equipment-card h3{font-size:18px}.eq-heading .btn.light{background:#ffffff12!important;color:white!important;border-color:#ffffff35!important}.eq-heading .btn:not(.light){background:#fff!important;color:#0b4750!important;border-color:#fff!important}
@media(max-width:1000px){.content{padding:22px 20px 40px}.top{padding:16px 20px}.topright{gap:10px}.content .pagehead,.content .pf-header{padding:18px}.mainnav{padding:6px 14px}}@media(max-width:650px){.top{padding:14px 16px;gap:12px}.top .brand-emblem{width:48px;height:58px}.top .brand-copy b{font-size:13px}.mainnav{padding:5px 8px}.mainnav #topnav>button,.mainnav .nav-group>summary,.mainnav .nav-dropbtn{padding:10px;font-size:12px}.content{padding:18px 12px 35px}.content .pagehead h1,.content .pf-header h1{font-size:25px}.content .card{padding:16px}.content .sr-heading{padding:20px}.content .sr-heading h1{font-size:25px}.content input:not([type=checkbox]):not([type=radio]),.content select,.content textarea,dialog input,dialog select,dialog textarea{font-size:16px}.welcome-overlay{padding:26px 20px 26px 105px;min-height:235px}.welcome-hero h1{font-size:24px}.welcome-hero h1 strong{font-size:28px}.equipment-home .eq-heading h1{font-size:36px}dialog{padding:18px}.content .btn{min-height:44px}.content td,.content th{padding:12px}.top .clockbox,.top .sessionbox{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
}
@media screen{
body>header:not(.top){background:linear-gradient(110deg,#0b2e3d,#146773);color:white;border:0;padding:24px;border-radius:0 0 18px 18px}body>header:not(.top) h1{color:white;font-size:30px;letter-spacing:-.7px}body>header:not(.top) small,body>header:not(.top) p{color:#c3dce1}body>nav:not(.mainnav){background:white;border-bottom:1px solid #dce6ed;padding:10px}body>nav:not(.mainnav) button{border-radius:9px;border:1px solid #d4e1e8;background:#f2f7f9;color:#31596a;padding:10px 14px;min-height:42px}body>nav:not(.mainnav) button.active{background:#087e80;color:white;border-color:#087e80}main#content>section,main#content>form{border-radius:15px;border:1px solid #dce6ed;background:white;padding:20px;margin:14px 0;box-shadow:0 5px 20px #153c4b05}main#content input:not([type=checkbox]):not([type=radio]),main#content select,main#content textarea{border:1px solid #cbdce6;border-radius:9px;padding:11px;font:inherit;min-height:44px;box-sizing:border-box}main#content button{border-radius:9px;min-height:42px;padding:10px 14px}main#content button.primary{background:#087e80;color:white;border:1px solid #087e80}main#content th{background:#edf4f7;color:#587386}main#content td,main#content th{padding:12px;border-bottom:1px solid #e7eef3}.top .alert-indicator[data-level=warning]{background:#fff0d5;color:#855012}.top .alert-indicator[data-level=quiet]{background:#e7f4ef;color:#185b43}
}
@media screen{.top .brand-emblem{width:66px;height:66px;padding:0;background:transparent;border-radius:12px;overflow:hidden}.top .brand-emblem img{width:100%;height:100%;object-fit:contain}.access-crest{width:165px;height:165px;padding:0;background:transparent;overflow:hidden;border-radius:20px}.welcome-overlay::before{width:85px;height:85px;background-color:transparent;border-radius:12px}@media(max-width:650px){.top .brand-emblem{width:55px;height:55px}.access-crest{width:92px;height:92px}.welcome-overlay::before{width:64px;height:64px}}}

.wf-people,.wf-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.wf-panel fieldset label{display:block;padding:8px}.wf-panel [hidden]{display:none}

.sr-tabs.service-simple-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));overflow:visible;gap:8px;white-space:normal}.service-simple-tabs button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;white-space:normal;padding:14px;min-height:90px}.service-simple-tabs small{font-size:12px;font-weight:400;line-height:1.5;margin-top:5px}.service-extra-sections summary{cursor:pointer;font-weight:700}.service-extra-sections .sr-tabs{flex-wrap:wrap;overflow:visible}.tracking-entry{padding:14px;background:#eff8f5;border-radius:10px;margin:12px 0}

body.storage-status-visible{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}#storage-status-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#eaf4f2;border-top:1px solid #bdd8d2;color:#153d43;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));font-size:12px;box-shadow:0 -2px 8px #1233}#storage-status-bar small{display:block}#storage-status-bar.storage-status-attention{background:#fff1cb;color:#624b15}.storage-status-dialog{max-width:650px;width:calc(100% - 30px);max-height:85vh;overflow:auto}.storage-status-dialog li{padding:7px 0;overflow-wrap:anywhere}

.hyd-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}.hyd-status-card{background:var(--surface,#fff);color:inherit;border:1px solid #cbd5e1;border-radius:14px;padding:16px;text-align:left;cursor:pointer}.hyd-status-card strong{display:block;font-size:28px;margin-top:8px}.hyd-status-card[aria-pressed="true"]{outline:2px solid #2563eb;outline-offset:1px}.pcam-hydrant-marker{background:transparent;border:0}.pcam-hydrant-marker svg{display:block;filter:drop-shadow(0 2px 2px #0005)}
[data-new-step][hidden]{display:none!important}

.alerts-modern .pagehead{padding:22px;border:1px solid #dbe3ec;border-radius:18px;background:linear-gradient(120deg,#f0f7ff,#fff);margin-bottom:20px;color:#0f172a}
.alerts-modern>.aemet-section,.alerts-modern>.ign-section{border-radius:18px;padding:22px;margin:20px 0;border:1px solid #dbe3ec;box-shadow:0 6px 22px #0f172a08}
.alerts-modern .panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.alerts-modern .panel-head h2{font-size:1.2rem;margin:0}.alerts-modern .panel-head button{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:10px;padding:10px 16px;cursor:pointer}
.alerts-modern .alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}.alerts-modern .alert-grid>.card{border-radius:14px;box-shadow:none}.alerts-modern .filters{display:flex;gap:16px;flex-wrap:wrap;padding:14px;background:#f1f5f9;border-radius:12px;margin:16px 0;color:#0f172a}.alerts-modern .filters label{display:grid;gap:6px}.alerts-modern .aemet-empty{padding:18px;border-radius:12px;background:#f1f5f9;color:#334155}.alerts-modern .aemet-warning{border-radius:12px;padding:14px}.alerts-modern h2{line-height:1.4}
#alertButton[data-warning-level="amarillo"]{background:#facc15!important;color:#422006!important;border-color:#ca8a04!important}#alertButton[data-warning-level="naranja"]{background:#fb923c!important;color:#431407!important;border-color:#c2410c!important}#alertButton[data-warning-level="rojo"]{background:#dc2626!important;color:#fff!important;border-color:#991b1b!important}#alertButton.warning-unverified{border-style:dashed!important}
@media(max-width:600px){.alerts-modern>.aemet-section,.alerts-modern>.ign-section{padding:16px}.alerts-modern .filters label{width:100%}}

.service-web-tools{margin-top:24px;padding:18px;border:1px solid #dbe3ec;border-radius:14px}.service-web-tools>summary{font-weight:700;cursor:pointer}.service-web-tools>p{color:#64748b;max-width:70ch}.service-web-tools .pf-toolbar{gap:10px;flex-wrap:wrap}

.hm-page .pf-header{border:0;align-items:center;gap:16px}.hm-eyebrow,.hm-code{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;color:#526c77}.hm-page h1{margin:6px 0;font-size:32px}.hm-page .hyd-tools{background:#fff;border:1px solid #dbe5eb;border-radius:16px;padding:16px;gap:12px;flex-wrap:wrap}.hm-page .hyd-tools input{flex:1;min-width:210px}.hm-layout{display:flex;justify-content:flex-end;gap:6px;margin:14px 0}.hm-layout [aria-pressed="true"]{background:#0f766e;color:#fff;border-color:#0f766e}.hm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:18px}.hm-card{background:#fff;border:1px solid #dbe5eb;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px #0f172a06;transition:box-shadow .15s}.hm-card:focus-within{outline:2px solid #0f766e;outline-offset:2px}.hm-card:hover{box-shadow:0 8px 24px #0f172a12}.hm-card-photo{position:relative;background:linear-gradient(135deg,#e7f1f2,#f5f8fa);min-height:174px}.hm-card-photo .hyd-photo{display:block;width:100%;height:174px;object-fit:cover;border-radius:0}.hm-placeholder{height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:12px;padding-bottom:26px}.hm-placeholder>svg{width:46px;height:54px}.hm-state{display:inline-flex;gap:7px;align-items:center;background:#fff;color:#1e293b;border:1px solid #dbe5eb;border-left:5px solid var(--hydrant-state);border-radius:9px;font-size:12px;font-weight:700;padding:6px 10px;line-height:1.4}.hm-state svg{width:18px;height:23px;flex-shrink:0}.hm-card-photo>.hm-state{position:absolute;bottom:12px;left:12px;right:12px;width:fit-content;max-width:calc(100% - 24px)}.hm-card-content{padding:20px}.hm-card h2{font-size:19px;margin:7px 0;color:#163e47;overflow-wrap:anywhere}.hm-address{color:#64748b;line-height:1.5;min-height:24px;overflow-wrap:anywhere}.hm-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.hm-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.hm-facts dd{margin:5px 0 0;font-size:14px;font-weight:650;color:#334155;overflow-wrap:anywhere}.hm-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #edf2f7;padding-top:16px}.hm-actions .btn{padding:9px 12px;font-size:12px}.hm-no-location{width:100%;color:#64748b}.hm-empty{grid-column:1/-1;padding:30px}.hm-manage{position:relative}.hm-manage summary{cursor:pointer;padding:10px 14px;font-size:13px}.hm-manage>div{position:absolute;right:0;top:100%;z-index:20;background:#fff;border:1px solid #dbe5eb;box-shadow:0 10px 26px #0f172a16;border-radius:12px;padding:10px;display:grid;gap:8px;min-width:160px}.hm-manage:not([open])>div{display:none}.hm-detail{border-radius:18px;padding:24px!important}.hm-detail h1{margin:20px 0 12px}.hm-detail-state{margin:12px 0 20px}.hm-detail-help{color:#64748b;line-height:1.6}.hm-detail #hydrant-detail-body>.hyd-photo{width:100%;max-width:520px;height:auto;max-height:320px;object-fit:contain;border-radius:14px}.hm-detail-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.hm-detail-facts>div{background:#f5f8fa;border-radius:12px;padding:15px;overflow-wrap:anywhere}.hm-detail-facts dt{font-size:12px;color:#64748b}.hm-detail-facts dd{margin:8px 0 0;color:#1e293b;white-space:pre-wrap}.hm-review{border:1px solid #dbe5eb;border-left:4px solid #0f766e;border-radius:12px;padding:16px;margin:14px 0}.hm-review h3{margin-top:0}
@media(max-width:600px){.hm-page .pf-header{align-items:flex-start;flex-direction:column}.hm-page .hyd-status-cards{grid-template-columns:1fr 1fr}.hm-page .hyd-tools input{min-width:100%}.hm-card-content{padding:16px}.hm-detail{padding:16px!important}}

.record-photo-fields{border:1px solid #dbe5eb;border-radius:14px;padding:16px;grid-column:1/-1}.record-photo-fields label{display:block;margin:14px 0}.record-photo-fields .hyd-photo{width:100%;max-width:360px;height:200px;object-fit:contain}

.vehicle-return-bar{position:sticky;top:0;z-index:35;display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:1500px;margin:0 auto 18px;padding:12px 16px;background:#fff;border:1px solid #dbe5eb;border-radius:12px;box-shadow:0 3px 14px #0f172a14}.vehicle-return-bar>span{color:#526c77;font-size:13px}.vehicle-return-bar>.btn{font-weight:700}

[data-app-tile][data-warning-level="amarillo"]{border-left:7px solid #facc15!important;background:#fffbeb!important}[data-app-tile][data-warning-level="naranja"]{border-left:7px solid #fb923c!important;background:#fff7ed!important}[data-app-tile][data-warning-level="rojo"]{border-left:7px solid #dc2626!important;background:#fef2f2!important}.environment-popup p{white-space:pre-wrap;max-height:50vh;overflow:auto}
.alerts-modern .alert-grid>.aemet-card.aemet-amarillo{border-top:6px solid #eab308!important;background:#fffcf0!important}.alerts-modern .alert-grid>.aemet-card.aemet-naranja{border-top:6px solid #ea580c!important;background:#fff7ed!important}.alerts-modern .alert-grid>.aemet-card.aemet-rojo{border-top:6px solid #dc2626!important;background:#fff1f2!important}

.batch-material-dialog{width:min(900px,95vw);max-width:95vw}.batch-material-dialog [data-materials]{max-height:48vh;overflow:auto}.batch-material-row{display:grid!important;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:16px;padding:14px;border-bottom:1px solid #dbe5eb}.batch-material-row small{display:block;color:#64748b;margin-top:6px}.pending-overdue{color:#b91c1c!important}.hm-near-tools,.service-secondary-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0}.hm-near-tools small{flex-basis:100%;color:#64748b}.hm-distance{color:#0f766e;font-weight:700}.person-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.person-work-summary{margin:18px 0}.person-summary-grid small{color:#64748b;font-weight:700}.person-due-summary{padding-top:12px;border-top:1px solid #dbe5eb}@media(max-width:600px){.batch-material-row{grid-template-columns:1fr}.batch-material-row input{max-width:150px}}

.pending-notes-panel [data-note-priority="Urgente"]{background:#fee2e2;color:#991b1b}.pending-notes-panel [data-note-priority="Alta"]{background:#ffedd5;color:#9a3412}.pending-notes-panel [data-note-priority="Normal"]{background:#dbeafe;color:#1e40af}.pending-notes-panel [data-note-priority="Baja"]{background:#f1f5f9;color:#475569}