@media (max-width:1380px){
  .workspace{grid-template-columns:300px minmax(500px,1fr) 300px}
}
@media (max-width:1180px){
  html,body{overflow:auto}
  .terminal-shell{height:auto;min-height:100vh}
  .main{height:auto;min-height:100vh;display:flex;overflow:visible}
  .topbar{height:auto;grid-template-columns:1fr;gap:8px}
  .workspace{grid-template-columns:300px minmax(0,1fr);height:auto;min-height:720px;overflow:visible}
  .live-prices-panel{grid-column:1/-1;height:420px}
  .center-panel{height:720px}
}
@media (max-width:880px){
  .terminal-shell{grid-template-columns:1fr}
  .sidebar{display:none}
  .main{padding:10px}
  .workspace{grid-template-columns:1fr;min-height:auto}
  .watchlist-panel{height:470px}
  .controls-panel{height:auto;grid-template-columns:1fr}
  .center-panel{height:auto;grid-template-rows:auto 62vh auto}
  .stats-panel{height:auto;grid-template-columns:1fr 1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line2);padding:12px}
}
@media (max-width:560px){
  .brand h1{font-size:24px}
  .watch-card{grid-template-columns:36px 1fr 80px 18px;gap:8px}
  .watch-main strong{font-size:12px}
  .watch-price strong{font-size:13px}
  .chart-header{flex-direction:column}
  .chart-tools{justify-content:flex-start}
  .center-panel{grid-template-rows:auto 58vh auto}
  .stats-panel{grid-template-columns:1fr}
  .price-row{grid-template-columns:1fr .8fr .8fr .6fr;font-size:12px;padding:0 6px}
}

@media (max-width:560px){
  .theme-options{grid-template-columns:1fr}
}

@media (max-width:880px){
  .topbar{
    grid-template-columns:1fr;
    height:auto;
  }
  .brand,
  .topbar-actions{
    grid-column:1;
    justify-self:center;
  }
  .brand h1{
    font-size:22px;
  }
}