.mobile-context,.mobile-swipe-hint,.mobile-nav,.sheet-handle{display:none}
.sheet-backdrop{display:none}
#overview,#salesSection,#warehouseSection{scroll-margin-top:90px}

@media(max-width:560px){
  body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  body.sheet-open{overflow:hidden}
  .topbar{height:64px}
  .dashboard{padding-top:20px}
  .hero-row{gap:14px}
  .hero-row h1{font-size:32px}
  .hero-row select{min-height:50px;border-radius:15px;font-size:14px}
  .mobile-context{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 8px;color:var(--muted);font-size:12px}
  .mobile-context button{border:1px solid #48e0b244;border-radius:999px;background:#48e0b210;color:var(--accent);padding:7px 12px;font:inherit;font-weight:700}
  .mobile-context button:disabled{opacity:.55}
  .mobile-swipe-hint{display:block;margin:0 2px 10px;color:#6f8992;font-size:11px}
  .metrics{margin-bottom:14px}
  .metric{flex-basis:82vw;box-shadow:0 16px 40px #0004}
  .metric:first-child{background:linear-gradient(145deg,#1a5147,#102e2c)}
  .metric span{font-size:13px}.metric small{font-size:12px}
  .metric-arrow{font-size:18px}
  .chart{overflow-x:auto;justify-content:flex-start;scrollbar-width:none;padding-bottom:1px}.chart::-webkit-scrollbar{display:none}.chart-group{flex:0 0 15px}
  .panel{box-shadow:0 14px 38px #0003}
  .rank-row{padding:12px 0}.rank-number{width:28px;height:28px;border-radius:9px}
  .sheet-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#02070acc;backdrop-filter:blur(5px);z-index:40;animation:fade-in .2s ease}
  .stock-groups-panel:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:0;z-index:41;height:min(88dvh,760px);margin:0;padding:12px 14px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;border-color:#48e0b255;overflow-y:auto;overscroll-behavior:contain;animation:sheet-up .28s cubic-bezier(.2,.8,.2,1)}
  .sheet-handle{display:block;width:44px;height:5px;border-radius:999px;background:#49616a;margin:0 auto 17px}
  .stock-groups-head{position:sticky;top:-12px;z-index:2;background:linear-gradient(#10242d 78%,transparent);padding:12px 0 16px;margin-bottom:2px}
  .stock-groups-head .muted{font-size:12px;margin-right:42px}
  .icon-button{position:absolute;right:0;top:10px;width:44px;height:44px}
  .stock-group-grid{padding-bottom:10px}
  .stock-group-card{background:linear-gradient(145deg,#10242d,#0a171e);border-color:#27404b}
  .mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:35;height:62px;padding:6px;border:1px solid #29414b;border-radius:20px;background:#0b171eed;backdrop-filter:blur(18px);box-shadow:0 16px 45px #0009}
  .mobile-nav button{border:0;border-radius:14px;background:transparent;color:#7f969e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:inherit;font-size:10px;transition:.2s}
  .mobile-nav button i{font-style:normal;font-size:19px;line-height:1}
  .mobile-nav button.active{color:var(--accent);background:#48e0b211}
  .mobile-nav button:active{transform:scale(.94)}
}

@keyframes sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}