/* overrides.css ─ Global late-stage overrides (white text on unselected buttons / labels / headers / tabs). MUST load last. */

/* ── Global: white text on all unselected buttons ────── */
.metal-btn,
.range-btn,
.chart-type-btn,
.dma-btn,
.rdma-btn,
.etf-dma-btn,
.fmt-btn,
.ratio-btn,
.ratio-range-btn,
.etf-metal-btn,
.etf-range-btn,
.corr-range-btn {
  color: #e8e8e8;
}

.metal-btn:hover,
.range-btn:hover,
.chart-type-btn:hover,
.dma-btn:hover,
.rdma-btn:hover,
.etf-dma-btn:hover,
.fmt-btn:hover,
.ratio-btn:hover,
.ratio-range-btn:hover,
.etf-metal-btn:hover,
.etf-range-btn:hover,
.corr-range-btn:hover {
  color: #fff;
  border-color: #b8bdd0;
}

/* ── Global: white text on all labels / headers / tabs ── */

/* Tab bar — kept in sync with the main .tab-btn block above */
.tab-btn {
  color: #8b92a5;
}
.tab-btn:hover {
  color: #d4b86a;
}

/* Section headers (h3 panel labels) */
.panel h3 {
  color: #b0b0b0;
}

/* Table column headers */
#prices-table th,
#bb-table th,
#stats-table th,
#ratio-table th,
#etf-table th {
  color: #c8c8c8;
}

/* Stats group row separators */
.stats-group-row td {
  color: #b0b0b0 !important;
}

/* Inline labels */
.timestamp {
  color: #a0a0a0;
}
.metal-symbol {
  color: #a0a0a0;
}
.price-unit {
  color: #a0a0a0;
}
.dma-label {
  color: #c8c8c8;
}
.metal-group-label {
  color: #a0a0a0;
}
.fmt-label {
  color: #c8c8c8;
}
.date-sep {
  color: #a0a0a0;
}

/* Icon buttons (refresh, settings) */
.icon-btn {
  color: #c8c8c8;
}
.icon-btn:hover {
  color: #c9a84c;
}

/* Loading / empty state */
td.loading-cell {
  color: #b8bdd0;
}

/* Hint text stays subtle */
.hint {
  color: #c8cde0;
}