/* Naraya shared mobile refinements for the enterprise apps.
   Scoped to classes that only exist inside the apps (table.data, .kanban),
   and gated behind max-width media queries, so it can't affect desktop or
   the marketing/auth pages. */

/* Wide data tables: become a horizontally-swipeable block instead of
   forcing the whole page to scroll sideways / getting clipped on phones. */
@media (max-width: 680px) {
  table.data {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
  table.data th,
  table.data td {
    white-space: nowrap;
  }
}

/* CRM pipeline: drop to a single column on small phones so cards are
   readable and you scroll vertically instead of fighting tiny columns. */
@media (max-width: 480px) {
  .kanban {
    grid-template-columns: 1fr !important;
  }
  .kanban-col {
    min-width: 0 !important;
  }
}