@media (max-width: 1400px) {
  .dashboard-layout { grid-template-columns: 1fr; }
  .side-column { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1180px) {
  .app-shell { grid-template-columns: 92px minmax(0, 1fr); }
  .brand div, .nav__item:not(.is-active) { }
  .brand__eyebrow, .brand strong, .brand__version, .nav__item { font-size: 0; }
  .nav__item span { font-size: 20px; margin: 0 auto; }
  .brand { justify-content: center; padding-left: 0; padding-right: 0; }
  .brand__logo { width: 48px; height: 48px; }
  .org-card div { display: none; }
  .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chart-grid, .table-grid, .summary-grid, .side-column { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: relative; height: auto; padding: 12px; }
  .brand { justify-content: flex-start; }
  .brand div { display: block; }
  .brand__eyebrow, .brand strong { font-size: initial; }
  .brand__version { font-size: 11px; }
  .nav { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .nav__item { font-size: 13px; justify-content: center; }
  .topbar { position: relative; padding: 16px; align-items: flex-start; flex-direction: column; }
  .route-view { padding: 16px; }
  .kpi-grid, .form-grid, .form-grid--3, .calculated-box { grid-template-columns: 1fr; }
  .page-header, .toolbar { flex-direction: column; align-items: stretch; }
  .topbar__actions { width: 100%; justify-content: stretch; }
  .topbar__actions .btn { flex: 1; }
}

@media (max-width: 1180px) {
  .dashboard-block-grid { grid-template-columns: 1fr; }
  .period-banner { align-items: flex-start; flex-direction: column; }
  .period-banner__actions { justify-content: flex-start; }
}

@media (max-width: 760px) {
  .backup-menu { flex: 1; }
  .backup-menu__toggle { width: 100%; }
  .backup-menu__panel { left: 0; right: auto; width: min(360px, calc(100vw - 32px)); }
}