/*
  Filament mobile-friendliness tweaks
  - Prevent tables and widgets from breaking the viewport on small screens
  - Keep content readable without horizontal page scrolling
*/

/* Tables: allow horizontal scroll inside the table container */
.fi-ta-content,
.fi-ta-table,
.fi-table,
.fi-ta {
  overflow-x: auto;
}

/* Ensure there is always something to scroll (avoid squishing columns to unreadable widths) */
.fi-ta-table table,
.fi-table table {
  min-width: 680px;
}

/* Widgets / cards: avoid accidental overflow */
.fi-wi,
.fi-section,
.fi-card {
  max-width: 100%;
}

/* Tighten padding on small screens so the admin UI fits nicely */
@media (max-width: 640px) {
  .fi-body,
  .fi-main,
  .fi-page,
  .fi-container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  /* Keep action buttons from wrapping into unusable stacks */
  .fi-ta-actions,
  .fi-ac {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}