@media (max-width: 1200px) {
  .span-3 { grid-column: span 6; }
  .span-4, .span-5 { grid-column: span 6; }
  .span-7, .span-8, .span-9 { grid-column: span 12; }
}

@media (max-width: 992px) {
  .app-main, [data-sidebar="collapsed"] .app-main { margin-left: 0; }
  .sidebar, [data-sidebar="collapsed"] .sidebar { width: var(--sidebar-w); transform: translateX(-100%); }
  [data-sidebar="collapsed"] .nav-text, [data-sidebar="collapsed"] .nav-caret, [data-sidebar="collapsed"] .nav-pill,
  [data-sidebar="collapsed"] .nav-section, [data-sidebar="collapsed"] .brand-text, [data-sidebar="collapsed"] .sidebar-user .who { display: revert !important; }
  [data-sidebar="collapsed"] .nav-link { justify-content: flex-start; }
  .sidebar-open .sidebar { transform: none; box-shadow: var(--shadow-lg); }
  .sidebar-open .sidebar-overlay { display: block; }
  .header-search { width: auto; flex: 1; }
  .market-status { display: none; }
  .split { grid-template-columns: 1fr; }
  .auth-layout { grid-template-columns: 1fr; }
  .auth-aside { display: none; }
}

@media (max-width: 768px) {
  .content { padding: var(--sp-4); }
  .header { padding: 0 var(--sp-3); }
  .span-4, .span-5, .span-6, .span-3 { grid-column: span 12; }
  .grid-2-sm { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .filter-row { grid-template-columns: 1fr 90px 1fr auto; }
  .page-head { align-items: flex-start; }
  .msg { max-width: 94%; }
  .header-search kbd { display: none; }
  .hide-sm { display: none !important; }
}

@media (max-width: 480px) {
  .stat-value { font-size: 1.4rem; }
  .filter-row { grid-template-columns: 1fr 1fr; }
  .filter-row > :last-child { grid-column: span 2; justify-self: end; }
  .toast-stack { left: var(--sp-3); right: var(--sp-3); }
  .toast { min-width: 0; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

@media print {
  .sidebar, .header, .footer, .customizer, .btn { display: none !important; }
  .app-main { margin: 0; }
}