/* 10-block visual refinement v2 */
:root{--ui-control-h:44px;--ui-soft:rgba(69,213,255,.055)}
/* 1 Header breathing room */ header,.top,.topbar{min-height:72px;padding-block:10px!important}
/* 2 Profile cluster */ .profile{gap:10px!important;align-items:center}.profile .avatar,.avatar{box-shadow:0 0 0 1px var(--md-line),0 6px 18px rgba(0,0,0,.18)}
/* 3 Navigation */ .topnav{gap:4px!important}.topnav a{padding:9px 10px;border-radius:9px;white-space:nowrap}.topnav a:hover{background:var(--ui-soft)}
/* 4 Hero */ .hero{padding-top:26px!important;padding-bottom:26px!important}.hero .quote{max-width:760px;color:var(--md-muted);font-size:clamp(15px,1.5vw,19px)}
/* 5 KPI hierarchy */ .g4,.sa-kpis{gap:12px!important}.g4>.card,.sa-kpi{position:relative}.g4>.card:before,.sa-kpi:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(var(--md-accent),transparent)}
/* 6 Quick actions */ .quick a{position:relative}.quick a:after{content:"›";position:absolute;right:12px;top:10px;color:var(--md-muted);opacity:0;transform:translateX(-4px);transition:.15s}.quick a:hover:after{opacity:1;transform:none}
/* 7 Forms */ input,select,textarea{transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(69,213,255,.11)!important}
/* 8 Scrollbars */ *{scrollbar-width:thin;scrollbar-color:#1e607d transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#1e607d;border-radius:99px}::-webkit-scrollbar-track{background:transparent}
/* 9 Dense data */ .table-scroll{border:1px solid var(--md-line);border-radius:12px;overflow:auto!important}.table-scroll table{margin:0}.table-scroll th{background:rgba(5,24,39,.97);z-index:2}
/* 10 Footer/status */ footer,.footer{border-top:1px solid var(--md-line);margin-top:24px;padding-top:14px;font-size:12px}
body[data-theme="light"] .topnav a:hover{background:#e6f3f7}body[data-theme="light"] .table-scroll th{background:#f3f8fa}body[data-theme="light"] ::-webkit-scrollbar-thumb{background:#9ebfcd}
@media(max-width:1000px){.topnav{overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}}@media(max-width:700px){header,.top,.topbar{min-height:60px}.hero{padding-top:18px!important;padding-bottom:18px!important}.profile>div:not(.avatar){display:none}}