@media (max-width: 991.98px) {
  :root { --ds-sidebar: 224px; }
  .sidebar,
  .custom-admin-sidebar { transform: translateX(-102%); box-shadow: 12px 0 28px rgba(21, 31, 52, .14) !important; }
  .sidebar:not(.collapsed),
  .custom-admin-sidebar:not(.collapsed) { transform: translateX(0); }
  .sidebar.collapsed,
  .custom-admin-sidebar.collapsed { width: var(--ds-sidebar) !important; }
  .sidebar.collapsed .sidebar-brand span,
  .sidebar.collapsed .sidebar-link span,
  .sidebar.collapsed .sidebar-heading,
  .custom-admin-sidebar.collapsed .custom-sidebar-brand span,
  .custom-admin-sidebar.collapsed .custom-sidebar-link span,
  .custom-admin-sidebar.collapsed .custom-sidebar-heading { display: initial !important; }
  .sidebar.collapsed .sidebar-brand,
  .custom-admin-sidebar.collapsed .custom-sidebar-brand,
  .sidebar.collapsed .sidebar-link,
  .custom-admin-sidebar.collapsed .custom-sidebar-link { justify-content: flex-start; padding-left: 10px !important; padding-right: 10px !important; }
  .main-content,
  #mainContent,
  .app-main,
  body .app-wrapper > .app-main { margin-left: 0 !important; }
  .content-area,
  .app-content { padding: calc(var(--ds-header) + 12px) var(--ds-page-gutter) 18px !important; }
  .top-navbar,
  .premium-admin-header { left: 0 !important; padding: 0 var(--ds-page-gutter) !important; }
  footer { margin-left: 0; padding-left: var(--ds-page-gutter); padding-right: var(--ds-page-gutter); }
  .sidebar-overlay,
  .admin-sidebar-overlay { position: fixed; z-index: 1035; inset: 0; background: rgba(23, 32, 51, .28); opacity: 0; pointer-events: none; transition: opacity .2s ease; }
  .sidebar:not(.collapsed) ~ .sidebar-overlay,
  .custom-admin-sidebar:not(.collapsed) ~ .admin-sidebar-overlay,
  .sidebar-overlay.show,
  .admin-sidebar-overlay.show { opacity: 1; pointer-events: auto; }
  .header-center { display: none !important; }
}

@media (max-width: 575.98px) {
  .top-navbar,
  .premium-admin-header { height: 58px !important; }
  .content-area,
  .app-content { padding-top: 70px !important; }
  .welcome-text,
  .user-profile .text-end,
  .premium-user-dropdown-trigger .user-info { display: none !important; }
  .page-header h1,
  .page-header h2,
  .dash-hero h1,
  .command-intro h1,
  .command-intro h2 { font-size: 20px; }
  .filter-card,
  .premium-dashboard > .premium-card,
  .report-filter,
  .filter-band { padding: 10px !important; }
  .filter-card .row > [class*="col-"],
  .filter-band .row > [class*="col-"],
  .premium-dashboard .row > [class*="col-"] { width: 100%; }
  .filter-card .btn,
  .filter-band .btn { width: 100%; }
  .data-table-wrap,
  .premium-table-wrap,
  .table-responsive { margin-left: 0; margin-right: 0; border-radius: 10px; }
  .data-table,
  .premium-table-wrap table,
  .table-responsive table { min-width: 620px; }
  .data-table thead th,
  .premium-table-wrap thead th,
  .table-responsive thead th { padding: 10px 11px !important; }
  .data-table tbody td,
  .premium-table-wrap tbody td,
  .table-responsive tbody td { padding: 10px 11px !important; }
  .action-bar,
  .submit-row { align-items: stretch; flex-direction: column; }
  .action-bar .btn,
  .submit-row .btn { width: 100%; }
}

/* Admin header refinement responsive behavior */

@media (max-width: 991.98px) {
  .premium-admin-header { border-radius: 0 0 12px 12px; }
  .premium-admin-header .header-container { gap: 10px; }
}
@media (max-width: 575.98px) {
  .admin-header-chip { display: none; }
  .premium-admin-header::after { left: 10px; right: 10px; }
  .admin-header-context .greet { font-size: 9px !important; }
  .admin-header-context .user-name { font-size: 12px !important; }
}