/* Visual refresh, screen only: official print layouts keep their own styling. */
@media screen{
:root{--navy:#102c3c;--navy2:#17465a;--muted:#64768a;--line:#e0e8ef;--shadow:0 4px 20px rgba(19,45,67,.045);--card:#fff}
body{background:#f3f6fa;color:#203448;-webkit-font-smoothing:antialiased}
.top{background:#fff;color:#183b4c;border-bottom:1px solid #dfe7ee;box-shadow:none;padding:14px 28px;gap:24px;flex-wrap:wrap;position:relative;min-height:90px}
.brandline{gap:12px;flex:1}.brand-copy b{color:#183b4c;font-size:15px;line-height:1.35}.brand-copy span{color:#718398;letter-spacing:1.1px;font-size:9px}.brand-emblem{background:#f4f7fa;border-radius:12px;padding:5px;width:54px;height:62px}.brand-emblem img{filter:none;max-width:100%;max-height:100%;object-fit:contain}.brand-title strong{color:#1d5265}.brand-title span{color:#6c8191}.brand-divider{border-color:#e0e8ef}
.topright{gap:14px;flex-wrap:wrap;justify-content:flex-end}.top .clockbox{color:#173b4b;border-color:#e2e9f0}.clockbox small,.top .userbox small,.sessionbox small{color:#6d8193}.top .userbox{color:#203d51}.top .sessionbox{color:#4a6578}.top .header-action,.top .language-select,.top .aemet-mini{background:#f1f5f9;color:#264b61;border:1px solid #e0e8ee;border-radius:9px;min-height:36px}.top .alert-indicator{background:#fff7ed;color:#8a4d10;border-color:#f3d7b6;white-space:normal;max-width:260px}
.mainnav{background:#102f41;border:0;box-shadow:0 3px 10px #17374e12;padding:5px 22px;position:relative;z-index:15}.mainnav #topnav{display:flex;flex-wrap:wrap;align-items:center;gap:3px;overflow:visible}.mainnav #topnav>button,.mainnav .nav-dropbtn,.mainnav .nav-group>summary{font-size:12px;font-weight:650;letter-spacing:.1px;border-radius:7px;padding:11px 12px;color:#d9e6ee;background:transparent;border:0;cursor:pointer}.mainnav #topnav>button:hover,.mainnav #topnav>button.active,.mainnav .nav-group[open]>summary{background:#235369;color:white}.nav-dropdown-menu{border:1px solid #dce6ee;border-radius:12px;box-shadow:0 16px 40px #14334926;padding:6px}.nav-dropdown-menu button{border-radius:7px;min-height:38px}
.content{max-width:1640px;padding:28px 30px 48px}.hero{background:linear-gradient(115deg,#133e53,#1d6071);border-radius:20px;padding:28px 30px;border:1px solid #246377;box-shadow:0 10px 30px #183f5112}.hero h1{font-size:30px;font-weight:750;letter-spacing:-.7px}.hero p{color:#c5dce5;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.5px}
h1,h2,h3{letter-spacing:-.35px}h1{color:#183a4d}.pagehead,.pf-header{gap:18px;flex-wrap:wrap}.pagehead h1,.pf-header h1{font-size:28px;font-weight:750}.pagehead p,.pf-header p{line-height:1.65;color:#6a7e8f}
.card,.panel,.module-panel,.person-tab-panel,.pf-list{border-color:#e0e8ef;border-radius:16px;box-shadow:var(--shadow)}.card{padding:22px}.kpi-card{border-radius:16px;min-height:118px}.kpi{font-size:34px;letter-spacing:-1px;color:#173e52}.kpi-card:after{background:#158c9a09}.sectiontitle h2,.module-panel-head h3{font-size:16px;font-weight:700}.module-header{border-radius:16px;box-shadow:var(--shadow);padding:20px 22px}.module-header-icon{background:#e9f4f6;color:#1b687b;border-radius:12px}
.btn{min-height:39px;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:650;box-shadow:none;transition:background .15s,box-shadow .15s}.btn:not(.light):not(.green):not(.secondary){background:#166277}.btn:not(.light):not(.green):not(.secondary):hover{background:#104b5c}.btn.light{background:#edf3f7;color:#294d62;border:1px solid #dce6ed}.btn.light:hover{background:#e2edf3}.btn:disabled{cursor:not-allowed;opacity:.5}.btn.green{background:#16805c}.btn.danger,.btn.red{background:#b92d3a!important;color:white}.pf-link{color:#166a84}
.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]),dialog select,dialog textarea{border:1px solid #ccdbe6;border-radius:9px;background:#fff;color:#243e51;padding:10px 12px;font:inherit;font-size:13px;min-height:40px;max-width:100%}.content input::placeholder,.content textarea::placeholder{color:#8b9ca9}label{font-size:13px;line-height:1.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #309eb3;outline-offset:3px}
.content table{border-collapse:separate;border-spacing:0;width:100%}.content th{background:#f4f7fa;color:#637a8c;font-size:11px;letter-spacing:.35px;font-weight:700;text-align:left;padding:13px 14px;border-bottom:1px solid #e0e9f0}.content td{padding:13px 14px;border-bottom:1px solid #edf1f5;font-size:13px;vertical-align:middle}.content tbody tr:hover{background:#f3f9fb}.badge,.count-pill{font-weight:650;border-radius:6px;padding:5px 9px}.incident{background:#f8fafc;border-radius:10px}.incident-tabs{gap:6px;border-bottom-color:#e1e9ef}.incident-tabs button{font-size:13px;padding:12px 14px}.incident-tabs button.active{color:#145d73;border-bottom-color:#19788b}
#inventory>.pf-toolbar{border-radius:12px;background:#f5f8fb}.inventory-guide{background:#f1f7fa;border-left-color:#287b91}.inventory-location-grid{gap:18px}.inventory-warning{border-radius:12px}.module-kpis{gap:16px}
dialog{border:1px solid #dce5ed;border-radius:18px;box-shadow:0 24px 80px #102d4140;max-width:min(900px,94vw)}dialog::backdrop{background:#0b253b85}
@media(max-width:1100px){.top{padding:16px 20px}.topright{justify-content:flex-start;width:100%}.mainnav{padding:5px 14px}.content{padding:22px 20px}.brand-title{display:none}.mainnav .nav-group>.nav-dropdown-menu{top:auto;left:12px;right:12px;max-width:440px}}
@media(max-width:640px){.top{padding:12px 16px;gap:12px}.topright{gap:10px}.top .sessionbox,.top .clockbox{display:none}.top .alert-indicator{max-width:100%;flex:1 1 100%}.brand-copy b{font-size:14px}.content{padding:18px 12px 30px}.mainnav{padding:5px 8px}.mainnav #topnav>button,.mainnav .nav-group>summary{padding:10px;font-size:12px}.hero{padding:23px 20px;align-items:flex-start;flex-direction:column}.hero h1{font-size:25px}.card{padding:17px}.pagehead h1,.pf-header h1{font-size:24px}.content td,.content th{padding:10px}.hero-actions,.pf-toolbar{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}}
}

@media screen{body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.hero h1{color:#fff}.brand-copy{display:block;min-width:0}.brand-divider{background:#dce6ed}.top .header-action{background:#edf3f7!important;color:#294d62!important;border-color:#dce6ed!important}.top .header-action:hover{background:#dfeaf1!important}button,input,select,textarea{font-family:inherit}}

/* Corporate welcome: original service crest, without stock vehicle photography. */
@media screen{
.welcome-hero{height:auto;min-height:190px;background-image:linear-gradient(115deg,#10384b,#1a5969);border:1px solid #286475;border-radius:18px;box-shadow:0 8px 26px #173b5010;overflow:hidden}
.welcome-overlay{position:relative;inset:auto;min-height:190px;background:none;padding:28px 30px 28px 124px;gap:24px}
.welcome-overlay::before{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:70px;height:106px;border-radius:12px;background:#fff url('/assets/escudo-servicio-oficial.png') center/contain no-repeat;box-shadow:0 4px 16px #09253722}
.welcome-hero h1{color:#fff;font-size:25px;line-height:1.2;letter-spacing:-.4px;margin:7px 0}.welcome-hero h1 strong{font-size:30px}.welcome-hero p{font-size:14px;color:#d1e5ec;margin-top:10px}.hero-eyebrow{font-size:10px;letter-spacing:1.8px;color:#aad4df}.hero-cta{background:#fff;color:#164b5c;border:1px solid #d9e8ed;border-radius:9px;padding:12px 18px;min-height:43px;font-size:13px;flex-shrink:0}.hero-cta:hover{background:#e5f1f5}
@media(max-width:640px){.welcome-overlay{padding:24px 20px 24px 106px;align-items:flex-start;flex-direction:column;gap:16px}.welcome-overlay::before{left:20px;top:24px;transform:none;width:64px;height:96px}.welcome-hero h1{font-size:21px}.welcome-hero h1 strong{font-size:24px}.welcome-hero p{font-size:13px}.hero-cta{white-space:normal}}
}