/* ──────────────────────────────────────────────────────────────────
   Pharma Sales – vet/human dataset selector
   Style the RadioItems buttons to match the timeline-pill look.
   ────────────────────────────────────────────────────────────────── */

/* Base (unselected) — match .timeline-pill */
.btn-check + .btn.metric-btn {
  background: var(--gray-050, #f8f9fa);
  border: 1px solid var(--gray-200, #e5e7eb);
  color: var(--gray-700, #374151);
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10);
  font-size: 0.85rem;
  font-weight: 500;
  padding: 0.25rem 0.65rem;
  transition: background-color 120ms ease-out, border-color 120ms ease-out;
}

/* Hover */
.btn-check + .btn.metric-btn:hover {
  background-color: var(--gray-100, #f1f5f9);
  border-color: var(--gray-300, #d1d5db);
}

/* Checked / active — match .timeline-pill--current */
.btn-check:checked + .btn.metric-btn,
.btn.metric-btn.active {
  background: var(--blue-100, #dbeafe) !important;
  border-color: var(--blue-600, #2563eb) !important;
  color: var(--blue-700, #1557a2) !important;
  font-weight: 600;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10);
}

/* Focus ring */
.btn-check:focus + .btn.metric-btn,
.btn.metric-btn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.20rem rgba(37, 99, 235, 0.25);
}

/* ──────────────────────────────────────────────────────────────────
   Seasonality offcanvas — light theme
   ────────────────────────────────────────────────────────────────── */
.offcanvas.seasonality-offcanvas {
  background: #fff;
  color: #1e293b;
  border-left: 1px solid #e2e8f0;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.10);
}

.seasonality-offcanvas .offcanvas-header {
  border-bottom: 1px solid #e2e8f0;
  background: #f8fafc;
}

.seasonality-offcanvas .offcanvas-body {
  background: #fff;
  padding: 1rem;
}

.seasonality-offcanvas .form-select {
  background-color: #fff;
  color: #1e293b;
  border: 1px solid #cbd5e1;
}

.seasonality-offcanvas .form-select:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.2);
}

.seasonality-offcanvas .Select-control,
.seasonality-offcanvas .dash-dropdown .Select-control {
  background: #fff;
  border: 1px solid #cbd5e1;
  color: #1e293b;
}

.seasonality-offcanvas .Select-value-label,
.seasonality-offcanvas .Select-placeholder,
.seasonality-offcanvas .Select-input > input {
  color: #1e293b;
}

.seasonality-offcanvas .Select-menu-outer {
  background: #fff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.seasonality-offcanvas .Select-option {
  color: #1e293b;
}

.seasonality-offcanvas .Select-option.is-focused {
  background: #f1f5f9;
}

.seasonality-offcanvas .Select-option.is-selected {
  background: #e0e7ff;
  color: #3730a3;
}

.seasonality-offcanvas .Select-arrow-zone,
.seasonality-offcanvas .Select-clear-zone {
  color: #64748b;
}