@media (max-width: 575.98px) {
  
  body:where(:not([style*="font-size"])) {
    font-size: 16px !important;
  }
  
  h1:where(:not([style*="font-size"])),
  .h1:where(:not([style*="font-size"])) {
    font-size: 1.85rem !important;
  }
  
  h2:where(:not([style*="font-size"]):not(.stat-card-text > .h2)),
  .h2:where(:not([style*="font-size"]):not(.stat-card-text > .h2)) {
    font-size: 1.6rem !important;
  }

  h3:where(:not([style*="font-size"])),
  .h3:where(:not([style*="font-size"])) {
    font-size: 1.4rem !important;
  }

  h4:where(:not([style*="font-size"])),
  .h4:where(:not([style*="font-size"])) {
    font-size: 1.25rem !important;
  }

  h5:where(:not([style*="font-size"])),
  .h5:where(:not([style*="font-size"])) {
    font-size: 1.15rem !important;
  }

  h6:where(:not([style*="font-size"])),
  .h6:where(:not([style*="font-size"])) {
    font-size: 1.05rem !important;
  }

  .content {
    padding: .75rem .75rem .75rem .75rem !important;
  }
  
  .card-title:where(:not([style*="font-size"])) {
    font-size: 1.2rem !important;
  }

  .card-header {
    padding: 0.85rem 1rem !important;
  }

  .card-body {
    padding: 1.25rem !important;
  }
  
  .list-group-item:where(:not([style*="padding"])) {
    padding: 0.85rem 1rem !important;
  }
  
  .text-muted:where(:not([style*="font-size"]):not(small, .small, .small *, small *)) {
    font-size: 0.925rem !important;
  }
  
  p:where(:not([style*="font-size"]):not([class^="display-"]):not([class*=" display-"]):not(.stat-card-text > .h2):not(.card-figure > .card-figure-value):not(.small *, small *)),
  div:where(:not([style*="font-size"]):not([class^="display-"]):not([class*=" display-"]):not(.stat-card-text > .h2):not(.small *, small *)),
  
  span:not(.badge):not(.text-underline-highlight):where(:not(.mgx-pill)):where(:not([style*="font-size"]):not([class^="display-"]):not([class*=" display-"]):not(.small, .text-muted, .small *, small *)),
  li:where(:not([style*="font-size"]):not(.small *, small *)),
  label:where(:not([style*="font-size"]):not(.small *, small *)),
  td:where(:not([style*="font-size"]):not(.small *, small *)),
  th:where(:not([style*="font-size"]):not(.small *, small *)) {
    font-size: 1rem !important;
  }

  .fw-medium:where(:not([style*="font-size"]):not(small, .small, .small *, small *)) {
    font-size: 1.05rem !important;
  }
  
  .small:where(:not([style*="font-size"])),
  small:where(:not([style*="font-size"])),
  .card-figure > .card-figure-label:where(:not([style*="font-size"])) {
    font-size: 0.875rem !important;
  }
  
  .badge:where(:not([style*="font-size"])) {
    font-size: 0.825rem !important;
  }

  .badge:where(:not([style*="padding"])) {
    padding: 0.35em 0.65em !important;
  }
  
  .btn:where(:not([style*="font-size"]):not(.btn-link.p-0)) {
    font-size: 0.95rem !important;
  }
  
  .btn:where(:not([style*="padding"]):not(.btn-link.p-0)) {
    padding: 0.375rem 0.85rem !important;
  }

  .btn-sm:where(:not([style*="font-size"]):not(.btn-link.p-0)) {
    font-size: 0.875rem !important;
  }

  .btn-sm:where(:not([style*="padding"]):not(.btn-link.p-0)) {
    padding: 0.25rem 0.7rem !important;
  }

  .btn-lg:where(:not([style*="font-size"]):not(.btn-link.p-0)) {
    font-size: 1.05rem !important;
  }

  .btn-lg:where(:not([style*="padding"]):not(.btn-link.p-0)) {
    padding: 0.5rem 1rem !important;
  }
  
  .btn.btn-link.p-0:where(:not([style*="padding"])) {
    padding-top: max(0px, calc((24px - 2px - 1lh) / 2)) !important;
    padding-bottom: max(0px, calc((24px - 2px - 1lh) / 2)) !important;
  }
  
  .form-control:where(:not([style*="font-size"])),
  .form-select:where(:not([style*="font-size"])),
  .ts-wrapper .ts-control:where(:not([style*="font-size"])) {
    font-size: 1rem !important;
  }

  .form-control,
  .form-select {
    padding: 0.5rem 0.75rem !important;
    min-height: 42px !important;
  }
  
  .form-select {
    padding-right: 2.25rem !important;
  }
  
  form[method="get"] .d-flex.flex-wrap > div[style*="width"]:has(> .form-select, > .form-control) {
    width: 100% !important;
  }

  .form-label:where(:not([style*="font-size"])) {
    font-size: 0.95rem !important;
  }

  .form-label {
    margin-bottom: 0.25rem !important;
  }
  
  .form-check-input {
    width: 1.2em !important;
    height: 1.2em !important;
    margin-top: 0.15em !important;
  }
  
  .form-switch {
    padding-left: 3em !important;
  }

  .form-switch .form-check-input {
    width: 2.4em !important;
    margin-left: -3em !important;
  }
  
  .card:not(.mb-0) {
    margin-bottom: 1rem !important;
  }
  
  .table:where(:not([style*="font-size"])) {
    font-size: 0.95rem !important;
  }

  .table td,
  .table th {
    padding: 0.75rem 0.5rem !important;
  }
  
  .modal-body {
    padding: 1.25rem !important;
  }

  .modal-header,
  .modal-footer {
    padding: 1rem 1.25rem !important;
  }
  
  .dropdown-item {
    padding: 0.5rem 1rem !important;
  }

  .dropdown-item:where(:not([style*="font-size"])) {
    font-size: 1rem !important;
  }
  
  .feather,
  [data-feather] {
    width: 24px !important;
    height: 24px !important;
  }
  
  .form-control,
  .form-select,
  .form-check,
  .btn {
    margin-bottom: 0.75rem !important;
  }
  
  .input-group > .form-control,
  .input-group > .form-select,
  .input-group > .btn {
    margin-bottom: 0 !important;
  }
  
  .nav-link {
    padding: 0.75rem 1rem !important;
  }

  .nav-link:where(:not([style*="font-size"])) {
    font-size: 1rem !important;
  }
  
  input[type="search"]:where(:not([style*="font-size"])) {
    font-size: 1rem !important;
  }

  input[type="search"] {
    height: 42px !important;
  }
  
  .hamburger,
  .hamburger:before,
  .hamburger:after {
    height: 3px !important;
    width: 24px !important;
    background: #495057 !important;
    display: block !important;
  }

  .hamburger {
    position: relative !important;
  }

  .hamburger:before {
    position: absolute !important;
    top: -7.5px !important;
    content: "" !important;
  }

  .hamburger:after {
    position: absolute !important;
    bottom: -7.5px !important;
    width: 16px !important;
    content: "" !important;
  }
  
  .sidebar-toggle.js-sidebar-toggle {
    padding: 12px !important;
    margin: -12px !important;
  }
  
  .mobile-friendly-toggle {
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .table-responsive {
    border: none !important;
    margin-bottom: 0 !important;
  }
  
  .dashboard-greeting-row .col-md-4 {
    margin-bottom: 1rem !important;
  }
  
  .today-shifts-card .col-md-6,
  .today-shifts-card .col-lg-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  
  .shift-details-card {
    padding: 0.75rem !important;
  }
  
  .calendar-date {
    width: 50px !important;
    height: 60px !important;
  }

  .calendar-day {
    line-height: 38px !important;
  }
  
  .stats-card .stat-item {
    margin-bottom: 1rem !important;
  }
  
  .stat-circle {
    width: 40px !important;
    height: 40px !important;
  }
  
  @media (max-width: 575.98px) {
    .dashboard-table .hide-xs {
      display: none !important;
    }
    
    .table-responsive {
      overflow-x: auto !important;
    }
  }
  
  .dashboard-mobile-actions {
    display: flex !important;
    flex-direction: column !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    margin-top: 0.5rem !important;
  }

  .dashboard-mobile-actions a {
    margin-bottom: 0.5rem !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
  
  .card-header-with-actions {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .card-header-with-actions .btn-group,
  .card-header-with-actions .header-actions {
    margin-top: 0.75rem !important;
    align-self: flex-start !important;
  }
  
  .greeting-card .avatar {
    width: 64px !important;
    height: 64px !important;
  }
  
  .hide-on-mobile {
    display: none !important;
  }
  
  .sidebar-toggle.js-sidebar-toggle {
    
  }

  .mobile-friendly-toggle {
    
  }
  
  .mobile-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 80vw;
    max-width: 320px;
    background: #fff;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.12);
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
    overflow-y: auto;
    padding-top: 56px;
    
  }
  
  :root[data-theme="dark"] .mobile-sidebar {
    background: var(--bs-card-bg, #333);
  }

  body.mobile-sidebar-open .mobile-sidebar {
    transform: translateX(0);
    pointer-events: auto;
  }

  .mobile-sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.32);
    z-index: 1049;
    transition: opacity 0.3s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    pointer-events: none;
  }

  body.mobile-sidebar-open .mobile-sidebar-overlay {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }
  
  .mobile-sidebar a {
    display: block;
    position: relative;
    z-index: 1051;
    cursor: pointer;
    pointer-events: auto;
  }
  
  .mobile-sidebar .nav-link.active {
    color: var(--bs-on-subtle-primary, var(--bs-link-color, var(--bs-primary, #3b7ddd)));
    background-color: rgba(var(--bs-primary-rgb, 59, 125, 221), 0.08);
  }
  
  body.mobile-sidebar-open {
    overflow: hidden;
  }
  
  body.mobile-sidebar-open .mobile-sidebar {
    overscroll-behavior: contain;
    touch-action: pan-y;
  }
  
  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] {
    width: 95vw !important;
    max-width: 95vw !important;
    left: 0 !important;
    right: 0 !important;
    top: 56px !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    position: fixed !important;
    z-index: 2000 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .dropdown-menu-header,
  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .dropdown-menu-footer {
    padding: 1rem 1.25rem !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .dropdown-menu-header:where(:not([style*="font-size"])),
  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .dropdown-menu-footer:where(:not([style*="font-size"])) {
    font-size: 1.1rem !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .list-group-item {
    padding: 1rem 1.25rem !important;
    border: none !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .list-group-item:where(:not([style*="font-size"])) {
    font-size: 1rem !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .list-group-item:last-child {
    border-bottom: none !important;
  }

  .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] .text-muted.small:where(:not([style*="font-size"])) {
    font-size: 0.95rem !important;
  }

  @media (max-width: 575.98px) {
    .navbar .dropdown-menu[aria-labelledby="alertsDropdown"] {
      top: 48px !important;
    }
  }

  .nav-item .indicator {
    top: 0px !important;
    right: -12px !important;
    width: 24px !important;
    height: 20px !important;
  }

  .nav-item .indicator:where(:not([style*="font-size"])) {
    font-size: 0.6rem !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .mobile-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 80vw;
    max-width: 320px;
    background: #fff;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.12);
    z-index: 1050;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(.4, 0, .2, 1);
    overflow-y: auto;
    padding-top: 56px;
  }

  :root[data-theme="dark"] .mobile-sidebar {
    background: var(--bs-card-bg, #333);
  }

  body.mobile-sidebar-open .mobile-sidebar {
    transform: translateX(0);
    pointer-events: auto;
  }

  .mobile-sidebar-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.32);
    z-index: 1049;
    transition: opacity 0.3s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    pointer-events: none;
  }

  body.mobile-sidebar-open .mobile-sidebar-overlay {
    display: block;
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-sidebar a {
    display: block;
    position: relative;
    z-index: 1051;
    cursor: pointer;
    pointer-events: auto;
  }

  body.mobile-sidebar-open {
    overflow: hidden;
  }

  body.mobile-sidebar-open .mobile-sidebar {
    overscroll-behavior: contain;
    touch-action: pan-y;
  }
}