@media (max-width: 767px) {
  /* Force sidebar/desktop nav off on phones */
  aside[aria-label="Main navigation"],
  aside[aria-label="Super Admin navigation"] {
    display: none !important;
  }

  /* Remove desktop content offset when sidebar is hidden */
  .md\:ml-64,
  .lg\:ml-64 {
    margin-left: 0 !important;
  }

  /* Keep top spacing readable when mobile headers are used */
  .lg\:pt-0 {
    padding-top: 6rem !important;
  }

  /* Table responsiveness for management screens */
  .overflow-x-auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .overflow-x-auto table {
    min-width: 640px;
  }

  th,
  td {
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* Keep tablet-sized screens usable without collapsing the desktop navigation */
  aside[aria-label="Main navigation"],
  aside[aria-label="Super Admin navigation"] {
    display: flex !important;
  }

  .md\:ml-64,
  .lg\:ml-64 {
    margin-left: 16rem !important;
  }

  .lg\:pt-0 {
    padding-top: 0 !important;
  }
}