/**
 * Wellington Electricity intelligence prototype — aligns with GEMS maintenance cards / typography.
 *
 * When `html.gems-theme-we` is active, `.we-proto-page` is a single-direction **dark workbench**:
 * canvas + surfaces from a 3-shade stack, yellow accent for controls/values, flat section chrome
 * (no gradient competition), charts muted in JS to sit behind UI.
 */

/* ─── WE + we-proto: dark canvas (page is the only light/dark mix we break for this route) ─── */
html.gems-theme-we:has(.we-proto-page) body {
  background-color: #121212 !important;
}

html.gems-theme-we:has(.we-proto-page) #main-wrapper {
  background-color: #121212;
}

/* Page footer: gems-theme-we forces white — align with dark workbench when on we-proto */
html.gems-theme-we:has(.we-proto-page) .footer,
html.gems-theme-we:has(.we-proto-page) #footer {
  background: #121212 !important;
  background-image: none !important;
  border-color: #2c2c2c !important;
  color: #b3b3b3 !important;
}

html.gems-theme-we:has(.we-proto-page) .footer .copyright p,
html.gems-theme-we:has(.we-proto-page) .footer .copyright {
  color: #b3b3b3 !important;
}

html.gems-theme-we:has(.we-proto-page) .footer a {
  color: #ffc107 !important;
}

html.gems-theme-we:has(.we-proto-page) .footer a:hover,
html.gems-theme-we:has(.we-proto-page) .footer a:focus {
  color: #ffcd33 !important;
}

html.gems-theme-we .we-proto-page {
  --wp-canvas: #121212;
  --wp-surface: #1e1e1e;
  --wp-raised: #262626;
  --wp-border: #2c2c2c;
  --wp-border-strong: #383838;
  --wp-text: #ffffff;
  --wp-text-secondary: #b3b3b3;
  --wp-text-muted: #7a7a7a;
  --wp-accent: #ffc107;
  /* Shared row highlight (Tabulator + Bootstrap tables): amber on dark, readable text */
  --wp-table-row-hover: rgba(255, 193, 7, 0.12);
  --wp-table-row-selected: rgba(255, 193, 7, 0.22);
  --wp-table-row-selected-hover: rgba(255, 193, 7, 0.3);
  background-color: var(--wp-canvas) !important;
  color: var(--wp-text);
  min-height: 100%;
}

html.gems-theme-we .we-proto-page ::selection {
  background: rgba(255, 193, 7, 0.38);
  color: var(--wp-text);
}

html.gems-theme-we .we-proto-page .page-title,
html.gems-theme-we .we-proto-page h1,
html.gems-theme-we .we-proto-page h2,
html.gems-theme-we .we-proto-page h3,
html.gems-theme-we .we-proto-page h4,
html.gems-theme-we .we-proto-page h5,
html.gems-theme-we .we-proto-page h6 {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .text-muted {
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .card {
  background-color: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
  color: var(--wp-text);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* custom.css / maintenance-works use `background` gradients on .card-header — override the full shorthand */
html.gems-theme-we .we-proto-page .card-header {
  background: var(--wp-raised) !important;
  background-image: none !important;
  border-bottom-color: var(--wp-border) !important;
  color: var(--wp-text) !important;
}

/* Card-header tab row: ensure no light strip from nav-tabs (BS light + global card-header rules) */
html.gems-theme-we .we-proto-page .card-header .nav-tabs.we-proto-workbench-tabs,
html.gems-theme-we .we-proto-page .card-header .we-proto-workbench-tabs {
  background: transparent !important;
}

html.gems-theme-we .we-proto-page .card-footer {
  background-color: var(--wp-surface) !important;
  border-top-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-kpi-card {
  background: var(--wp-surface);
  border-color: var(--wp-border);
  box-shadow: none;
}

html.gems-theme-we .we-proto-page .we-proto-kpi-card .we-proto-kpi-label {
  color: var(--wp-text-muted);
}

html.gems-theme-we .we-proto-page .we-proto-kpi-card .we-proto-kpi-value {
  color: var(--wp-text);
}

html.gems-theme-we .we-proto-page .btn-outline-secondary {
  color: var(--wp-text-secondary);
  border-color: var(--wp-border-strong);
}

html.gems-theme-we .we-proto-page .btn-outline-secondary:hover {
  background-color: var(--wp-raised);
  color: var(--wp-text);
  border-color: var(--wp-border-strong);
}

html.gems-theme-we .we-proto-page #weProtoError.alert-danger {
  background-color: rgba(220, 53, 69, 0.15);
  border-color: rgba(220, 53, 69, 0.45);
  color: #fecaca;
}

html.gems-theme-we .we-proto-page .we-proto-section-title {
  color: var(--wp-text-muted);
}

html.gems-theme-we .we-proto-page .we-proto-fy-details {
  border-color: var(--wp-border);
  background: var(--wp-surface);
}

html.gems-theme-we .we-proto-page .we-proto-fy-details > summary {
  background: var(--wp-raised);
  color: var(--wp-text);
}

/* AMP volatility charts 5 & 6: fold away long Weibull / KDE copy */
.we-proto-page details.we-proto-weibull-math-details > summary {
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.we-proto-page details.we-proto-weibull-math-details > summary::-webkit-details-marker {
  display: none;
}
.we-proto-page details.we-proto-weibull-math-details > summary::before {
  content: '\25B8\00a0';
  display: inline-block;
  margin-right: 0.15em;
  transition: transform 0.12s ease;
  opacity: 0.75;
}
.we-proto-page details.we-proto-weibull-math-details[open] > summary::before {
  transform: rotate(90deg);
}
html.gems-theme-we .we-proto-page details.we-proto-weibull-math-details > summary {
  color: var(--wp-text-muted);
}

.we-proto-page .we-proto-amp-chart-inner {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.08);
}

html.gems-theme-we .we-proto-page .we-proto-amp-chart-inner {
  background-color: var(--wp-raised) !important;
  border-color: var(--wp-border) !important;
  box-shadow: none !important;
}

/* Flatten section chrome: replace gradient headers/bands with raised surface + hairline border */
html.gems-theme-we .we-proto-page .we-proto-amp-section-block--tables {
  background: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
  box-shadow: none;
}

html.gems-theme-we .we-proto-page #weProtoAmpSpendTables {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page #weProtoAmpSpendTables .text-muted {
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page hr.we-proto-amp-section-rule {
  height: 1px;
  background: var(--wp-border-strong) !important;
  box-shadow: none;
  opacity: 1;
}

html.gems-theme-we .we-proto-page .we-proto-amp-scenario-drive-card,
html.gems-theme-we .we-proto-page .we-proto-amp-explore-charts-card {
  background: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
  box-shadow: none !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-scenario-drive-card-body,
html.gems-theme-we .we-proto-page .we-proto-amp-explore-charts-card-body {
  background: var(--wp-surface) !important;
  border: 1px solid var(--wp-border) !important;
  box-shadow: none !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-section-header,
html.gems-theme-we .we-proto-page .we-proto-amp-section-header--disclosure,
html.gems-theme-we .we-proto-page .we-proto-amp-section-header--scenario,
html.gems-theme-we .we-proto-page .we-proto-amp-section-header--volatility,
html.gems-theme-we .we-proto-page .we-proto-amp-section-header--framing,
html.gems-theme-we .we-proto-page .we-proto-amp-section-header--map {
  background: var(--wp-raised) !important;
  border-bottom: 1px solid var(--wp-border) !important;
  box-shadow: none !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-section-header .fw-semibold.small {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-section-header-lead {
  color: var(--wp-text-muted) !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-header-badge--illustrative {
  background: rgba(255, 193, 7, 0.12) !important;
  color: var(--wp-accent) !important;
  border-color: rgba(255, 193, 7, 0.35) !important;
  text-shadow: none;
}

html.gems-theme-we .we-proto-page .we-proto-amp-header-badge--interactive {
  background: var(--wp-raised) !important;
  color: var(--wp-accent) !important;
  border: 1px solid rgba(255, 193, 7, 0.4) !important;
  text-shadow: none;
}

html.gems-theme-we .we-proto-page .we-proto-amp-header-badge--muted {
  background: var(--wp-surface) !important;
  color: var(--wp-text-secondary) !important;
  border-color: var(--wp-border-strong) !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-header-badge--prototype {
  background: rgba(255, 193, 7, 0.1) !important;
  color: var(--wp-accent) !important;
  border-color: rgba(255, 193, 7, 0.35) !important;
}

/* What-if panel: same 3-shade system (slightly lifted shell, accent unchanged) */
html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel {
  background: var(--wp-raised) !important;
  border: 1px solid var(--wp-border-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-col--pressure::before {
  background: var(--wp-border-strong);
  box-shadow: none;
}

@media (max-width: 991.98px) {
  html.gems-theme-we .we-proto-page .we-proto-age-scenario-col--pressure::before {
    background: var(--wp-border-strong);
  }
}

.we-proto-page .we-proto-section-title {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #64748b;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.we-proto-page .we-proto-kpi-card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.375rem;
  background: #fff;
  padding: 0.75rem 1rem;
  height: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.04);
}

.we-proto-page .we-proto-kpi-card .we-proto-kpi-value {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  color: #0f172a;
}

.we-proto-page .we-proto-kpi-card .we-proto-kpi-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #64748b;
  margin-bottom: 0.25rem;
}

.we-proto-page .we-proto-scenario-card {
  border-color: rgba(13, 110, 253, 0.35);
  box-shadow: 0 0.25rem 0.75rem rgba(13, 110, 253, 0.08);
}

/* Same treatment as other WE proto cards: light header + dark text (theme-safe) */
.we-proto-page .we-proto-scenario-card .we-proto-scenario-header {
  background-color: #fff !important;
  color: #212529 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.we-proto-page .we-proto-scenario-header-title {
  color: #212529 !important;
}

.we-proto-page .we-proto-scenario-header-lead {
  color: #6c757d !important;
  line-height: 1.45;
}

/* Focus badge: high contrast without relying on theme primary fill */
.we-proto-page .we-proto-scenario-focus-badge {
  background-color: #e7f1ff !important;
  color: #084298 !important;
  border: 1px solid #0d6efd !important;
  font-weight: 600;
}

/* FY briefs: native <details> so open/close works without Bootstrap collapse JS */
.we-proto-page .we-proto-fy-details {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.375rem;
  background: #fff;
}

.we-proto-page .we-proto-fy-details > summary {
  cursor: pointer;
  list-style: none;
  font-size: 0.875rem;
  padding: 0.65rem 1rem;
  background: #f8f9fa;
  border-radius: 0.375rem;
  line-height: 1.4;
}

.we-proto-page .we-proto-fy-details[open] > summary {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.375rem 0.375rem 0 0;
}

.we-proto-page .we-proto-fy-details > summary::-webkit-details-marker {
  display: none;
}

.we-proto-page .we-proto-fy-details > summary::before {
  content: '';
  display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.5rem;
  border-right: 2px solid #495057;
  border-bottom: 2px solid #495057;
  transform: rotate(-45deg);
  vertical-align: 0.15rem;
  transition: transform 0.15s ease;
}

.we-proto-page .we-proto-fy-details[open] > summary::before {
  transform: rotate(45deg);
  vertical-align: 0.05rem;
}

.we-proto-page .we-proto-fy-details .we-proto-fy-body {
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.75rem 1rem 1rem;
}

/* Scenario field info (i) — Bootstrap Tooltip */
.we-proto-page .we-proto-field-info {
  border: 0 !important;
  background: transparent !important;
  color: #6c757d !important;
  text-decoration: none !important;
  vertical-align: middle;
  line-height: 1 !important;
  min-width: 1.25rem;
}

.we-proto-page .we-proto-field-info:hover,
.we-proto-page .we-proto-field-info:focus {
  color: #0d6efd !important;
}

.we-proto-page .we-proto-field-info:focus {
  box-shadow: none !important;
  outline: 2px solid rgba(13, 110, 253, 0.45);
  outline-offset: 2px;
  border-radius: 50%;
}

/* WE proto tooltips: wrap long copy (override BS tooltip-inner nowrap / max-width) */
.tooltip.we-proto-scenario-tooltip,
.tooltip.we-proto-section-desc-tooltip {
  --bs-tooltip-max-width: min(22rem, 92vw);
  max-width: min(22rem, 92vw);
}

.tooltip.we-proto-scenario-tooltip .tooltip-inner,
.tooltip.we-proto-section-desc-tooltip .tooltip-inner {
  box-sizing: border-box;
  display: block;
  max-width: min(22rem, 92vw) !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word;
  hyphens: auto;
  text-align: left;
  font-size: 0.8125rem;
  line-height: 1.45;
}

/* Validation block: own row, solid background + stacking so it never sits under AMP cards */
.we-proto-page .we-proto-validation-wrap {
  position: relative;
  z-index: 2;
  clear: both;
}

.we-proto-page .we-proto-validation-wrap .card {
  background-color: #fff;
}

/* Some themes set --bs-card-color to a light value; force readable body text for injected panels */
.we-proto-page #weProtoAmpSpendTables {
  color: #212529 !important;
}

.we-proto-page #weProtoAmpSpendTables .text-muted {
  color: #6c757d !important;
}

.we-proto-page .we-proto-age-scenario-panel {
  color: #212529 !important;
  background-color: #eef1f4;
  border-color: rgba(0, 0, 0, 0.09) !important;
}

.we-proto-page .we-proto-age-scenario-panel .text-muted {
  color: #6c757d !important;
}

/* What-if age vs pressure: themed divider (primary / WE teal), not a hairline grey border */
.we-proto-page .we-proto-age-scenario-col--pressure {
  position: relative;
}

@media (max-width: 991.98px) {
  .we-proto-page .we-proto-age-scenario-col--pressure {
    margin-top: 0.35rem;
    padding-top: 1.35rem;
  }

  .we-proto-page .we-proto-age-scenario-col--pressure::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(
      90deg,
      rgba(var(--bs-primary-rgb), 0) 0%,
      rgba(var(--bs-primary-rgb), 0.88) 50%,
      rgba(var(--bs-primary-rgb), 0) 100%
    );
    box-shadow: 0 1px 0 rgba(var(--bs-primary-rgb), 0.12);
  }
}

@media (min-width: 992px) {
  .we-proto-page .we-proto-age-scenario-col--pressure {
    padding-left: 1.75rem;
  }

  .we-proto-page .we-proto-age-scenario-col--pressure::before {
    content: '';
    position: absolute;
    top: 0.15rem;
    bottom: 0.15rem;
    left: 0.35rem;
    width: 5px;
    border-radius: 999px;
    background: linear-gradient(
      180deg,
      rgba(var(--bs-primary-rgb), 1) 0%,
      rgba(var(--bs-primary-rgb), 0.45) 55%,
      rgba(var(--bs-primary-rgb), 0.12) 100%
    );
    box-shadow:
      0 0 0 1px rgba(var(--bs-primary-rgb), 0.2),
      0 2px 8px rgba(var(--bs-primary-rgb), 0.12);
  }
}

/* WE what-if panel chrome continues below (flat surface + sliders defined earlier). */

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .text-muted {
  color: #a8adb4 !important;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .form-label {
  color: #e9ecef !important;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel h4,
html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel h4.h6 {
  color: #ffffff !important;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel strong {
  color: var(--gems-we-yellow) !important;
  font-weight: 700;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .btn-link {
  color: var(--gems-we-yellow) !important;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .btn-link:hover {
  color: #ffe066 !important;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .we-proto-section-desc-tip {
  color: rgba(255, 205, 0, 0.85) !important;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel .we-proto-section-desc-tip:hover {
  color: var(--gems-we-yellow) !important;
}

/* Range sliders: dark track, yellow thumb (WE what-if + Scenario tab) */
html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range {
  height: 1.35rem;
  accent-color: var(--gems-we-yellow);
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range::-webkit-slider-runnable-track,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range::-webkit-slider-runnable-track {
  height: 7px;
  border-radius: 4px;
  background: linear-gradient(90deg, #2d2d32 0%, #3a3a40 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range::-webkit-slider-thumb,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  margin-top: -7px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe566 0%, var(--gems-we-yellow) 55%, #e6b800 100%);
  border: 2px solid #1a1a1a;
  box-shadow:
    0 0 0 2px rgba(255, 205, 0, 0.45),
    0 2px 8px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range::-moz-range-track,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range::-moz-range-track {
  height: 7px;
  border-radius: 4px;
  background: linear-gradient(90deg, #2d2d32 0%, #3a3a40 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range::-moz-range-thumb,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffe566 0%, var(--gems-we-yellow) 55%, #e6b800 100%);
  border: 2px solid #1a1a1a;
  box-shadow:
    0 0 0 2px rgba(255, 205, 0, 0.45),
    0 2px 8px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}

html.gems-theme-we .we-proto-page .we-proto-age-scenario-panel input[type='range'].form-range:focus-visible,
html.gems-theme-we .we-proto-page #weProtoTabScenario input[type='range'].form-range:focus-visible {
  outline: 2px solid rgba(255, 205, 0, 0.65);
  outline-offset: 4px;
}

.we-proto-page .table-we-proto thead th {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #64748b;
  border-bottom-width: 1px;
}

/* Native Bootstrap tables on this page (e.g. Weibull FY helper under AMP charts) */
.we-proto-page .table.table-sm thead th,
.we-proto-page .table.table-sm tbody td {
  font-size: 0.75rem !important;
  line-height: 1.35;
  vertical-align: middle;
}

/* Spend tables → Charts section: replace faint stock <hr> with theme accent */
.we-proto-page hr.we-proto-amp-section-rule {
  border: 0;
  height: 4px;
  border-radius: 4px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  opacity: 1;
  background: linear-gradient(
    90deg,
    rgba(var(--bs-primary-rgb), 0) 0%,
    rgba(var(--bs-primary-rgb), 0.65) 40%,
    rgba(var(--bs-primary-rgb), 0.85) 50%,
    rgba(var(--bs-primary-rgb), 0.65) 60%,
    rgba(var(--bs-primary-rgb), 0) 100%
  );
  box-shadow: 0 1px 2px rgba(var(--bs-primary-rgb), 0.15);
}

html.gems-theme-we .we-proto-page hr.we-proto-amp-section-rule {
  background: linear-gradient(
    90deg,
    rgba(255, 205, 0, 0.25) 0%,
    var(--gems-we-teal) 45%,
    var(--gems-we-orange) 100%
  );
  box-shadow: 0 1px 3px rgba(0, 124, 132, 0.2);
}

/* AMP tab: three readable colour bands — tables | scenario workshop | volatility */
.we-proto-page .we-proto-amp-section-block--tables {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 1rem;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.12);
  background: linear-gradient(
    165deg,
    rgba(var(--bs-primary-rgb), 0.07) 0%,
    rgba(248, 250, 252, 0.95) 55%,
    #fff 100%
  );
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.we-proto-page .we-proto-amp-scenario-drive-card {
  border-left: 4px solid rgba(var(--bs-primary-rgb), 0.45);
  background: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0.045) 0%, #fff 42%);
}

.we-proto-page .we-proto-amp-scenario-drive-card-body {
  border-radius: 0.375rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  margin-left: -0.15rem;
  margin-right: -0.15rem;
  background: linear-gradient(
    180deg,
    rgba(var(--bs-primary-rgb), 0.075) 0%,
    rgba(255, 255, 255, 0.65) 38%,
    rgba(255, 255, 255, 0.92) 100%
  );
  border: 1px solid rgba(var(--bs-primary-rgb), 0.14);
}

.we-proto-page .we-proto-amp-explore-charts-card {
  border-left: 4px solid rgba(108, 117, 125, 0.4);
  background: #fafbfc;
}

.we-proto-page .we-proto-amp-explore-charts-card-body {
  border-radius: 0.375rem;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
  margin-left: -0.15rem;
  margin-right: -0.15rem;
  background: linear-gradient(
    185deg,
    rgba(102, 51, 153, 0.07) 0%,
    rgba(248, 249, 252, 0.98) 45%,
    #fff 100%
  );
  border: 1px solid rgba(102, 51, 153, 0.12);
}

html.gems-theme-we .we-proto-page .we-proto-amp-section-block--tables {
  border-color: var(--wp-border) !important;
  background: var(--wp-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-scenario-drive-card {
  border-left-color: var(--gems-we-teal);
  background: linear-gradient(180deg, rgba(0, 124, 132, 0.06) 0%, #fff 44%);
}

html.gems-theme-we .we-proto-page .we-proto-amp-scenario-drive-card-body {
  background: linear-gradient(
    180deg,
    rgba(0, 124, 132, 0.12) 0%,
    rgba(255, 255, 255, 0.55) 36%,
    rgba(255, 255, 255, 0.95) 100%
  );
  border-color: rgba(0, 124, 132, 0.22);
}

html.gems-theme-we .we-proto-page .we-proto-amp-explore-charts-card {
  border-left-color: rgba(255, 107, 0, 0.55);
  background: linear-gradient(180deg, rgba(255, 205, 0, 0.06) 0%, #fafbfc 40%);
}

html.gems-theme-we .we-proto-page .we-proto-amp-explore-charts-card-body {
  background: linear-gradient(
    185deg,
    rgba(255, 107, 0, 0.09) 0%,
    rgba(139, 92, 246, 0.06) 38%,
    rgba(255, 255, 255, 0.97) 100%
  );
  border-color: rgba(139, 92, 246, 0.18);
}

/* AMP tab: card headers + badges follow theme (default = Bootstrap primary/secondary; WE = gold / teal / orange) */
.we-proto-page .we-proto-amp-section-header {
  background: linear-gradient(95deg, rgba(var(--bs-primary-rgb), 0.14) 0%, #fff 78%);
  border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.2) !important;
}

.we-proto-page .we-proto-amp-section-header .fw-semibold.small {
  color: rgba(var(--bs-primary-rgb), 1);
  letter-spacing: 0.02em;
}

.we-proto-page .we-proto-amp-section-header .we-proto-section-desc-tip {
  color: rgba(var(--bs-primary-rgb), 0.72) !important;
}

.we-proto-page .we-proto-amp-section-header .we-proto-section-desc-tip:hover {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}

.we-proto-page .we-proto-amp-section-header--disclosure {
  background: linear-gradient(95deg, rgba(var(--bs-primary-rgb), 0.18) 0%, rgba(255, 255, 255, 0.99) 72%);
}

.we-proto-page .we-proto-amp-section-header--scenario {
  background: linear-gradient(95deg, rgba(var(--bs-primary-rgb), 0.2) 0%, rgba(255, 255, 255, 0.98) 70%);
}

.we-proto-page .we-proto-amp-section-header--volatility {
  background: linear-gradient(
    95deg,
    rgba(var(--bs-secondary-rgb), 0.1) 0%,
    rgba(102, 51, 153, 0.05) 40%,
    #fafbff 100%
  );
  border-bottom-color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}

.we-proto-page .we-proto-amp-section-header--volatility .fw-semibold.small {
  color: var(--bs-secondary);
}

.we-proto-page .we-proto-amp-section-header--framing {
  background: linear-gradient(95deg, rgba(var(--bs-primary-rgb), 0.12) 0%, #fff 85%);
}

.we-proto-page .we-proto-amp-section-header--map {
  background: linear-gradient(95deg, rgba(var(--bs-primary-rgb), 0.15) 0%, rgba(var(--bs-warning-rgb), 0.08) 55%, #fff 100%);
}

.we-proto-page .we-proto-amp-section-header-lead {
  color: rgba(33, 37, 41, 0.62) !important;
}

.we-proto-page .we-proto-amp-section-header-kicker {
  letter-spacing: 0.04em;
  font-size: 0.75rem !important;
}

.we-proto-page .we-proto-amp-header-badge {
  font-weight: 600;
  font-size: 0.65rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.28em 0.65em;
}

.we-proto-page .we-proto-amp-header-badge--illustrative {
  background: rgba(var(--bs-primary-rgb), 0.12) !important;
  color: rgba(var(--bs-primary-rgb), 1) !important;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.28) !important;
}

.we-proto-page .we-proto-amp-header-badge--interactive {
  background: rgba(var(--bs-primary-rgb), 0.12) !important;
  color: rgba(var(--bs-primary-rgb), 1) !important;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.32) !important;
}

.we-proto-page .we-proto-amp-header-badge--muted {
  background: rgba(var(--bs-secondary-rgb), 0.1) !important;
  color: var(--bs-secondary) !important;
  border: 1px solid rgba(var(--bs-secondary-rgb), 0.28) !important;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 0.7rem;
}

.we-proto-page .we-proto-amp-header-badge--prototype {
  background: rgba(var(--bs-warning-rgb), 0.22) !important;
  color: rgba(var(--bs-dark-rgb), 1) !important;
  border: 1px solid rgba(var(--bs-warning-rgb), 0.45) !important;
}

/* WE dark workbench: section header info icons — muted by default, accent on hover */
html.gems-theme-we .we-proto-page .we-proto-amp-section-header .we-proto-section-desc-tip {
  color: var(--wp-text-muted) !important;
}

html.gems-theme-we .we-proto-page .we-proto-amp-section-header .we-proto-section-desc-tip:hover {
  color: var(--wp-accent) !important;
}

/* AMP triple-metric charts: explicit height so Chart.js (maintainAspectRatio: false) can size canvases */
.we-proto-page .we-proto-triple-chart-host {
  height: min(260px, 36vh);
}

.we-proto-page .we-proto-triple-chart-host--tall {
  height: min(300px, 40vh);
}

/* Unified cohort + FY workbench tabs in card header (Defect Management–style) */
.we-proto-page .card > .card-header .we-proto-workbench-tabs {
  border-bottom-color: rgba(0, 0, 0, 0.08);
  margin-top: 0.25rem;
}

.we-proto-page .we-proto-workbench-tabs {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.we-proto-page .we-proto-workbench-tabs .nav-link {
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 0.5rem 0.6rem;
}

.we-proto-page .we-proto-workbench-tabs .nav-link:hover {
  color: #0d6efd;
  border-bottom-color: rgba(13, 110, 253, 0.35);
}

.we-proto-page .we-proto-workbench-tabs .nav-link.active {
  color: #0d6efd;
  background: transparent;
  border-bottom-color: #0d6efd;
}

.we-proto-page #weProtoWorkbenchTabContent > .tab-pane {
  padding-top: 0.2rem;
}

.we-proto-page #weProtoIcpPeakRollupCard th {
  font-size: 0.72rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #64748b;
}

/* Disclaimer modal: full disclaimer alert + reporting block read cleanly on white */
.we-proto-page .we-proto-disclaimer-modal-body #weProtoDisclaimer .alert {
  margin-bottom: 0;
}

.we-proto-page .we-proto-disclaimer-modal-body #weProtoReporting p:last-child {
  margin-bottom: 0;
}

/* Section description tooltips (info icon; Bootstrap popover width) */
.we-proto-page .we-proto-section-desc-tip {
  text-decoration: none;
  min-width: 1.25rem;
}

.we-proto-page .we-proto-section-desc-tip:hover,
.we-proto-page .we-proto-section-desc-tip:focus {
  text-decoration: none;
  color: #0d6efd !important;
}

/* .we-proto-section-desc-tooltip inner: shared rules above with .we-proto-scenario-tooltip */
.tooltip.we-proto-section-desc-tooltip .tooltip-inner {
  text-align: start;
}

/* Scenario inputs: horizontal mini-wizard (align with project/budget sidebar step pills) */
.we-proto-page .we-proto-scenario-wizard__rail {
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.we-proto-page .we-proto-scenario-wizard__rail .nav-link {
  font-size: 0.78rem;
  font-weight: 600;
  white-space: nowrap;
  border-radius: 0.5rem;
  color: #475569;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: #fff;
}

.we-proto-page .we-proto-scenario-wizard__rail .nav-link:hover {
  border-color: rgba(13, 110, 253, 0.35);
  color: #0d6efd;
}

.we-proto-page .we-proto-scenario-wizard__rail .nav-link.active {
  color: #0d6efd;
  background: rgba(13, 110, 253, 0.08);
  border-color: rgba(13, 110, 253, 0.45);
}

.we-proto-page .we-proto-scenario-wizard__badge {
  font-size: 0.65rem;
  min-width: 1.35rem;
  height: 1.35rem;
  line-height: 1.35rem;
  padding: 0;
  vertical-align: middle;
}

.we-proto-page .we-proto-scenario-wizard__panels {
  min-height: 12rem;
}

.we-proto-page .we-proto-scenario-wizard__intro {
  max-width: 52rem;
  line-height: 1.45;
}

html[data-bs-theme='dark'] .we-proto-page .we-proto-scenario-wizard__rail .nav-link {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
}

html[data-bs-theme='dark'] .we-proto-page .we-proto-scenario-wizard__rail .nav-link.active {
  background: rgba(13, 110, 253, 0.15);
  border-color: rgba(13, 110, 253, 0.45);
  color: #93c5fd;
}

/* Load forecast: Chart.js shell + Tabulator (aligned with asset-table / Tabulator bootstrap5 from layout) */
.we-proto-page .we-proto-forecast-chart-shell {
  box-shadow: 0 0.125rem 0.5rem rgba(15, 23, 42, 0.06) !important;
}

.we-proto-page .we-proto-district-forecast-table-wrap {
  border-radius: 0.375rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  background: #fff;
  overflow: hidden;
}

/*
 * Tabulator typography — bootstrap5 bundle loads *after* head CSS (layout body).
 * This sheet is linked after tabulator_bootstrap5.min.css; !important beats any stragglers.
 */
.we-proto-page .we-proto-district-forecast-tabulator.tabulator {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}

.we-proto-page .we-proto-district-forecast-tabulator .tabulator-header {
  background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
  font-weight: 600;
  color: #334155;
  font-size: 0.6875rem !important;
}

.we-proto-page .we-proto-district-forecast-tabulator .tabulator-header .tabulator-col,
.we-proto-page .we-proto-district-forecast-tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  font-size: 0.6875rem !important;
  line-height: 1.3 !important;
  padding: 0.35rem 0.45rem !important;
}

.we-proto-page .we-proto-district-forecast-tabulator .tabulator-row .tabulator-cell {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  padding: 0.3rem 0.45rem !important;
}

.we-proto-page .we-proto-district-forecast-tabulator .tabulator-tableholder .tabulator-placeholder {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  padding: 0.65rem 0.5rem !important;
}

.we-proto-page .we-proto-district-forecast-tabulator .tabulator-row:nth-child(even) {
  background-color: rgba(248, 250, 252, 0.55);
}

/* Sort arrows — match reduced header scale */
.we-proto-page .we-proto-district-forecast-tabulator .tabulator-arrow {
  width: 0.65rem;
  height: 0.65rem;
}

html[data-bs-theme='dark'] .we-proto-page .we-proto-district-forecast-table-wrap {
  background: rgba(15, 23, 42, 0.45);
  border-color: rgba(255, 255, 255, 0.12);
}

html[data-bs-theme='dark'] .we-proto-page .we-proto-forecast-chart-shell {
  background: rgba(15, 23, 42, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/*
 * WE dark workbench: Tabulator (tabulator_bootstrap5.min.css ends with .tabulator.table / .tabulator-row-even
 * rules that force white — scope + !important so FY + programme + forecast grids match the workbench.
 */
html.gems-theme-we .we-proto-page .we-proto-district-forecast-table-wrap {
  background: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator {
  background-color: var(--wp-surface) !important;
  color: var(--wp-text) !important;
  border-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-tableholder .tabulator-table {
  background-color: var(--wp-surface) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator .tabulator-header {
  background: var(--wp-raised) !important;
  background-image: none !important;
  border-bottom-color: var(--wp-border) !important;
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-header .tabulator-col {
  background-color: var(--wp-raised) !important;
  background-image: none !important;
  color: var(--wp-text-secondary) !important;
  border-right-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  color: inherit;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row {
  background-color: var(--wp-surface) !important;
  color: var(--wp-text) !important;
  border-bottom-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-row-even {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator .tabulator-row:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.04) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-selectable:hover {
    background-color: var(--wp-table-row-hover) !important;
    cursor: default;
  }
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator .tabulator-row .tabulator-cell {
  border-right-color: var(--wp-border) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-footer {
  background-color: var(--wp-raised) !important;
  border-top-color: var(--wp-border) !important;
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator .tabulator-placeholder {
  color: var(--wp-text-muted) !important;
}

/* Bootstrap-themed Tabulator inner table (loaded after our earlier rules) */
html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-tableholder,
html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row,
html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-header .tabulator-col {
  background-color: inherit !important;
  color: inherit !important;
  border-color: var(--wp-border) !important;
}

/*
 * tabulator_bootstrap5 paints row hover (#dee2e6) + selected (#9ABCEA) — replace with same amber stack as FY grid.
 */
@media (hover: hover) and (pointer: fine) {
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row:hover,
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row:hover .tabulator-cell {
    background-color: var(--wp-table-row-hover) !important;
    color: var(--wp-text) !important;
  }
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-selected,
html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row.tabulator-selected {
  background-color: var(--wp-table-row-selected) !important;
  color: var(--wp-text) !important;
  box-shadow: inset 3px 0 0 rgba(255, 193, 7, 0.78);
}

html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-selected .tabulator-cell,
html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row.tabulator-selected .tabulator-cell {
  background-color: transparent !important;
  color: var(--wp-text) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-selected:hover,
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator.table .tabulator-row.tabulator-selected:hover,
  html.gems-theme-we .we-proto-page .we-proto-district-forecast-tabulator.tabulator .tabulator-row.tabulator-selected:hover .tabulator-cell {
    background-color: var(--wp-table-row-selected-hover) !important;
    color: var(--wp-text) !important;
  }
}

html.gems-theme-we .we-proto-page .we-proto-forecast-chart-shell {
  background: var(--wp-raised) !important;
  border-color: var(--wp-border) !important;
}

/* Workbench tabs (FY cohort / AMP tabs) */
html.gems-theme-we .we-proto-page .we-proto-workbench-tabs.nav-tabs {
  border-bottom-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-workbench-tabs .nav-link {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--wp-text-secondary);
}

html.gems-theme-we .we-proto-page .we-proto-workbench-tabs .nav-link:hover {
  color: var(--wp-accent);
  border-bottom-color: rgba(255, 193, 7, 0.35);
}

html.gems-theme-we .we-proto-page .we-proto-workbench-tabs .nav-link.active {
  color: var(--wp-text);
  border-bottom-color: var(--wp-accent);
}

html.gems-theme-we .we-proto-page .we-proto-workbench-tabs .nav-link:focus,
html.gems-theme-we .we-proto-page .we-proto-workbench-tabs .nav-link:focus-visible {
  box-shadow: none;
}

html.gems-theme-we .we-proto-page .table-we-proto thead th {
  color: var(--wp-text-muted);
  border-bottom-color: var(--wp-border);
}

html.gems-theme-we .we-proto-page .table.table-sm thead th,
html.gems-theme-we .we-proto-page .table.table-sm tbody td {
  color: var(--wp-text-secondary);
}

/* Native Bootstrap tables (Weibull helpers, inline grids) on WE proto */
html.gems-theme-we .we-proto-page .table {
  --bs-table-bg: rgba(30, 30, 30, 0.98);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.04);
  --bs-table-hover-bg: var(--wp-table-row-hover);
  --bs-table-hover-color: var(--wp-text);
  --bs-table-active-bg: rgba(255, 193, 7, 0.14);
  --bs-table-active-color: var(--wp-text);
  --bs-table-border-color: var(--wp-border);
  color: var(--wp-text-secondary);
  border-color: var(--wp-border);
}

html.gems-theme-we .we-proto-page .table thead th {
  background-color: var(--wp-raised) !important;
  color: var(--wp-text-muted) !important;
  border-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .table tbody td {
  background-color: transparent;
  border-color: var(--wp-border) !important;
}

/* Striped tables: BS light theme paints odd rows with a near-white inset — force dark zebra */
html.gems-theme-we .we-proto-page .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.06);
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--wp-text) !important;
  box-shadow: none !important;
}

html.gems-theme-we .we-proto-page .table.table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: transparent;
  background-color: transparent !important;
  color: var(--wp-text-secondary) !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  html.gems-theme-we .we-proto-page .table.table-hover > tbody > tr:hover > * {
    background-color: var(--wp-table-row-hover) !important;
    color: var(--wp-text) !important;
    --bs-table-accent-bg: var(--wp-table-row-hover);
  }
}

html.gems-theme-we .we-proto-page .table code {
  background-color: var(--wp-raised) !important;
  color: var(--wp-accent) !important;
  border: 1px solid var(--wp-border-strong);
  padding: 0.12em 0.4em;
  border-radius: 0.25rem;
  font-size: 0.9em;
}

html.gems-theme-we .we-proto-page #weProtoAmpSpendTables {
  color: var(--wp-text) !important;
}

/* Synthetic district card: workbench header + scenario wizard (readability on WE dark) */
.we-proto-page #weProtoDistrictSyntheticCard > .we-proto-district-card-header {
  background-color: #fff;
}

html.gems-theme-we .we-proto-page #weProtoDistrictSyntheticCard > .we-proto-district-card-header {
  background: var(--wp-raised) !important;
  background-image: none !important;
  border-bottom-color: var(--wp-border) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page #weProtoDistrictSyntheticCard > .we-proto-district-card-header .fw-semibold {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link {
  background: var(--wp-raised) !important;
  border-color: var(--wp-border-strong) !important;
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link:hover {
  border-color: rgba(255, 193, 7, 0.45) !important;
  color: var(--wp-accent) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link.active {
  background: rgba(255, 193, 7, 0.14) !important;
  border-color: rgba(255, 193, 7, 0.55) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link.active .we-proto-scenario-wizard__label {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link .we-proto-scenario-wizard__label {
  color: inherit;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link .badge.bg-primary {
  background-color: rgba(255, 193, 7, 0.25) !important;
  color: var(--wp-accent) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link.active .badge.bg-primary {
  background-color: var(--wp-accent) !important;
  color: #121212 !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link .badge.bg-secondary {
  background-color: var(--wp-border-strong) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__rail .nav-link.active .badge.bg-secondary {
  background-color: rgba(255, 193, 7, 0.2) !important;
  color: var(--wp-accent) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__panels {
  background: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
  color: var(--wp-text);
}

html.gems-theme-we .we-proto-page .we-proto-scenario-wizard__panels h6.text-primary {
  color: var(--wp-accent) !important;
  border-bottom-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .gems-form-field__label {
  color: #d6d6d6 !important;
}

html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .gems-form-field__check-label {
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .gems-form-field__control,
html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .gems-form-field__ig .form-control {
  background-color: var(--wp-raised) !important;
  border-color: var(--wp-border-strong) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .gems-form-field__ig .input-group-text {
  background-color: var(--wp-surface) !important;
  border-color: var(--wp-border-strong) !important;
  color: var(--wp-text-secondary) !important;
}

html.gems-theme-we .we-proto-page .we-proto-synthetic-district-controls .border-light-subtle {
  border-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page #weProtoDistrictSyntheticCard .border.rounded.p-2.bg-light {
  background-color: var(--wp-surface) !important;
  border-color: var(--wp-border) !important;
  color: var(--wp-text);
}

html.gems-theme-we .we-proto-page #weProtoDistrictSyntheticCard .border.rounded.bg-white.p-2 {
  background-color: var(--wp-raised) !important;
  border-color: var(--wp-border) !important;
}

html.gems-theme-we .we-proto-page #weProtoDistrictSyntheticCard .we-proto-forecast-chart-shell.bg-white {
  background-color: var(--wp-raised) !important;
}

/* Scenario & reliability tab — WE dark workbench (controls + chart shell + callout) */
html.gems-theme-we .we-proto-page #weProtoTabScenario .we-proto-scenario-header-title {
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page #weProtoTabScenario .form-select {
  background-color: var(--wp-raised) !important;
  border-color: var(--wp-border-strong) !important;
  color: var(--wp-text) !important;
}

html.gems-theme-we .we-proto-page #weProtoTabScenario .form-select:focus {
  border-color: rgba(255, 193, 7, 0.55) !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.15);
}

html.gems-theme-we .we-proto-page #weProtoTabScenario .we-proto-field-info {
  color: var(--wp-text-muted) !important;
}

html.gems-theme-we .we-proto-page #weProtoTabScenario .we-proto-field-info:hover {
  color: var(--wp-accent) !important;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-chart-shell {
  background-color: var(--wp-raised) !important;
  border: 1px solid var(--wp-border);
  box-shadow: none;
}

html.gems-theme-we .we-proto-page .we-proto-scenario-narrative-callout.border-warning {
  border-left-color: var(--wp-accent) !important;
}

html.gems-theme-we .we-proto-page #weProtoTabScenario .we-proto-published-table-wrap {
  background: var(--wp-surface);
  border-radius: 0.375rem;
  border: 1px solid var(--wp-border);
  overflow: hidden;
}