/* =================================================
   Brigade-Bot Wars Page – Page-specific styles
   (shared dashboard styles are in shared.css)
   ================================================= */

.app {
  padding: 16px;
}

/* ==============================
   Chart containers
   ============================== */
#chart,
#chart2 {
  background-color: var(--theme-bg-surface);
  border: 1px solid rgba(var(--theme-accent-rgb), 0.14);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 20px;
  color: var(--theme-text);
}

/* ==============================
   Tabulator – group header rows
   ============================== */
.tabulator-row.tabulator-group {
  background: rgba(var(--theme-accent-rgb), 0.1) !important;
  border-bottom: 1px solid rgba(var(--theme-accent-rgb), 0.2) !important;
  border-top: 1px solid rgba(var(--theme-accent-rgb), 0.2) !important;
  color: var(--theme-accent-light) !important;
  font-weight: 600;
  padding: 8px 12px !important;
  border-right: none;
}

.tabulator-row.tabulator-group:hover {
  background: rgba(var(--theme-accent-rgb), 0.16) !important;
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
  color: var(--theme-accent-light) !important;
}