/* SAHP portal v3 — courtesy, service, protection */
[hidden]{display:none!important}
html{scroll-behavior:smooth}body{overflow-x:hidden}
.top{box-shadow:0 8px 30px #020a1759}
.official-seal{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 8px #0007)}
.brand span{display:flex;flex-direction:column;letter-spacing:.06em}.brand b{font-size:15px}.brand small{display:block;color:#e8b43a;font-size:9px;margin-top:5px}
.hero-seal{width:min(100%,340px);height:auto;object-fit:contain;filter:drop-shadow(0 12px 30px #0008)}
.hero-insignia p{font-size:11px}
.intro-block{background:linear-gradient(140deg,#091d3a,#102d58)}
.feature-row{display:flex;flex-wrap:wrap;gap:25px;margin-top:40px}
.feature-row>div{flex:1;min-width:180px;border-left:3px solid #e7b540;padding:5px 22px;display:flex;flex-direction:column;gap:7px}
.feature-row strong{font-size:38px;color:#f6c350}.feature-row span{color:#c3d3eb;font-size:13px}
.bureau-card{position:relative;background:linear-gradient(180deg,#12345e,#0a213f);box-shadow:0 10px 28px #0002;padding:27px}
.bureau-top{display:flex;justify-content:space-between;align-items:center;color:#b1c5e0;font-size:9px;letter-spacing:2px;margin-bottom:15px}
.bureau-code{font-size:16px;letter-spacing:1px;font-weight:900;color:#eebe51;border:1px solid #876a2b;border-radius:7px;padding:7px 10px}
.bureau-card h3{line-height:1.35}
.captain{color:#b8cbe2;margin-bottom:15px}
.captain strong{color:#efc35b}
.unit-head{display:flex;gap:12px;align-items:start;justify-content:space-between}
.loi-pill{border:1px solid #c8a146;color:#f5c866;padding:3px 7px;font-size:10px;border-radius:4px;font-weight:800}
.unit small{line-height:1.9}.unit small b{color:#e0ebfd}
.unit-description{font-size:12px;color:#a9c4e1;line-height:1.65;margin:9px 0}
.division-loi{font-size:12px;margin-top:11px;color:#f5c668}
.division-loi code{color:#f7d683;background:#071a32}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0}
.process-steps>div{padding:22px;background:#092447;border:1px solid #315578;border-radius:9px;display:flex;flex-direction:column;gap:12px}
.process-steps b{color:#ebbb4d}.process-steps strong{font-size:16px}.process-steps p{font-size:13px;color:#b8cbea;line-height:1.6;margin:0}
footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#dashboard{background:#071526;min-height:100vh}
.dashhead{border-bottom:1px solid #2c4b70}
.preview-tag{color:#f6ca73;font-size:11px;font-weight:800}
.dashlayout{grid-template-columns:260px minmax(0,1fr)}
.dashlayout aside{display:flex;flex-direction:column;position:sticky;top:0;min-height:calc(100vh - 66px);max-height:100vh}
.sidebar-brand{display:flex;align-items:center;gap:12px;padding-bottom:27px;margin-bottom:15px;border-bottom:1px solid #29456c}
.sidebar-brand img{width:50px;height:50px;object-fit:contain}
.sidebar-brand b{display:block}.sidebar-brand small{color:#a7c3e3}
#dashboardNav{display:flex;flex-direction:column;gap:5px}
.portal-tab{width:100%;display:flex;align-items:center;gap:13px;background:transparent;color:#b5cbe8;text-align:left;border-radius:7px;padding:14px}
.portal-tab span{color:#e0b85a;width:22px;text-align:center;font-size:18px}
.portal-tab.active,.portal-tab:hover{background:#174073;color:#fff}
.sidebar-footer{margin-top:auto;padding:25px 5px 10px;border-top:1px solid #29456c;color:#96aec9;font-size:11px}
.dashbody{max-width:none;width:100%;padding:40px clamp(22px,4vw,60px)}
.warning{background:#3b2c13;border-color:#9d7530;color:#fbe2ad;line-height:1.55}
.dash-titleline{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0}
.dash-titleline h1{font-size:clamp(25px,4vw,38px);margin-bottom:9px}
.dash-titleline p:not(.eyebrow){color:#9eb9d9;font-size:14px;margin:0}
.tag-outline{border:1px solid #446786;border-radius:50px;padding:9px 13px;font-size:11px;color:#a9c1df;white-space:nowrap}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:23px}
.metric{background:#0d2a4a;border:1px solid #28527a;border-radius:12px;padding:21px;display:flex;flex-direction:column;gap:9px}
.metric>span{font-size:12px;color:#abc6e6}.metric strong{font-size:30px;color:#f3c756}.metric small{color:#91afce;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:19px}
.dash-card{background:#0c2948;border:1px solid #2a5076;border-radius:13px;padding:25px;min-height:180px}
.card-head{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:15px}
.card-head h3{font-size:18px;line-height:1.4;margin:0}.mini-label{font-size:9px;color:#f0c463;letter-spacing:1px;text-align:right}
.dash-card p{font-size:14px;color:#c1d4ea;line-height:1.7}
.placeholder{border:1px dashed #375b7e;border-radius:9px;padding:25px 18px;text-align:center;color:#adbfdb;background:#0a2240}
.placeholder p{margin:12px 0 7px}.placeholder strong{color:#e1eaf6}.placeholder small{font-size:11px;line-height:1.55;display:block}
.pulse-dot{height:11px;width:11px;border-radius:50%;background:#e9bb54;display:inline-block}
.steps{font-size:13px;line-height:2.1;color:#c1d4ea;padding-left:20px}.muted{color:#a5bddc;font-size:13px;line-height:1.8}
@media(max-width:1000px){.process-steps{grid-template-columns:1fr}.dashlayout{display:block}.dashlayout aside{position:static;max-height:none;min-height:auto}.sidebar-footer{display:none}#dashboardNav{display:flex;flex-direction:row;flex-wrap:wrap}.portal-tab{width:auto}}
@media(max-width:700px){.top nav{font-size:12px}.top nav button{padding:9px 10px}.hero h1{letter-spacing:-2px}.hero{min-height:550px}.dashhead{flex-wrap:wrap}.dashbody{padding:23px}.dash-titleline{align-items:start;flex-direction:column}.tag-outline{white-space:normal}.bureau-grid{grid-template-columns:1fr}}