/**
 * Grosses pages — loaded after legacy gross.css for cascade wins.
 * Used on grosses.php (hub) and grosses_/index.php (per-show).
 */
.grosses-page .grosses .quick-stats .table .row .cell.grosses-page__stat-current {
  color: var(--bww-table-cell-text, var(--bww-text)) !important;
  font-weight: 600;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .quick-stats .table .row .cell.grosses-page__stat-current {
  color: #e8e8e8 !important;
}

.grosses-page .grosses .quick-stats .table .row .cell .date {
  color: var(--bww-text-muted) !important;
}

/* Row labels (SHOWS, GROSS, ATTENDANCE, TICKET AVERAGE).
   Legacy gross.css hides .cell:nth-child(1) span because it expected SVG/icon
   labels; this markup uses text spans, so force them visible at all widths. */
.grosses-page .grosses .quick-stats .table .row .cell:nth-child(1) span {
  display: block !important;
}

/* Header row + date range labels — legacy gross.css uses #5d5d5d / #000 */
.grosses-page .grosses .quick-stats.bww-content-panel .table .row:nth-child(1) .cell {
  color: var(--bww-text-muted) !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .quick-stats.bww-content-panel .table .row:nth-child(1) .cell {
  color: #c8c8c8 !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .quick-stats .table .row .cell .date {
  color: #a0a0a0 !important;
}

.grosses-page .grosses-page__nav-link svg {
  color: var(--bww-red) !important;
}

/* Select2 dropdowns render on <body>; darkboard body text bleeds onto white dropdown */
body:has(.grosses-page) .select2-dropdown,
body:has(.grosses-page) .select2-dropdown.grosses-page__select2-dropdown {
  background-color: var(--bww-surface, #fff) !important;
  border-color: var(--bww-surface-border, #e0e0e0) !important;
  color: var(--bww-text, #222) !important;
}

body:has(.grosses-page) .select2-results__option {
  color: var(--bww-text, #222) !important;
}

body:has(.grosses-page) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:has(.grosses-page) .select2-container--default .select2-results__option--highlighted {
  background-color: var(--bww-table-row-hover, #f0f1f3) !important;
  color: var(--bww-text, #222) !important;
}

:root[data-bww-theme="dark"] body:has(.grosses-page) .select2-dropdown,
:root[data-bww-theme="dark"] body:has(.grosses-page) .select2-dropdown.grosses-page__select2-dropdown {
  background-color: #1a1a1a !important;
  border-color: #3a3a3a !important;
  color: #e8e8e8 !important;
}

:root[data-bww-theme="dark"] body:has(.grosses-page) .select2-results__option {
  color: #e8e8e8 !important;
}

:root[data-bww-theme="dark"] body:has(.grosses-page) .select2-container--default .select2-results__option--highlighted[aria-selected],
:root[data-bww-theme="dark"] body:has(.grosses-page) .select2-container--default .select2-results__option--highlighted {
  background-color: #2e2e2e !important;
  color: #f0f0f0 !important;
}

/* Per-show card: preview / opening / closing dates (gross.css uses #995151 / #000) */
.grosses-page .grosses .grosses-page__show-card .show-info .dates .block {
  color: var(--bww-text) !important;
}

.grosses-page .grosses .grosses-page__show-card .show-info .dates .block b {
  color: var(--bww-text-muted) !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .grosses-page__show-card .show-info .dates .block {
  color: #e8e8e8 !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .grosses-page__show-card .show-info .dates .block b {
  color: #c8c8c8 !important;
}

/* Chart panel — gross.css white gradient */
.grosses-page .grosses .charts {
  background: var(--bww-surface) !important;
  background-image: none !important;
  border: 1px solid var(--bww-surface-border) !important;
  box-shadow: var(--bww-shadow-sm) !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .charts {
  background: #1a1a1a !important;
  border-color: #3a3a3a !important;
}

/* Show-page sidebar quick-stats header + values */
.grosses-page .grosses .top-block .subscribe .quick-stats.bww-content-panel .table .row:nth-child(1) .cell {
  color: var(--bww-text-muted) !important;
}

.grosses-page .grosses .top-block .subscribe .quick-stats.bww-content-panel .table .row:not(:first-child) .cell:nth-child(3) {
  color: var(--bww-table-cell-text, var(--bww-text)) !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .top-block .subscribe .quick-stats.bww-content-panel .table .row:nth-child(1) .cell {
  color: #c8c8c8 !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .top-block .subscribe .quick-stats.bww-content-panel .table .row:not(:first-child) .cell:nth-child(3) {
  color: #e8e8e8 !important;
}

:root[data-bww-theme="dark"] .grosses-page .grosses .top-block .subscribe .quick-stats .table .row .cell .date {
  color: #a0a0a0 !important;
}

/* Per-show page: beat legacy gross.css load-more + compare select2 truncation */
.grosses-page .grosses .gross-data-btn-wrap a,
.grosses-page .grosses .gross-data-btn-wrap .bww-btn {
  background: linear-gradient(135deg, var(--bww-red) 0%, var(--bww-red-dark) 100%) !important;
  border: none !important;
  border-radius: var(--bww-radius-sm) !important;
  color: var(--bww-white) !important;
  font-size: var(--bww-text-sm) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  padding: 10px 20px !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.grosses-page .grosses .gross-data-btn-wrap a:hover,
.grosses-page .grosses .gross-data-btn-wrap .bww-btn:hover {
  color: var(--bww-white) !important;
  box-shadow: 0 4px 12px rgba(178, 2, 35, 0.3) !important;
}

.grosses-page .compare .compare-block .select2-container {
  width: 100% !important;
  max-width: 100%;
}

.grosses-page .compare .compare-block .select2-container--default .select2-selection--multiple .select2-selection__choice {
  max-width: none !important;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}

.grosses-page .compare .compare-block .select2-selection__rendered {
  flex-wrap: wrap;
}

/* NOTE: data-table font sizes (show name, theater, values, capacity %,
   headers) live in bww-ui.css under the .grosses-page__table-panel
   .bww-table-wrap rules — those win on specificity. Edit them there, not
   here. */
