/* assets/css/app.css
   Custom styles migrated from inline CSS for better structure
*/
/* Make filter buttons wrap nicely on small screens */
.btn-group[aria-label="Schnellfilter"] { flex-wrap: wrap; }
.btn-group[aria-label="Schnellfilter"] .btn { margin-bottom: 6px; }
/* Reduce padding inside table cells on very small screens */
@media (max-width: 575.98px) {
  table.table td, table.table th { padding: .35rem .5rem; }
}
/* Sticky filter bar */
.sticky-filter { position: sticky; top: 0; z-index: 1030; background: #fff; padding-top: .25rem; padding-bottom: .25rem; }
/* Sticky table header inside responsive wrapper */
.table-responsive thead th { position: sticky; top: 0; z-index: 2; background: #fff; }
/* Minimize horizontal scroll artifacts */
.table-responsive { -webkit-overflow-scrolling: touch; overflow-x: auto; }
.table-responsive::-webkit-scrollbar { display: none; }
/* Avoid tiny horizontal scroll due to DataTables inline styles */
.dataTables_wrapper { overflow-x: hidden; }
/* Ensure no accidental 1px overflow from table borders */
.table { margin-bottom: 0; }

/* Ensure the streamer table spans the container width */
#streamerTable { width: 100% !important; }

/* Compact inline alerts for top status badges */
.alert-inline { display: inline-block; white-space: nowrap; }
.alert-slim { padding: .25rem .5rem; font-size: .9rem; }

/* Keep consistent width for the random picker button regardless of text changes */
button[name="random_streamer"] {
  width: 260px; /* adjust as desired */
}