@media(max-width:1240px){
  .hy-context select:nth-child(2){display:none}
  .hy-kpis{grid-template-columns:repeat(3,1fr)}
  .hy-command-hero{grid-template-columns:1fr}
  .hy-main-grid{grid-template-columns:1fr}
}
@media(max-width:940px){
  :root{--sidebar:78px}
  .sidebar .brand .name,.sidebar .brand .plan,.sidebar .rolebar .who,.sidebar .hy-side-status span,.sidebar .sec,.sidebar .item>.tag,.sidebar .item>.readydot,.sidebar .item{font-size:0}
  .sidebar .brand{justify-content:center}.sidebar .hy-collapse{display:none}.sidebar .rolebar,.sidebar .hy-side-status,.sidebar .item{justify-content:center}.sidebar .item{padding:9px}.sidebar .item .ic{width:22px;height:22px}
  .search{max-width:none!important}.hy-context{display:none}
  .hy-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .app{display:block!important}.sidebar{position:fixed;left:0;top:0;bottom:0;width:78px;z-index:50}.main{margin-left:78px;height:100vh}.topbar{padding:0 10px!important}.crumb{display:none}.search{margin-left:0!important}.pill{display:none!important}.content{padding:13px!important}
  .hy-kpis{grid-template-columns:1fr 1fr;gap:8px}.hy-kpi{min-height:96px;padding:12px}.hy-kpi:nth-child(5){grid-column:1/-1}
  .hy-page-header{align-items:flex-start}.hy-page-header h1{font-size:21px}.hy-status-row{display:none}
  .hy-athlete-main{align-items:flex-start}.hy-profile-actions{display:none}.hy-next-priority{grid-template-columns:auto 1fr}.hy-due{display:none}.hy-hero-metrics{grid-template-columns:1fr 1fr}
  .hy-ring-row{grid-template-columns:88px 1fr}.hy-ring{width:84px;height:84px}.hy-ring:before{inset:8px}
}
@media(max-width:430px){
  .sidebar{width:64px}.main{margin-left:64px}.brand,.rolebar,.hy-side-status{padding-left:7px!important;padding-right:7px!important}.hy-kpis{grid-template-columns:1fr}.hy-kpi:nth-child(5){grid-column:auto}.hy-hero-metrics{grid-template-columns:1fr 1fr}.hy-page-header h1{font-size:19px}.hy-ai-brief,.hy-athlete-card,.hy-card{border-radius:15px}
}
/* final compact-navigation corrections */
@media(max-width:940px){
  .sidebar .brand .name,.sidebar .brand .plan{display:none!important}
  .sidebar .rolebar .who,.sidebar .hy-side-status span{display:none!important}
  .sidebar .brand,.sidebar .rolebar,.sidebar .hy-side-status{justify-content:center!important}
  .sidebar .item{font-size:0!important}
}
@media(max-width:680px){
  .hy-two-col{grid-template-columns:1fr!important}
  .topbar .search{font-size:0!important;min-width:68px}.topbar .search:before{content:'Search';font-size:10px}.topbar .search span{font-size:8px!important}
  .hy-command-hero{gap:9px}.hy-kpis{gap:8px}
}


/* ---- Run 2: true mobile shell / drawer ---- */
.hy-mobile-menu,.hy-mobile-overlay{display:none}
@media (max-width: 860px){
  body.mobile-nav-ready .app{display:block!important;grid-template-columns:1fr!important}
  body.mobile-nav-ready .main{margin-left:0!important;height:100vh;min-width:0}
  body.mobile-nav-ready .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(82vw,300px)!important;z-index:120;transform:translateX(-104%);transition:transform .28s ease;box-shadow:0 28px 70px -28px rgba(9,20,38,.45);overflow-y:auto;border-right:1px solid var(--line)}
  body.mobile-nav-ready.mobile-nav-open .sidebar{transform:translateX(0)}
  body.mobile-nav-ready .sidebar .brand .name,
  body.mobile-nav-ready .sidebar .brand .plan,
  body.mobile-nav-ready .sidebar .rolebar .who,
  body.mobile-nav-ready .sidebar .hy-side-status span,
  body.mobile-nav-ready .sidebar .sec,
  body.mobile-nav-ready .sidebar .item,
  body.mobile-nav-ready .sidebar .item>.tag,
  body.mobile-nav-ready .sidebar .item>.readydot{display:initial!important;font-size:initial!important}
  body.mobile-nav-ready .sidebar .item{display:flex!important;justify-content:flex-start!important;padding:8px 10px!important}
  body.mobile-nav-ready .sidebar .item .ic{width:18px;height:18px}
  body.mobile-nav-ready .sidebar .brand,
  body.mobile-nav-ready .sidebar .rolebar,
  body.mobile-nav-ready .sidebar .hy-side-status{justify-content:flex-start!important;padding-left:18px!important;padding-right:18px!important}
  body.mobile-nav-ready .sidebar .hy-collapse{display:none!important}
  body.mobile-nav-ready .topbar{position:sticky;top:0;z-index:90;padding:10px 12px!important;height:auto;min-height:58px;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
  body.mobile-nav-ready .crumb{display:block!important;order:2;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.8px}
  body.mobile-nav-ready .search{order:3;flex:1 0 100%;max-width:none!important;margin:0!important;min-height:40px}
  body.mobile-nav-ready .top-actions{margin-left:auto;order:2;gap:8px}
  body.mobile-nav-ready .top-actions .pill{display:none!important}
  body.mobile-nav-ready .content{padding:12px!important}
  body.mobile-nav-ready .page{max-width:none}
  body.mobile-nav-ready .hy-context{display:none!important}
  body.mobile-nav-ready .hy-mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#0f1622;cursor:pointer;flex:none;box-shadow:var(--shadow-sm)}
  body.mobile-nav-ready .hy-mobile-menu svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
  body.mobile-nav-ready .hy-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(4,12,23,.42);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:110}
  body.mobile-nav-ready.mobile-nav-open .hy-mobile-overlay{opacity:1;pointer-events:auto}
  body.mobile-nav-ready .hy-drawer{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;height:min(78vh,700px)!important;border-radius:20px 20px 0 0!important;transform:translateY(104%)!important}
  body.mobile-nav-ready .hy-drawer.open{transform:translateY(0)!important}
  body.mobile-nav-ready .hy-drawer .hy-drawer-head{padding:14px 16px}
  body.mobile-nav-ready .hy-drawer .hy-drawer-body{padding:0 16px 16px}
}
@media (max-width: 560px){
  body.mobile-nav-ready .top-actions .hy-icon-btn{width:36px;height:36px}
  body.mobile-nav-ready .top-actions #topAv{width:36px;height:36px}
  body.mobile-nav-ready .topbar .search{font-size:12px!important}
  body.mobile-nav-ready .topbar .search:before{content:none!important}
  body.mobile-nav-ready .hy-kpis{grid-template-columns:1fr!important}
  body.mobile-nav-ready .hy-hero-metrics,
  body.mobile-nav-ready .hy-two-col,
  body.mobile-nav-ready .g2,
  body.mobile-nav-ready .g3,
  body.mobile-nav-ready .mgrid{grid-template-columns:1fr!important}
  body.mobile-nav-ready .page-h h1,
  body.mobile-nav-ready .hy-page-header h1{font-size:19px!important}
  body.mobile-nav-ready .hero{padding:16px;gap:14px;align-items:flex-start;flex-direction:column}
  body.mobile-nav-ready .hero .st{margin-left:0;gap:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}