body.sidebar-collapsed .app-shell {
  grid-template-columns:86px minmax(0, 1fr) 0;
}

body.sidebar-collapsed.activity-open .app-shell {
  grid-template-columns:86px minmax(0, 1fr) 380px;
}

body.sidebar-collapsed .brand-block div,
body.sidebar-collapsed .nav-item:not(.active),
body.sidebar-collapsed .nav-item.active,
body.sidebar-collapsed .plan-card,
body.sidebar-collapsed .help-button,
body.sidebar-collapsed .collapse-button {
  font-size:0;
}

body.sidebar-collapsed .side-nav {
  padding:16px 10px 20px;
  align-items:center;
  background:linear-gradient(180deg, #080807, #0d0c0a 52%, #070706);
}

body.sidebar-collapsed .side-nav::after {
  display:none;
}

body.sidebar-collapsed .brand-block {
  width:100%;
  min-height:64px;
  margin-bottom:12px;
  justify-content:center;
}

body.sidebar-collapsed .brand-block img {
  width:58px;
  height:58px;
  max-height:58px;
}

body.sidebar-collapsed .nav-list {
  width:100%;
  gap:8px;
}

body.sidebar-collapsed .nav-item {
  justify-content:center;
  width:100%;
  min-height:42px;
  padding:8px;
  gap:0;
}

body.sidebar-collapsed .plan-card,
body.sidebar-collapsed .help-button,
body.sidebar-collapsed .collapse-button {
  display:none;
}

body.sidebar-collapsed .nav-item span {
  font-size:16px;
}

@media (max-width: 1320px) {
  .metric-grid { grid-template-columns:repeat(3, minmax(160px, 1fr)); }
  .dashboard-grid,
  .settings-grid,
  .content-grid,
  .content-grid.right-panel { grid-template-columns:1fr; }
  .donut-layout { grid-template-columns:1fr; }
}

@media (max-width: 980px) {
  body { overflow:auto; }
  .login-screen { grid-template-columns:1fr; padding:18px; }
  .login-hero { min-height:560px; }
  .app-shell,
  body.activity-open .app-shell {
    grid-template-columns:1fr;
  }
  .side-nav {
    min-height:auto;
    display:block;
    border-right:0;
    border-bottom:1px solid rgba(248,189,36,.22);
  }
  .brand-block { margin-bottom:14px; }
  .nav-list {
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .nav-item {
    justify-content:center;
    text-align:center;
  }
  .nav-item span { display:none; }
  .plan-card,
  .help-button,
  .collapse-button { display:none; }
  .workspace {
    max-height:none;
    padding:18px;
  }
  .topbar,
  .topbar-actions {
    align-items:stretch;
    flex-direction:column;
  }
  .search-box,
  .workspace-select { width:100%; }
  .metric-grid,
  .form-grid.two,
  .form-grid.three,
  .form-grid.four,
  .kanban,
  .feature-strip,
  .stepper {
    grid-template-columns:1fr;
  }
  .activity-panel {
    width:100%;
    min-height:auto;
    border-left:0;
    border-top:1px solid rgba(248,189,36,.22);
  }
}

@media (max-width: 620px) {
  .login-card,
  .login-hero {
    padding:28px;
  }
  .hero-copy h2 {
    font-size:34px;
  }
  .phantom-scene {
    width:86vw;
    right:4%;
  }
  .nav-list {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  th, td {
    min-width:140px;
  }
  .metric-grid { grid-template-columns:1fr; }
}