.mobile-menu-btn,.mobile-nav-backdrop{display:none}
@media(max-width:900px){
body{overflow-x:hidden}.app{display:block}.mobile-menu-btn{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font-size:23px;cursor:pointer}
aside{position:fixed;left:0;top:0;bottom:0;width:min(82vw,310px);height:100dvh;z-index:30;transform:translateX(-105%);transition:transform .22s ease;box-shadow:14px 0 40px #0004;overflow-y:auto}aside.mobile-open{transform:translateX(0)}.mobile-nav-backdrop{position:fixed;inset:0;z-index:29;border:0;background:#08101d99}.mobile-nav-backdrop.show{display:block}
.logo{padding-bottom:18px}nav{display:block;overflow:visible}.nav-group-title{display:block}.nav-btn{white-space:normal;min-height:46px}.ghost{display:block;min-height:46px}
header{height:auto;min-height:72px;position:sticky;top:0;padding:10px 14px;gap:11px}header>div:nth-of-type(1){min-width:0;flex:1}header h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header p{display:none}.user-pill span{display:none}.user-pill b{width:34px;height:34px}
#content{padding:12px}.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kpi{padding:14px 13px;min-height:105px}.kpi strong{font-size:20px;overflow-wrap:anywhere}.split,.settings-grid,.settings-layout,.analysis-panels{grid-template-columns:1fr}
.toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;padding:12px;gap:9px}.toolbar>div{min-width:0}.toolbar .spacer{display:none}.toolbar>span{grid-column:1/-1}
.welcome-banner,.executive-banner{align-items:flex-start;gap:15px;padding:20px}.welcome-banner h2,.executive-banner h2{font-size:21px}.analysis-hero{grid-template-columns:1fr}.score-items{grid-template-columns:repeat(2,1fr);padding:14px}.analysis-hero h2{font-size:52px}
.filter-strip,.tabs{overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.tabs>span,.filter-strip span{display:none}.tab,.chip{white-space:nowrap;min-height:42px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-8px;margin-right:-8px;padding:0 8px}.table-wrap table{width:max-content;min-width:100%}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;left:0;z-index:2;background:white;box-shadow:4px 0 8px #1720330b}.table-wrap th:first-child{background:#f8fafc;z-index:3}
th,td{padding:10px 9px}td input{min-width:110px;min-height:42px}.actions{position:sticky;bottom:8px;z-index:8;background:#fffffff2;border:1px solid var(--line);border-radius:12px;padding:9px;box-shadow:0 8px 25px #17203318;justify-content:stretch}.actions button{flex:1;min-height:44px}
.card{padding:15px;margin-bottom:12px;border-radius:12px}.section-head{align-items:flex-start}.section-head>button{min-height:40px}.toast{left:12px;right:12px;bottom:16px;text-align:center}.login-card{padding:28px 22px}.login-card input,.login-card select,.login-card button{min-height:48px}
}
@media(max-width:560px){.grid-kpi,.compact-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-banner,.executive-banner{display:block}.welcome-banner button{margin-top:18px;width:100%;min-height:46px}.submit-ring{display:none}.score-items{grid-template-columns:1fr}.workflow{overflow:auto;justify-content:flex-start}.workflow i{min-width:25px}.health-grid{grid-template-columns:1fr}.kpi span{font-size:11px}.kpi strong{font-size:18px}.card>table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.section-head{display:block}.section-head>button{margin-top:10px;width:100%}}
