@media (max-width:1180px){
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  :root{--sidebar-w:224px}
  .brand-sub{display:none}
  .nav-item span{font-size:12.5px}
  .cal-cell{min-height:76px}
  .dash-bottom,.hero-zone{grid-template-columns:1fr}
  .day-view{grid-template-columns:1fr}
  .day-view .dv-side{position:static}
  .stats-cards{grid-template-columns:repeat(2,1fr)}
  .charts-row{grid-template-columns:1fr}
  .week-grid{grid-template-columns:repeat(4,1fr)}
  .week-col.extra{display:none}
}
@media (max-width:900px){
  :root{--sidebar-w:0px}
  #sidebar{transform:translateX(-105%);transition:transform .34s cubic-bezier(.22,1,.36,1)}
  #sidebar.open{transform:none;box-shadow:var(--shadow-l)}
  #main{margin-left:0}
  #view{padding:20px 18px 110px}
  #topbar{padding:12px 18px}
  .bottom-nav{
    display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:140;
    padding:7px;gap:2px;border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));
    border:1px solid var(--glass-border-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    box-shadow:var(--shadow-l);
  }
  .bottom-nav button{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px 6px;
    border-radius:14px;color:var(--text-muted);font-size:10px;font-weight:650;
    transition:all var(--trans);
  }
  .bottom-nav button .bn-ic{width:22px;height:22px;display:grid;place-items:center}
  .bottom-nav button .bn-ic svg{width:19px;height:19px}
  .bottom-nav button.on{color:var(--accent);background:var(--accent-soft)}
  .fab{bottom:calc(92px + env(safe-area-inset-bottom))}
  .fab-menu{bottom:calc(156px + env(safe-area-inset-bottom))}
  .hero-zone{grid-template-columns:1fr}
  .ring-wrap{width:min(250px,70%)}
  .week-grid{grid-template-columns:repeat(2,1fr)}
  .week-col.extra{display:flex}
  .settings-grid{grid-template-columns:1fr}
}
@media (max-width:1180px) and (min-width:901px){
  .search-btn .search-label,.search-btn kbd{display:none}
  .search-btn{padding:10px}
}
@media (max-width:600px){
  body{font-size:14px}
  .greeting .g-hi{font-size:23px}
  .kpi-grid{grid-template-columns:repeat(2,1fr);gap:11px}
  .kpi{padding:15px 15px 13px}
  .kpi .kpi-value{font-size:25px}
  .kpi .kpi-ic{width:28px;height:28px}
  .kpi .kpi-label{font-size:10.5px}
  .kpi .kpi-sub{font-size:10.5px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .stats-cards{grid-template-columns:1fr 1fr;gap:11px}
  .charts-row,.stats-grid-2{grid-template-columns:1fr}
  .score-cards{grid-template-columns:1fr;gap:12px}
  .search-btn{padding:10px}
  .search-btn .search-label,.search-btn kbd{display:none}
  .topbar-actions{gap:8px}
  .cal-grid{gap:6px;padding:12px}
  .cal-cell{min-height:64px;padding:7px 7px;border-radius:12px}
  .cal-cell .cc-mini{display:none}
  .cal-dow{font-size:10px}
  .cal-cell .cc-date{font-size:11.5px}
  .field-row,.field-row-3{grid-template-columns:1fr}
  .ht-inner .ht-name{--ht-name-w:150px}
  #view{padding-bottom:120px}
  .dv-hero .dv-num{font-size:32px}
  .ht-toolbar .ht-title{min-width:120px;font-size:17px}
  .week-grid{grid-template-columns:1fr}
  .week-col{min-height:auto}
  .stat-mini .sm-value{font-size:14.5px}
}
@media (max-width:400px){
  .kpi-grid{grid-template-columns:1fr 1fr}
  .ring-wrap{width:80%}
  .ht-chip{font-size:12px;padding:8px 11px}
}

@media (min-width:901px){
  .mobile-only{display:none!important}
}