/* Shared responsive tweaks (public + admin).
   Keep minimal and non-invasive to avoid layout regressions. */

html, body {
  max-width: 100%;
  overflow-x: hidden;
}

/* Long content should never break layout */
.container, .container-fluid,
.bg-white, .alert, .table, .table-responsive,
.card, .border, .rounded, .shadow-sm {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.table-responsive {
  -webkit-overflow-scrolling: touch;
}

/* Buttons on mobile: easier to tap, avoid overflow in tight toolbars */
@media (max-width: 576px) {
  .btn {
    white-space: normal;
  }

  .btn-group, .d-flex.gap-2, .d-flex.gap-3, .d-flex.gap-4 {
    flex-wrap: wrap;
  }
}