@media (max-width: 1250px) {
  .sidebar { width:252px; flex-basis:252px }
  .content { padding:28px }
  .topbar { padding:0 28px }
  .metric-grid { gap:12px }
  .metric-card { padding:20px }
  .dashboard-grid, .bottom-grid { grid-template-columns:1fr }
}

@media (max-width: 980px) {
  .sidebar {
    position:fixed;
    transform:translateX(-100%);
    transition:transform .2s;
  }
  .sidebar.is-open { transform:translateX(0) }
  .sidebar-overlay.is-open {
    display:block;
    position:fixed;
    inset:0;
    background:rgba(17,17,17,.48);
    z-index:35;
  }
  .topbar {
    height:70px;
    padding:0 20px;
  }
  .mobile-menu { display:inline-flex }
  .breadcrumb { margin-right:auto; margin-left:13px }
  .content { padding:22px }
  .metric-grid, .metric-grid.three { grid-template-columns:repeat(2,minmax(0,1fr)) }
  .login-layout { grid-template-columns:1fr }
  .login-showcase { display:none }
  .login-panel { min-height:100vh }
  .login-mobile-brand { display:flex }
  .variant-form { grid-template-columns:repeat(2,1fr) }
}

@media (max-width: 640px) {
  h1 { font-size:28px }
  .content { padding:18px 14px }
  .topbar { padding:0 14px }
  .env-pill { display:none }
  .page-heading {
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
  .metric-grid, .metric-grid.three { grid-template-columns:1fr }
  .metric-card {
    min-height:138px;
    padding:18px;
  }
  .metric-card strong { font-size:28px }
  .metric-label { font-size:11px }
  .panel-heading { padding:20px }
  .bar-chart { gap:8px; padding:23px 18px }
  .form-grid { grid-template-columns:1fr; padding:10px 20px 20px }
  .field-full { grid-column:auto }
  .check-grid { grid-template-columns:1fr 1fr }
  .filter-form { width:100% }
  .filter-form input { width:100%; min-width:0 }
  .footer { flex-direction:column }
  .login-panel { padding:24px 18px }
  .variant-form { grid-template-columns:1fr }
  .login-form-wrap {
    padding:28px 20px;
    border-radius:24px;
  }
  .login-form-wrap h2 { font-size:26px }
  .form-actions { padding:0 10px }
}
