/* Extracted from index.html: v25-full-width-desktop-tables */
/* V25: targeted desktop fix. These sections were inside split desktop grids,
   so their tables only had half/partial page width. Keep mobile behavior intact. */
@media (min-width: 1024px) {
  /* Catering: stack Caterers & Service Vendors above/below Operational Checklist instead of side by side. */
  #catering .grid.lg\:grid-cols-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  #catering .grid.lg\:grid-cols-2 > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  /* Committee detail: make the workspace use one full-width column on desktop,
     so Committee Activities is not trapped in a two-thirds column. */
  #committeeDetailView > .grid.lg\:grid-cols-3,
  #committeeDetailView .grid.lg\:grid-cols-3 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
  }
  #committeeDetailView .lg\:col-span-2,
  #committeeDetailView .space-y-5 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #committeeDetailView table,
  #catering table {
    width: 100% !important;
  }

  /* On desktop, allow the specific compact tables to fit naturally instead of forcing horizontal scroll. */
  #committeeDetailView .table-scroll,
  #catering .table-scroll {
    overflow-x: visible !important;
  }
  #committeeDetailView .table-scroll table,
  #catering .grid.lg\:grid-cols-2 .table-scroll table {
    min-width: 0 !important;
    table-layout: auto !important;
  }
}