.strategic-drivers-page {
  --driver-card: linear-gradient(135deg, #1e2a4a 0%, #1b1d3c 42%, #162040 100%);
  --driver-border: rgba(126, 148, 198, 0.26);
  --driver-text: #f8fafc;
  --driver-muted: rgba(226, 232, 240, 0.72);
  --driver-accent: #18f0ff;
  --driver-gap: clamp(1rem, 1.8vw, 1.5rem);
  color: var(--driver-text);
  min-width: 0;
}

.strategic-drivers-page .strategic-drivers-layout { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(0, 2fr); gap: var(--driver-gap); align-items: stretch; min-width: 0; }
.strategic-drivers-page .driver-gauge-section { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--driver-gap); min-width: 0; order: 1; }
.strategic-drivers-page .driver-gauge-grid { display: grid; grid-auto-rows: minmax(13rem, auto); gap: var(--driver-gap); min-width: 0; }
.strategic-drivers-page .driver-gauge-cell { position: relative; min-width: 0; }
.strategic-drivers-page .driver-gauge-cell .tile-card,
.strategic-drivers-page .driver-info-card .tile-card,
.strategic-drivers-page .driver-carousel-section .tile-card { height: 100%; background: var(--driver-card) !important; border: 1px solid var(--driver-border) !important; border-radius: 0.7rem !important; box-shadow: 0 1.15rem 2.8rem rgba(0, 0, 0, 0.18) !important; }
.strategic-drivers-page .driver-gauge-title { min-height: 2.5rem; margin: 0; overflow-wrap: anywhere; }
.strategic-drivers-page .test-pic-empty { display: grid; min-height: 12rem; place-items: center; color: var(--driver-muted); }
.strategic-drivers-page .driver-gauge-tooltip { position: absolute; z-index: 4; left: 0.5rem; right: 0.5rem; bottom: 0.5rem; padding: 0.55rem 0.65rem; border: 1px solid var(--driver-border); border-radius: 0.35rem; background: rgba(8, 14, 34, 0.97); color: var(--driver-text); font-size: 0.78rem; line-height: 1.35; opacity: 0; pointer-events: none; transition: opacity 120ms ease; }
.strategic-drivers-page .driver-gauge-cell:hover .driver-gauge-tooltip,
.strategic-drivers-page .driver-gauge-cell:focus-within .driver-gauge-tooltip { opacity: 1; }
.strategic-drivers-page .driver-content-section { display: flex; min-width: 0; order: 2; }
.strategic-drivers-page .driver-main-section { display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--driver-gap); min-width: 0; height: 100%; }
.strategic-drivers-page .driver-carousel-section { min-width: 0; order: 1; }
.strategic-drivers-page .driver-info-section { display: grid; flex: 1 1 auto; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--driver-gap); min-width: 0; order: 2; }
.strategic-drivers-page .driver-info-card { display: flex; min-width: 0; }
.strategic-drivers-page .driver-info-card > * { flex: 1 1 auto; }
.strategic-drivers-page .driver-carousel { background: transparent; }
.strategic-drivers-page [data-dash-is-loading="true"],
.strategic-drivers-page .dash-graph,
.strategic-drivers-page .dash-graph > div,
.strategic-drivers-page .js-plotly-plot,
.strategic-drivers-page .plot-container,
.strategic-drivers-page .svg-container,
.strategic-drivers-page .main-svg { background: transparent !important; }
.strategic-drivers-page .main-svg .bg { fill: transparent !important; }
.strategic-drivers-page .dash-graph[data-dash-is-loading="true"] { opacity: 0 !important; }
.strategic-drivers-page .driver-slide,
.strategic-drivers-page .driver-analysis-slide,
.strategic-drivers-page .driver-trend-slide { min-height: 100%; padding: 1rem 1.25rem; overflow-y: auto; }
.strategic-drivers-page .driver-trend-slide { display: flex; flex-direction: column; min-width: 0; }
.strategic-drivers-page .driver-trend-slide-header { display: flex; justify-content: flex-end; gap: 1rem; align-items: center; min-width: 0; margin-bottom: 0.75rem; }
.strategic-drivers-page .driver-trend-slide-header h5 { margin: 0 auto 0 0; }
.strategic-drivers-page .test-metric-trend-dropdown-wrapper { min-width: min(100%, 16rem); }
.strategic-drivers-page .driver-trend-slide-graph { flex: 1 1 0; height: auto !important; min-height: 0; min-width: 0; }
.strategic-drivers-page .Select-control,
.strategic-drivers-page .Select-menu-outer,
.strategic-drivers-page .Select-value,
.strategic-drivers-page .Select-placeholder { background: rgba(8, 14, 34, 0.88); color: var(--driver-text); }
.strategic-drivers-page .Select-control { border: 1px solid rgba(126, 148, 198, 0.48); border-radius: 5px; box-shadow: none; }
.strategic-drivers-page .is-focused .Select-control { border-color: var(--driver-accent); box-shadow: 0 0 0 2px rgba(24, 240, 255, 0.14); }
.strategic-drivers-page .VirtualizedSelectOption { background: rgba(8, 14, 34, 0.98); color: var(--driver-text); }
.strategic-drivers-page .VirtualizedSelectFocusedOption { background: rgba(24, 240, 255, 0.16); color: #ffffff; }

@media (max-width: 991.98px) {
  .strategic-drivers-page .strategic-drivers-layout { grid-template-columns: 1fr; }
  .strategic-drivers-page .driver-content-section { order: 1; }
  .strategic-drivers-page .driver-gauge-section { order: 2; }
  .strategic-drivers-page .driver-carousel-section { order: 2; }
  .strategic-drivers-page .driver-info-section { order: 1; }
}

@media (max-width: 640px) {
  .strategic-drivers-page .driver-gauge-section,
  .strategic-drivers-page .driver-info-section { grid-template-columns: 1fr; }
  .strategic-drivers-page .driver-trend-slide-header { align-items: stretch; flex-direction: column; }
  .strategic-drivers-page .test-metric-trend-dropdown-wrapper { width: 100%; }
  .strategic-drivers-page .driver-trend-slide-graph { min-height: 20rem; }
}