@media (max-width: 1180px) {
    .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dashboard-grid { grid-template-columns: 1fr; }
    .low-stock-grid, .categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .toolbar { grid-template-columns: minmax(220px, 1fr) repeat(2, minmax(140px, .7fr)); }
    .toolbar .compact { grid-column: auto; }
}

@media (max-width: 900px) {
    .sidebar { transform: translateX(-100%); transition: transform .25s ease; }
    .sidebar.open { transform: translateX(0); }
    .main-content { margin-left: 0; }
    .menu-toggle { display: grid; place-items: center; flex: 0 0 40px; }
    .overlay.show { position: fixed; inset: 0; z-index: 900; display: block; background: rgba(0, 0, 0, .52); }
    .topbar { padding: 0 20px; }
    .global-search { width: auto; flex: 1; }
    .split-layout { grid-template-columns: 1fr; }
    .settings-layout { grid-template-columns: 1fr; }
    .users-layout { grid-template-columns: 1fr; }
    .data-settings-card { grid-column: auto; }
}

@media (max-width: 720px) {
    .content { padding: 25px 18px 38px; }
    .topbar { gap: 10px; }
    .global-search kbd { display: none; }
    .top-user-info, .top-user > i { display: none; }
    .page-header { align-items: flex-start; flex-direction: column; }
    .page-header > button, .page-actions { width: 100%; }
    .page-actions > button { flex: 1; }
    .toolbar { grid-template-columns: 1fr; }
    .mini-stats-grid { grid-template-columns: 1fr; }
    .low-stock-grid, .categories-grid { grid-template-columns: 1fr; }
    .popover { position: fixed; top: 68px; right: 12px; left: 12px; width: auto; }
}

@media (max-width: 520px) {
    .stats-grid { grid-template-columns: 1fr; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .page-actions { flex-direction: column; }
    .topbar { padding: 0 14px; }
    .global-search { padding: 0 10px; }
    .global-search input { font-size: 10px; }
    .topbar-actions { gap: 2px; }
    .top-user { padding: 3px; }
    .top-user .user-avatar { width: 34px; height: 34px; flex-basis: 34px; }
    .card-header { align-items: flex-start; }
    .data-actions { flex-direction: column; align-items: stretch; }
    .data-actions > button, .data-actions > label { width: 100%; }
    .modal-overlay { padding: 10px; }
    .modal { max-height: calc(100vh - 20px); padding: 19px; }
    .toast-container { right: 12px; bottom: 12px; }
    .stock-out-item { align-items: flex-start; flex-direction: column; }
    .stock-out-quantity-wrap { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}