/* ── Dark mode overrides for ETF calculator widgets (etr2, etr3, etr4, etr5) ── */
.calc-wrapper .etr2, .calc-wrapper .etr3, .calc-wrapper .etr4, .calc-wrapper .etr5 {
  background: transparent;
  color: #f0f4f8;
}
.calc-wrapper .etr2 .r2-inputs,
.calc-wrapper .etr3 .r3-inputs,
.calc-wrapper .etr4 .r4-inputs,
.calc-wrapper .etr5 .r5-inputs {
  background: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.1);
}
.calc-wrapper .etr2 .r2-label, .calc-wrapper .etr2 .r2-lbl,
.calc-wrapper .etr3 .r3-lbl,
.calc-wrapper .etr4 .r4-lbl,
.calc-wrapper .etr5 .r5-lbl { color: rgba(255,255,255,.85); }

.calc-wrapper .etr2 .r2-desc,
.calc-wrapper .etr3 .r3-desc,
.calc-wrapper .etr4 .r4-desc,
.calc-wrapper .etr5 .r5-desc { color: rgba(255,255,255,.45); }

.calc-wrapper .etr2 .r2-stepper,
.calc-wrapper .etr3 .r3-stepper,
.calc-wrapper .etr4 .r4-stepper,
.calc-wrapper .etr5 .r5-stepper { border-color: rgba(255,255,255,.2); }

.calc-wrapper .etr2 .r2-stepper input,
.calc-wrapper .etr3 .r3-stepper input,
.calc-wrapper .etr4 .r4-stepper input,
.calc-wrapper .etr5 .r5-stepper input { color: #f0f4f8; }

.calc-wrapper .etr2 .r2-unit,
.calc-wrapper .etr3 .r3-unit,
.calc-wrapper .etr4 .r4-unit,
.calc-wrapper .etr5 .r5-unit { color: rgba(255,255,255,.4); }

.calc-wrapper .etr2 .r2-sbtn,
.calc-wrapper .etr3 .r3-sbtn,
.calc-wrapper .etr4 .r4-sbtn,
.calc-wrapper .etr5 .r5-sbtn {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.2);
  color: rgba(255,255,255,.5);
}
.calc-wrapper .etr2 .r2-sbtn:hover,
.calc-wrapper .etr3 .r3-sbtn:hover,
.calc-wrapper .etr4 .r4-sbtn:hover,
.calc-wrapper .etr5 .r5-sbtn:hover { background: rgba(255,255,255,.12); }
.calc-wrapper .etr2 .r2-sbtn:active,
.calc-wrapper .etr3 .r3-sbtn:active,
.calc-wrapper .etr4 .r4-sbtn:active,
.calc-wrapper .etr5 .r5-sbtn:active { background: rgba(255,255,255,.18); }

.calc-wrapper .etr2 .r2-rbtn,
.calc-wrapper .etr3 .r3-rbtn,
.calc-wrapper .etr4 .r4-rbtn,
.calc-wrapper .etr5 .r5-rbtn { color: rgba(255,255,255,.4); }

.calc-wrapper .etr2 .r2-chart-wrap,
.calc-wrapper .etr3 .r3-chart-wrap,
.calc-wrapper .etr4 .r4-chart-wrap,
.calc-wrapper .etr5 .r5-chart-wrap { background: transparent; }

.calc-wrapper .etr2 .r2-ylabel, .calc-wrapper .etr2 .r2-xlabel,
.calc-wrapper .etr3 .r3-ylabel, .calc-wrapper .etr3 .r3-xlabel,
.calc-wrapper .etr4 .r4-ylabel, .calc-wrapper .etr4 .r4-xlabel,
.calc-wrapper .etr5 .r5-ylabel, .calc-wrapper .etr5 .r5-xlabel { color: rgba(255,255,255,.3); }

.calc-wrapper .etr2 .r2-result,
.calc-wrapper .etr3 .r3-result,
.calc-wrapper .etr4 .r4-result,
.calc-wrapper .etr5 .r5-result { background: transparent; }

.calc-wrapper .etr2 .r2-divider,
.calc-wrapper .etr3 .r3-divider,
.calc-wrapper .etr5 .r5-divider { border-top-color: rgba(255,255,255,.08); }

.calc-wrapper .etr2 .r2-srow,
.calc-wrapper .etr3 .r3-srow,
.calc-wrapper .etr4 .r4-srow,
.calc-wrapper .etr5 .r5-srow { border-bottom-color: rgba(255,255,255,.05); }

.calc-wrapper .etr2 .r2-sname,
.calc-wrapper .etr3 .r3-sname,
.calc-wrapper .etr4 .r4-sname,
.calc-wrapper .etr5 .r5-sname { color: rgba(255,255,255,.5); }

.calc-wrapper .etr2 .r2-sval, .calc-wrapper .etr2 .r2-sunit, .calc-wrapper .etr2 .r2-tlabel,
.calc-wrapper .etr3 .r3-sval, .calc-wrapper .etr3 .r3-sunit, .calc-wrapper .etr3 .r3-tlabel,
.calc-wrapper .etr4 .r4-sval, .calc-wrapper .etr4 .r4-sunit, .calc-wrapper .etr4 .r4-tlabel,
.calc-wrapper .etr5 .r5-sval, .calc-wrapper .etr5 .r5-sunit, .calc-wrapper .etr5 .r5-tlabel { color: #f0f4f8; }

.calc-wrapper .etr2 .r2-total,
.calc-wrapper .etr3 .r3-total,
.calc-wrapper .etr4 .r4-total,
.calc-wrapper .etr5 .r5-total { border-top-color: rgba(255,255,255,.12); }

.calc-wrapper .etr2 .r2-result-box,
.calc-wrapper .etr3 .r3-result-box,
.calc-wrapper .etr4 .r4-result-box,
.calc-wrapper .etr5 .r5-result-box { border-color: rgba(255,255,255,.15); }

.calc-wrapper .etr2 .r2-rval, .calc-wrapper .etr2 .r2-runit,
.calc-wrapper .etr3 .r3-rval, .calc-wrapper .etr3 .r3-runit,
.calc-wrapper .etr4 .r4-rval, .calc-wrapper .etr4 .r4-runit,
.calc-wrapper .etr5 .r5-rval, .calc-wrapper .etr5 .r5-runit { color: #10b981; }

.calc-wrapper .etr2 .r2-summary-text,
.calc-wrapper .etr3 .r3-summary-text,
.calc-wrapper .etr4 .r4-summary-text,
.calc-wrapper .etr5 .r5-summary-text {
  background: rgba(16,185,129,.06);
  border-left-color: #10b981;
  color: rgba(255,255,255,.55);
}
.calc-wrapper .etr2 .r2-summary-text strong,
.calc-wrapper .etr3 .r3-summary-text strong,
.calc-wrapper .etr4 .r4-summary-text strong,
.calc-wrapper .etr5 .r5-summary-text strong { color: #f0f4f8; }

.calc-wrapper .etr3 .r3-kest {
  background: rgba(246,197,0,.06);
  border-left-color: #f6c500;
  color: rgba(255,255,255,.5);
}
.calc-wrapper .etr3 .r3-kest strong { color: #f6c500; }

.calc-wrapper .etr2 .r2-disc,
.calc-wrapper .etr3 .r3-disc,
.calc-wrapper .etr4 .r4-disc,
.calc-wrapper .etr5 .r5-disc { color: rgba(255,255,255,.25); border-top-color: rgba(255,255,255,.06); }
