.db-bulk-actions .reset-all-button { background: var(--blue); color: #fff; }
.db-division-filter { align-items: center; display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 7px; }
.db-division-filter > span { color: var(--navy); flex-basis: 100%; font-size: 10px; font-weight: 800; }
.db-filter-button { background: var(--canvas); border: 1px solid var(--line); border-radius: 5px; color: var(--muted); cursor: pointer; font: 700 11px var(--body); min-height: 38px; padding: 9px 13px; }
.db-filter-button.active { background: var(--orange); border-color: var(--orange); color: #fff; }
.db-division-filter small { color: var(--muted); font-size: 10px; font-weight: 700; margin-left: 3px; white-space: nowrap; }

/* Wrap toolbar controls as whole buttons rather than squeezing their labels. */
.db-toolbar { flex-wrap: wrap; gap: 18px; }
.db-toolbar-main { flex: 1 1 100%; flex-wrap: wrap; gap: 18px; min-width: 0; }
.db-toolbar-main > div:first-child { flex: 1 1 260px; min-width: 0; }
.db-toolbar input { box-sizing: border-box; width: 100%; min-width: 0; }
.db-bulk-actions { flex: 1 1 auto; flex-wrap: wrap; }
.db-bulk-actions .button,
.db-bulk-actions .secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
  min-height: 44px;
}
.db-bulk-actions #modifier-status:empty { display: none; }
.db-legend { flex-wrap: wrap; }
@media (max-width: 760px) {
  .db-toolbar-main > div:first-child { flex: 0 1 auto; }
  .db-division-filter { flex: 1 1 100%; }
}

/* Keep scrolling rows behind both opaque sticky header bands. */
.db-table thead .group-row th { background: var(--navy-2); z-index: 8; }
.db-table thead tr:not(.group-row) th { background: var(--navy); z-index: 7; }
.db-table thead tr:not(.group-row) th:first-child { z-index: 9; }

/* Preserve more of the rating grid on narrow screens. */
.db-table .team-name-cell,
.db-table thead tr:not(.group-row) th:first-child {
  box-sizing: border-box;
  max-width: 150px;
  min-width: 150px;
  width: 150px;
}
.db-table .team-name-cell span {
  display: inline-block;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .db-table .team-name-cell,
  .db-table thead tr:not(.group-row) th:first-child {
    max-width: 108px;
    min-width: 108px;
    width: 108px;
  }
  .database-team-logo { height: 22px; margin-right: 4px; width: 24px; }
  .db-table .team-name-cell { padding-left: 6px; padding-right: 4px; }
  .db-table .team-name-cell span { max-width: 68px; }
}