/* Wide triage table: use the full main column instead of the default
 * .page max-width (64rem). Horizontal scroll remains on .table-wrap when
 * columns still overflow on smaller screens. */
.page.billing-admin-page {
 max-width: none;
 display: flex;
 flex-direction: column;
 gap: 16px;
 min-height: 100%;
}

.billing-admin-toolbar {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.billing-admin-toolbar .field {
 flex: 1 1 180px;
 max-width: 280px;
}

.billing-admin-summary {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.billing-admin-summary-stats {
 display: flex;
 flex-wrap: wrap;
 gap: 16px;
}

.billing-admin-summary .message {
 max-width: 52rem;
}

.billing-admin-lookup-banner {
 display: flex;
 flex-direction: column;
 gap: 8px;
 max-width: 52rem;
}

.billing-admin-lookup-details {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.billing-admin-lookup-details[hidden] {
 display: none;
}

.billing-admin-lookup-details-bar {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.billing-admin-lookup-md {
 margin: 0;
 white-space: pre-wrap;
 overflow-x: auto;
 font-family: var(
  --font-mono,
  ui-monospace,
  monospace
 );
 font-size: 12px;
 line-height: 1.5;
 padding: 8px 10px;
 border-radius: var(--radius-sm);
 background: color-mix(
  in srgb,
  var(--foreground) 4%,
  transparent
 );
}

.billing-admin-stat {
 display: flex;
 gap: 6px;
 align-items: baseline;
}

.billing-admin-stat-value {
 font-size: 1.25rem;
 font-weight: 600;
}

.billing-admin-available-slot,
.billing-admin-filter-slot,
.billing-admin-columns-slot {
 flex: 0 0 auto;
}

.billing-admin-columns-spacer {
 display: inline-block;
 width: 16px;
 height: 16px;
 flex: 0 0 16px;
}

.billing-admin-filter-btn.is-active {
 border-color: var(--foreground);
 background: var(--muted);
}

.billing-admin-filter-empty {
 color: var(--muted-foreground);
}

.billing-admin-table-host {
 min-width: 0;
}

.billing-admin-table-host
 .table-row-click {
 cursor: pointer;
}

.billing-admin-table-host
 .table-row-click:hover
 td {
 background: var(--muted);
}

.billing-admin-table-host
 .table-row-click:focus-visible {
 outline: 2px solid
  var(--ring, var(--foreground));
 outline-offset: -2px;
}