@media (max-width: 991.98px) {
    .app-main { margin-left: var(--sidebar-collapsed); }
    .sidebar { width: var(--sidebar-collapsed); }
    .sidebar-logo, .sidebar-link span, .sidebar-user .avatar, .user-copy { display: none; }
    .sidebar-brand, .sidebar-user { justify-content: center; }
    .sidebar-brand, .sidebar-user { padding-right: .75rem; padding-left: .75rem; }
    .sidebar-toggle, .sidebar-logout { margin-left: 0; }
    .sidebar-link { justify-content: center; padding: 0; }
    .dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-bar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .filter-bar .btn { grid-column: 1 / -1; }
    .detail-grid, .settings-grid { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .login-shell { padding: 1rem; }
    .login-brand { min-height: 136px; padding: 1.35rem 1.5rem; }
    .login-logo { width: min(100%, 218px); }
    .login-body { padding: 1.5rem; }
    .app-main { margin-left: 0; }
    .app-shell[data-sidebar-state] .sidebar { width: min(86vw, var(--sidebar-width)); transform: translateX(-100%); }
    .app-shell.sidebar-open .sidebar { transform: translateX(0); }
    .app-shell.sidebar-open .sidebar-overlay { display: block; }
    .app-shell[data-sidebar-state] .sidebar-logo { display: block; }
    .app-shell[data-sidebar-state] .sidebar-user .avatar { display: inline-flex; }
    .app-shell[data-sidebar-state] .sidebar-link span { display: inline; }
    .app-shell[data-sidebar-state] .user-copy { display: flex; }
    .app-shell[data-sidebar-state] .sidebar-link { justify-content: flex-start; padding: 0 .85rem; }
    .app-shell[data-sidebar-state] .sidebar-brand,
    .app-shell[data-sidebar-state] .sidebar-user { justify-content: flex-start; padding-right: 1rem; padding-left: 1rem; }
    .sidebar-toggle { display: none; }
    .sidebar-logout { margin-left: auto; }
    .content-wrap { padding: 1rem; }
    .topbar { min-height: 66px; }
    .topbar h1 { font-size: 1.1rem; }
    .dashboard-grid { grid-template-columns: 1fr; }
    .panel-header, .detail-hero { align-items: stretch; flex-direction: column; }
    .detail-actions { justify-content: flex-start; }
    .filter-bar { grid-template-columns: 1fr; }
    .responsive-table { display: none; }
    .mobile-card-list { display: block; }
    .modal-dialog { margin: 0; min-height: 100%; }
    .modal-content { min-height: 100vh; border-radius: 0; }
    .form-actions { align-items: stretch; flex-direction: column; }
    .form-actions .btn { width: 100%; }
    .preview-row, .payment-row { align-items: flex-start; flex-direction: column; }
    .detail-list, .mobile-card dl { grid-template-columns: 1fr; }
    .mobile-card dd { text-align: left; }
}

@media (min-width: 1400px) {
    .content-wrap { padding-top: 2.25rem; }
}