/* ============================================
   STRESS.CSS — Testing & Stress Console Identity
   Deep dark theme, monospace fonts, dashboard grids, glowing elements
   ============================================ */

body[data-page="stress-details"] {
  background-color: #04060b !important;
  color: #b8c4d4;
  font-family: 'Inter', sans-serif;
}

/* Base text overrides */
body[data-page="stress-details"] h1,
body[data-page="stress-details"] h2,
body[data-page="stress-details"] h3,
body[data-page="stress-details"] h4,
body[data-page="stress-details"] h5,
body[data-page="stress-details"] h6 {
  color: #ffffff !important;
}

body[data-page="stress-details"] p {
  color: #a0aec0 !important;
}

/* Sections dark background overrides */
body[data-page="stress-details"] section {
  background-color: #050811 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

body[data-page="stress-details"] section:nth-of-type(even) {
  background-color: #070c1a !important;
}

/* --- HERO SECTION --- */
.st-hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top right, rgba(var(--st-accent-rgb), 0.15) 0%, transparent 60%), #04060b !important;
  padding: 140px 0 60px;
  border-bottom: 1px solid rgba(var(--st-accent-rgb), 0.15);
}

.st-hero-grid {
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

/* CRT scanline effect — unique to Testing identity */
body[data-page="stress-details"] .st-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    180deg,
    transparent 0px,
    transparent 1px,
    rgba(0,0,0,0.15) 1px,
    rgba(0,0,0,0.15) 2px
  );
  pointer-events: none;
  z-index: 3;
  animation: stCrtFlicker 0.05s linear infinite;
}
@keyframes stCrtFlicker {
  0% { opacity: 0.4; }
  50% { opacity: 0.5; }
  100% { opacity: 0.4; }
}

/* Radar sweep — unique to Testing war room feel */
body[data-page="stress-details"] .st-hero::before {
  content: '';
  position: absolute;
  width: 500px;
  height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    rgba(var(--st-accent-rgb), 0.05) 45deg,
    transparent 90deg
  );
  border-radius: 50%;
  animation: stRadarSweep 6s linear infinite;
  pointer-events: none;
  z-index: 1;
}
@keyframes stRadarSweep {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Danger zone borders that pulse with risk level */
body[data-page="stress-details"] section {
  border-bottom: 1px solid rgba(var(--st-accent-rgb), 0.06) !important;
}

.st-hero-inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
}

@media(max-width: 1024px) {
  .st-hero-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.st-hero-left {
  z-index: 2;
}

.st-hero-left h1 {
  font-family: 'Poppins', sans-serif;
  font-weight: 900;
  line-height: 1.1;
  margin: 0 0 16px;
  background: linear-gradient(135deg, #fff 60%, rgba(var(--st-accent-rgb), 0.7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.st-risk-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid rgba(var(--st-accent-rgb), 0.3);
  background: rgba(var(--st-accent-rgb), 0.05);
}

.st-price-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
}

/* --- TERMINAL WINDOW --- */
.st-terminal {
  background: #060913;
  border: 1px solid rgba(var(--st-accent-rgb), 0.25);
  border-radius: 12px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 30px rgba(var(--st-accent-rgb), 0.05);
  overflow: hidden;
  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
  text-align: left;
  z-index: 2;
}

.st-terminal-header {
  background: #090e1a;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.st-terminal-dots {
  display: flex;
  gap: 6px;
}

.st-terminal-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.st-terminal-title {
  font-size: 11px;
  color: #718096;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.st-terminal-body {
  padding: 20px;
  font-size: 13px;
  line-height: 1.6;
  max-height: 320px;
  overflow-y: auto;
  color: #a0aec0;
}

.st-terminal-line {
  margin-bottom: 4px;
}

.st-terminal-line .time {
  color: #4a5568;
  margin-right: 10px;
}

.st-terminal-line .success {
  color: #22c55e;
}

.st-terminal-line .warn {
  color: #eab308;
}

.st-terminal-line .danger {
  color: #ef4444;
}

.st-terminal-line .accent {
  color: var(--st-accent);
}

/* --- LEVEL SWITCHER --- */
.st-switcher-section {
  background: #04060b !important;
  padding: 40px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.st-switcher-grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 10px;
}

@media(max-width: 1200px) {
  .st-switcher-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media(max-width: 768px) {
  .st-switcher-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.st-switcher-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px;
  background: #090e1a;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  text-decoration: none !important;
  transition: all 0.25s;
  cursor: pointer;
}

.st-switcher-btn:hover {
  background: rgba(var(--st-accent-rgb), 0.05);
  border-color: rgba(var(--st-accent-rgb), 0.3);
  transform: translateY(-2px);
}

.st-switcher-btn.active {
  background: rgba(var(--st-accent-rgb), 0.12);
  border-color: var(--st-accent);
  box-shadow: 0 0 15px rgba(var(--st-accent-rgb), 0.15);
}

.st-switcher-icon {
  font-size: 16px;
  color: #718096;
  transition: color 0.25s;
}

.st-switcher-btn.active .st-switcher-icon,
.st-switcher-btn:hover .st-switcher-icon {
  color: var(--st-accent);
}

.st-switcher-name {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #e2e8f0;
  text-align: center;
}

/* --- DASHBOARD WIDGETS --- */
.st-widget-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

@media(max-width: 768px) {
  .st-widget-grid {
    grid-template-columns: 1fr;
  }
}

.st-widget {
  background: #080d19;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s;
}

.st-widget:hover {
  border-color: rgba(var(--st-accent-rgb), 0.25);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.st-widget-val {
  font-family: 'Poppins', sans-serif;
  font-size: 2.2rem;
  font-weight: 900;
  color: var(--st-accent);
  line-height: 1.1;
  margin-bottom: 8px;
}

.st-widget-label {
  font-size: 12px;
  color: #718096;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
}

/* --- CAPABILITIES CARDS --- */
.st-cap-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

@media(max-width: 768px) {
  .st-cap-grid {
    grid-template-columns: 1fr;
  }
}

.st-cap-card {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding: 24px;
  background: #080d19;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  transition: all 0.3s;
}

.st-cap-card:hover {
  border-color: rgba(var(--st-accent-rgb), 0.3);
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
}

.st-cap-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(var(--st-accent-rgb), 0.1);
  color: var(--st-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 14px;
  flex-shrink: 0;
}

.st-cap-text h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 6px;
  color: #ffffff;
}

.st-cap-text p {
  font-size: 0.88rem;
  line-height: 1.5;
  margin: 0;
}

/* --- METRICS DASHBOARD --- */
.st-metric-card {
  background: #080d19;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}

.st-metric-card:hover {
  border-color: rgba(var(--st-accent-rgb), 0.3);
}

.st-metric-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

.st-metric-title {
  font-weight: 700;
  color: #fff;
  font-size: 0.95rem;
}

.st-metric-title i {
  color: var(--st-accent);
  margin-right: 8px;
}

.st-metric-status {
  font-family: monospace;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 4px;
}

.st-metric-val {
  font-family: 'Poppins', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--st-accent);
}

/* --- LOAD PATTERN --- */
.st-load-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

.st-load-time {
  width: 50px;
  font-family: monospace;
  font-size: 12px;
  color: #4a5568;
  text-align: right;
  flex-shrink: 0;
}

.st-load-bar-wrap {
  flex: 1;
  background: #060913;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.st-load-bar {
  height: 100%;
  background: linear-gradient(90deg, rgba(var(--st-accent-rgb), 0.6), var(--st-accent));
  border-radius: 7px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  transition: width 1.2s cubic-bezier(0.1, 0.8, 0.2, 1);
}

.st-load-bar span {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  white-space: nowrap;
}

.st-load-desc {
  font-size: 12px;
  color: #718096;
  width: 220px;
  flex-shrink: 0;
}

@media(max-width: 768px) {
  .st-load-desc {
    display: none;
  }
}

/* --- CODE EDITOR MOCKUP --- */
.st-editor {
  background: #050811;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.st-editor-header {
  background: #090e1a;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.st-editor-tab {
  background: #050811;
  border-top: 2px solid var(--st-accent);
  padding: 8px 16px;
  font-family: monospace;
  font-size: 12px;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 4px 4px 0 0;
}

.st-editor-body {
  padding: 20px;
  font-family: 'Fira Code', monospace;
  font-size: 12.5px;
  line-height: 1.6;
  color: #e2e8f0;
  background: #050811;
  overflow-x: auto;
}

/* --- HAZARD METER --- */
.st-hazard-container {
  background: #080d19;
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 14px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.st-hazard-meter-wrap {
  position: relative;
  width: 140px;
  height: 70px; /* Semi-circle */
  overflow: hidden;
  margin-bottom: 16px;
}

.st-hazard-gauge {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 14px solid #1a202c;
  border-bottom-color: transparent;
  border-right-color: transparent;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s ease;
}

.st-hazard-active-gauge {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 14px solid transparent;
  border-top-color: var(--st-accent);
  border-left-color: var(--st-accent);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: rotate(45deg); /* Overridden via JS based on risk value */
  transition: transform 1s cubic-bezier(0.1, 0.8, 0.2, 1);
}

.st-hazard-val {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
}

/* --- BADGES IN FOOTER --- */
.st-badge {
  background: #090e1a;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 8px 16px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.st-badge i {
  color: var(--st-accent);
}

/* ═══════════════════════════════════════════════════════════
   BRAND OVERRIDE — Línea gráfica Vonthrex (blanco + naranja)
   Solo afecta stress-details, NO menus
   ═══════════════════════════════════════════════════════════ */

body[data-page='stress-details'] {
  background-color: #ffffff !important;
  color: #4a4a68 !important;
}
body[data-page='stress-details'] h1,
body[data-page='stress-details'] h2,
body[data-page='stress-details'] h3,
body[data-page='stress-details'] h4,
body[data-page='stress-details'] h5,
body[data-page='stress-details'] h6 {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] h2 span,
body[data-page='stress-details'] h3 span,
body[data-page='stress-details'] .cld-section-title span {
  color: #F6511D !important;
}
body[data-page='stress-details'] p {
  color: #4a4a68 !important;
}
body[data-page='stress-details'] section {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] section:nth-child(even) {
  background-color: #F7F8FA !important;
}

/* Hero */
body[data-page='stress-details'] .cld-hero {
  background: #0f1629 !important;
}
body[data-page='stress-details'] .cld-hero h1,
body[data-page='stress-details'] .cld-hero p,
body[data-page='stress-details'] .cld-hero span {
  color: #fff !important;
}
body[data-page='stress-details'] .cld-hero .cld-stat-num {
  color: #F6511D !important;
}

/* Cards */
body[data-page='stress-details'] .cld-bento-card,
body[data-page='stress-details'] .cld-side-card,
body[data-page='stress-details'] .cld-plan,
body[data-page='stress-details'] .str-report-card,
body[data-page='stress-details'] .str-ramp-card {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  color: #4a4a68 !important;
}
body[data-page='stress-details'] .cld-bento-card h5,
body[data-page='stress-details'] .cld-plan h4,
body[data-page='stress-details'] .str-report-card h4 {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] .cld-bento-card p,
body[data-page='stress-details'] .cld-plan li {
  color: #4a4a68 !important;
}

/* Accent colors */
body[data-page='stress-details'] .cld-bento-icon,
body[data-page='stress-details'] .str-result-icon {
  background: rgba(246,81,29,.08) !important;
  color: #F6511D !important;
}
body[data-page='stress-details'] .cld-section-tag,
body[data-page='stress-details'] .cld-hero-badge {
  background: rgba(246,81,29,.08) !important;
  border-color: rgba(246,81,29,.15) !important;
  color: #F6511D !important;
}
body[data-page='stress-details'] .str-result-value {
  color: #F6511D !important;
}

/* Pricing plans */
body[data-page='stress-details'] .cld-plan-price {
  color: #F6511D !important;
}
body[data-page='stress-details'] .cld-plan-price span {
  color: #7a7a96 !important;
}
body[data-page='stress-details'] .cld-plan li i {
  color: #F6511D !important;
}
body[data-page='stress-details'] .cld-plan-badge {
  background: linear-gradient(135deg, #F6511D, #FF6B35) !important;
}
body[data-page='stress-details'] .cld-plan-btn--primary {
  background: #F6511D !important;
  border-color: #F6511D !important;
  color: #fff !important;
}
body[data-page='stress-details'] .cld-plan-btn {
  border-color: #F6511D !important;
  color: #F6511D !important;
}

/* CTA section */
body[data-page='stress-details'] .cld-cta-inner,
body[data-page='stress-details'] .str-cta-box {
  background: linear-gradient(135deg, #F6511D, #FF6B35) !important;
}

/* Terminal/code blocks keep dark */
body[data-page='stress-details'] .str-terminal,
body[data-page='stress-details'] .str-code-block,
body[data-page='stress-details'] pre {
  background: #1a1a2e !important;
  color: #e0e6f0 !important;
}

/* Related cards */
body[data-page='stress-details'] .cld-related-card {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] .cld-related-card h5 {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] .cld-related-card p {
  color: #7a7a96 !important;
}

/* Key points */
body[data-page='stress-details'] .cld-key-point {
  border-color: rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] .cld-key-point strong {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] .cld-key-point span {
  color: #4a4a68 !important;
}
body[data-page='stress-details'] .cld-key-point i {
  color: #F6511D !important;
}

/* Tech badges */
body[data-page='stress-details'] .cld-tech-badge {
  background: rgba(246,81,29,.06) !important;
  color: #F6511D !important;
  border: 1px solid rgba(246,81,29,.12) !important;
}

/* Audience items */
body[data-page='stress-details'] .cld-audience-item {
  color: #4a4a68 !important;
  border-color: rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] .cld-audience-item i {
  color: #F6511D !important;
}

/* Process dots */
body[data-page='stress-details'] .cld-process-dot {
  background: linear-gradient(135deg, #F6511D, #FF6B35) !important;
}
body[data-page='stress-details'] .cld-process-step {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] .cld-process-step h4 {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] .cld-process-step p {
  color: #7a7a96 !important;
}
body[data-page='stress-details'] .cld-process-icon {
  color: #F6511D !important;
}

/* Ramp bars */
body[data-page='stress-details'] .str-ramp-bar {
  background: #F6511D !important;
}
body[data-page='stress-details'] .str-ramp-track {
  background: rgba(0,0,0,.06) !important;
}
body[data-page='stress-details'] .str-ramp-label {
  color: #1a1a2e !important;
}

/* Level nav */
body[data-page='stress-details'] .str-levels-grid .cld-plan {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* ═══ AGGRESSIVE LIGHT OVERRIDE ═══ */
body[data-page='stress-details'] .str-section,
body[data-page='stress-details'] .str-overview,
body[data-page='stress-details'] .str-capabilities,
body[data-page='stress-details'] .str-ramp,
body[data-page='stress-details'] .str-results,
body[data-page='stress-details'] .str-report,
body[data-page='stress-details'] .str-tools,
body[data-page='stress-details'] .str-levels,
body[data-page='stress-details'] .str-related,
body[data-page='stress-details'] .str-cta,
body[data-page='stress-details'] .str-process,
body[data-page='stress-details'] .str-audience-section,
body[data-page='stress-details'] .str-impact,
body[data-page='stress-details'] [class*='str-'] {
  background-color: transparent !important;
  background-image: none !important;
}

body[data-page='stress-details'] .str-ramp-card,
body[data-page='stress-details'] .str-result-card,
body[data-page='stress-details'] .str-report-card,
body[data-page='stress-details'] .str-tool-badge,
body[data-page='stress-details'] .str-cap-card,
body[data-page='stress-details'] .str-level-card,
body[data-page='stress-details'] .str-level-item,
body[data-page='stress-details'] .str-deliverable-item,
body[data-page='stress-details'] .str-audience-badge,
body[data-page='stress-details'] .str-recommended-badge {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #4a4a68 !important;
}

body[data-page='stress-details'] .str-ramp-card h4,
body[data-page='stress-details'] .str-result-card h5,
body[data-page='stress-details'] .str-cap-card h5,
body[data-page='stress-details'] .str-level-card h4,
body[data-page='stress-details'] .str-report-card h4,
body[data-page='stress-details'] .str-deliverable-item strong,
body[data-page='stress-details'] .str-tool-badge span {
  color: #1a1a2e !important;
}

body[data-page='stress-details'] .str-result-card p,
body[data-page='stress-details'] .str-cap-card p,
body[data-page='stress-details'] .str-level-card p {
  color: #7a7a96 !important;
}

body[data-page='stress-details'] .str-result-value,
body[data-page='stress-details'] .str-result-icon i,
body[data-page='stress-details'] .str-cap-icon,
body[data-page='stress-details'] .str-cap-card i,
body[data-page='stress-details'] .str-tool-badge i,
body[data-page='stress-details'] .str-deliverable-item i {
  color: #F6511D !important;
}

body[data-page='stress-details'] .str-result-icon,
body[data-page='stress-details'] .str-cap-icon {
  background: rgba(246,81,29,.08) !important;
}

/* Ramp section bars */
body[data-page='stress-details'] .str-ramp-container {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* Report terminal keep dark */
body[data-page='stress-details'] .str-terminal-window {
  background: #1a1a2e !important;
}

/* Level nav cards */
body[data-page='stress-details'] .str-levels-grid a,
body[data-page='stress-details'] .str-levels-grid > div,
body[data-page='stress-details'] .str-levels-nav a {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
}
body[data-page='stress-details'] .str-levels-grid a span,
body[data-page='stress-details'] .str-levels-grid a p,
body[data-page='stress-details'] .str-levels-nav a span {
  color: #4a4a68 !important;
}
body[data-page='stress-details'] .str-levels-grid a .str-level-price,
body[data-page='stress-details'] .str-levels-nav a .str-level-price {
  color: #F6511D !important;
}

/* Catch-all for stray dark divs inside sections */
body[data-page='stress-details'] section > div {
  background-color: transparent !important;
}

/* Report image area */
body[data-page='stress-details'] .str-report-preview,
body[data-page='stress-details'] .str-report-mockup {
  background: #F7F8FA !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* Audience and recommended badges */
body[data-page='stress-details'] .str-audience-badge i,
body[data-page='stress-details'] .str-recommended-badge i {
  color: #F6511D !important;
}
body[data-page='stress-details'] .str-audience-badge span,
body[data-page='stress-details'] .str-recommended-badge span {
  color: #4a4a68 !important;
}

/* Footnotes and labels */
body[data-page='stress-details'] .str-label,
body[data-page='stress-details'] .str-sublabel {
  color: #7a7a96 !important;
}

/* ═══ NUCLEAR: Force ALL dark backgrounds white ═══ */
body[data-page='stress-details'] div,
body[data-page='stress-details'] section,
body[data-page='stress-details'] article,
body[data-page='stress-details'] aside,
body[data-page='stress-details'] main {
  background-color: transparent !important;
  background-image: none !important;
}

body[data-page='stress-details'] section {
  background-color: #fff !important;
}
body[data-page='stress-details'] section:nth-child(even) {
  background-color: #F7F8FA !important;
}

body[data-page='stress-details'] .container > div,
body[data-page='stress-details'] .cld-bento-grid > div,
body[data-page='stress-details'] .cld-side-cards > div {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 16px !important;
}

/* Force all card-like elements white */
body[data-page='stress-details'] div[class] {
  color: inherit;
}

/* Exclude hero and terminal from nuclear */
body[data-page='stress-details'] .cld-hero,
body[data-page='stress-details'] .cld-hero div,
body[data-page='stress-details'] .cld-hero section {
  background-color: #0f1629 !important;
}
body[data-page='stress-details'] .str-terminal-window,
body[data-page='stress-details'] .str-terminal-window div {
  background: #1a1a2e !important;
}

/* ALL text inside sections except hero */
body[data-page='stress-details'] section:not(.cld-hero) h1,
body[data-page='stress-details'] section:not(.cld-hero) h2,
body[data-page='stress-details'] section:not(.cld-hero) h3,
body[data-page='stress-details'] section:not(.cld-hero) h4,
body[data-page='stress-details'] section:not(.cld-hero) h5 {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] section:not(.cld-hero) h2 span,
body[data-page='stress-details'] section:not(.cld-hero) h3 span {
  color: #F6511D !important;
}
body[data-page='stress-details'] section:not(.cld-hero) p,
body[data-page='stress-details'] section:not(.cld-hero) li,
body[data-page='stress-details'] section:not(.cld-hero) span {
  color: #4a4a68 !important;
}
body[data-page='stress-details'] section:not(.cld-hero) i {
  color: #F6511D !important;
}

/* ═══ REMAINING DARK ELEMENTS FIX ═══ */

/* Level navigation cards (NIVEL 1-9 top bar) */
body[data-page='stress-details'] a[class],
body[data-page='stress-details'] .str-level-nav a,
body[data-page='stress-details'] .str-level-btn,
body[data-page='stress-details'] .str-nav-item,
body[data-page='stress-details'] .cld-level-nav a,
body[data-page='stress-details'] nav a {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
}
body[data-page='stress-details'] a[class]:hover {
  border-color: #F6511D !important;
}
body[data-page='stress-details'] a[class] span {
  color: #4a4a68 !important;
}

/* Tool badges (k6, curl, etc) */
body[data-page='stress-details'] .str-tool,
body[data-page='stress-details'] .str-tool-item,
body[data-page='stress-details'] .str-badge,
body[data-page='stress-details'] span[class*='tool'],
body[data-page='stress-details'] span[class*='badge'] {
  background: rgba(246,81,29,.06) !important;
  border: 1px solid rgba(246,81,29,.12) !important;
  color: #F6511D !important;
}

/* Recommended badges */
body[data-page='stress-details'] .str-rec-badge,
body[data-page='stress-details'] .str-audience-pill,
body[data-page='stress-details'] .str-rec-item {
  background: rgba(246,81,29,.06) !important;
  border: 1px solid rgba(246,81,29,.12) !important;
  color: #4a4a68 !important;
}

/* 9 Level cards at bottom */
body[data-page='stress-details'] .str-all-levels a,
body[data-page='stress-details'] .str-levels-section a,
body[data-page='stress-details'] .str-levels-grid a,
body[data-page='stress-details'] section a[href*='stress-details'] {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #1a1a2e !important;
  border-radius: 12px !important;
}
body[data-page='stress-details'] section a[href*='stress-details'] h4,
body[data-page='stress-details'] section a[href*='stress-details'] strong {
  color: #1a1a2e !important;
}
body[data-page='stress-details'] section a[href*='stress-details'] span,
body[data-page='stress-details'] section a[href*='stress-details'] p,
body[data-page='stress-details'] section a[href*='stress-details'] small {
  color: #7a7a96 !important;
}
body[data-page='stress-details'] section a[href*='stress-details']:hover {
  border-color: #F6511D !important;
  box-shadow: 0 4px 16px rgba(246,81,29,.1) !important;
}

/* Active level green -> orange */
body[data-page='stress-details'] a.active,
body[data-page='stress-details'] a[class*='active'] {
  border-color: #F6511D !important;
  box-shadow: 0 0 0 2px rgba(246,81,29,.15) !important;
}

/* CTA keep gradient orange */
body[data-page='stress-details'] .cld-cta,
body[data-page='stress-details'] .str-cta {
  background: linear-gradient(135deg, #0f1629 0%, #1a1a2e 100%) !important;
}

/* ═══ FINAL: Force light on ALL inline-styled spans/divs ═══ */
body[data-page='stress-details'] section:not(.cld-hero) span[style],
body[data-page='stress-details'] section:not(.cld-hero) div[style] {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  color: #4a4a68 !important;
}

/* Hero white text fix */
body[data-page='stress-details'] .cld-hero *,
body[data-page='stress-details'] .cld-hero h1,
body[data-page='stress-details'] .cld-hero h2,
body[data-page='stress-details'] .cld-hero p,
body[data-page='stress-details'] .cld-hero span,
body[data-page='stress-details'] .cld-hero a,
body[data-page='stress-details'] .cld-hero div {
  color: #fff !important;
}
body[data-page='stress-details'] .cld-hero .cld-stat-num,
body[data-page='stress-details'] .cld-hero .cld-hero-badge {
  color: #F6511D !important;
}

/* Navbar stays as-is */
body[data-page='stress-details'] .navbar *,
body[data-page='stress-details'] .topbar *,
body[data-page='stress-details'] nav.navbar a {
  color: unset;
  background: unset;
  border: unset;
}

/* Terminal keeps dark */
body[data-page='stress-details'] .st-terminal-body,
body[data-page='stress-details'] .st-terminal-body *,
body[data-page='stress-details'] pre,
body[data-page='stress-details'] code {
  background: #1a1a2e !important;
  color: #a5f3fc !important;
  border: none !important;
}

/* Inline report mockup image area */  
body[data-page='stress-details'] div[style*='overflow:hidden'] {
  background: #F7F8FA !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* Fix buttons */
body[data-page='stress-details'] .cld-hero a.cld-hero-btn--primary,
body[data-page='stress-details'] a[style*='background:var(--st-accent)'],
body[data-page='stress-details'] a[style*='background: var(--st-accent)'] {
  background: #F6511D !important;
  color: #fff !important;
  border: none !important;
}

/* CTA section text stays white */
body[data-page='stress-details'] section[style*='radial-gradient'] *,
body[data-page='stress-details'] section[style*='radial-gradient'] h2,
body[data-page='stress-details'] section[style*='radial-gradient'] p {
  color: #fff !important;
}
body[data-page='stress-details'] section[style*='radial-gradient'] h2 span {
  color: #F6511D !important;
}

/* ═══ FIX: Terminal must stay FULLY dark ═══ */
body[data-page='stress-details'] .st-terminal,
body[data-page='stress-details'] .st-terminal *,
body[data-page='stress-details'] .st-terminal div,
body[data-page='stress-details'] .st-terminal span,
body[data-page='stress-details'] .st-terminal div[style],
body[data-page='stress-details'] .st-terminal span[style],
body[data-page='stress-details'] .st-terminal-body,
body[data-page='stress-details'] .st-terminal-body *,
body[data-page='stress-details'] .st-terminal-header,
body[data-page='stress-details'] .st-terminal-header *,
body[data-page='stress-details'] .st-terminal-tabs,
body[data-page='stress-details'] .st-terminal-tabs *,
body[data-page='stress-details'] div[id='stTerminalLogs'],
body[data-page='stress-details'] div[id='stTerminalLogs'] *,
body[data-page='stress-details'] div[id='stCodeEditor'],
body[data-page='stress-details'] div[id='stCodeEditor'] *,
body[data-page='stress-details'] div[id='stCodeBlock'],
body[data-page='stress-details'] pre[id='stCodeBlock'] {
  background: #0a0e1a !important;
  color: #a5f3fc !important;
  border: none !important;
  border-color: transparent !important;
}
body[data-page='stress-details'] .st-terminal-header,
body[data-page='stress-details'] .st-terminal-header * {
  background: #0d1220 !important;
  color: #8a94a8 !important;
}
body[data-page='stress-details'] .st-terminal {
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}