/* Stage 18: approved navy/teal/ice-blue Super Admin shell; visual-only, no workflow changes. */
@media screen and (min-width:901px){
 body.hp-superadmin .clinic-header{background:#072d46!important;border-bottom:1px solid #194c61}
 body.hp-superadmin .clinic-sidebar{background:linear-gradient(180deg,#072d46 0%,#062a43 65%,#052338 100%)!important;overscroll-behavior:contain;scrollbar-color:#457080 transparent}
 body.hp-superadmin .clinic-sidebar a{margin:2px 10px;border:1px solid transparent;border-left:3px solid transparent;border-radius:9px;min-height:44px;padding:10px 13px;font-weight:700;line-height:1.35;color:#dbeaf4}
 body.hp-superadmin .clinic-sidebar a[aria-current="page"],body.hp-superadmin .clinic-sidebar a.active{background:#087d81!important;color:#fff!important;border-left-color:#40e0bd!important}
 body.hp-superadmin .clinic-sidebar a:hover,body.hp-superadmin .clinic-sidebar a:focus-visible{background:#10566b!important;color:#fff!important}
 body.hp-superadmin .clinic-topbar{background:#fff!important;border-bottom:1px solid #dceaf1;box-shadow:0 2px 12px #153c5610}
 body.hp-superadmin .clinic-main{background:transparent;min-width:0}
}
@media screen{
 body.hp-superadmin{background:linear-gradient(145deg,#f0f9fd 0%,#eaf5fc 58%,#f6fbff 100%)!important}
 body.hp-superadmin .clinic-main>.heading h1{font-weight:850;letter-spacing:-.035em;color:#0a3048}
 body.hp-superadmin .clinic-main .panel{border-color:#d9eaf0;border-radius:12px;box-shadow:0 5px 20px #153b5010}
 body.hp-superadmin .clinic-main .dashboard-kpis>.stat{border-radius:12px;box-shadow:0 5px 16px #153b5010}
 body.hp-superadmin .clinic-main :is(a,button,input,select,textarea):focus-visible{outline:3px solid #15a8a2;outline-offset:2px}
 body.hp-superadmin .clinic-sidebar a[aria-current="page"]{background:#087d81!important;color:white!important}
}
@media screen and (max-width:900px){
 body.hp-superadmin .clinic-header,body.hp-superadmin .clinic-sidebar{background:#072d46!important}
 body.hp-superadmin .clinic-sidebar a{font-weight:700;min-height:44px}
 body.hp-superadmin .clinic-main{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}
}
@media screen and (max-width:600px){body.hp-superadmin .clinic-main>.heading h1{font-size:clamp(23px,6vw,29px)}}
@media print{body.hp-superadmin .clinic-main{background:#fff!important}}