/* =========================================
   MOBILE RESPONSIVE FIX (NO UI CHANGE)
========================================= */
@media (max-width: 768px) {

  /* Prevent desktop scaling */
  body {
    overflow-x: hidden;
  }

  /* Ensure page uses real width */
  .main-content,
  .content-area {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Tables must scroll, not shrink */
  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table {
    width: 100%;
    min-width: 600px; /* keeps desktop layout readable */
  }

  /* Ensure clicks work */
  .main-content,
  .content-area {
    position: relative;
    z-index: 1;
  }

  /* Sidebar overlay must not block content */
  .sidebar-overlay {
    pointer-events: none;
  }

  .sidebar-overlay.active {
    pointer-events: auto;
  }
}
