/* EV Savings Calculator — scoped under .calc-suite.ev-savings-calc */
.calc-suite.ev-savings-calc{
  --esc-bg:#E8EEF5;
  --esc-paper:#FFFFFF;
  --esc-ink:#142133;
  --esc-ink-soft:#33455E;
  --esc-mist:#647890;
  --esc-line:#E3EAF5;
  --esc-line-2:#CBD9EE;
  --esc-pine:#0157ff;
  --esc-pine-deep:#0142c8;
  --esc-pine-tint:#E9F0FF;
  --esc-green:#36B27C;
  --esc-amber:#E8A13C;
  --esc-red:#DD5A4B;
  --esc-radius:12px;
  --esc-radius-sm:9px;
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--esc-ink);
  line-height:1.6;
}
.calc-suite.ev-savings-calc *{box-sizing:border-box;margin:0;padding:0}
.calc-suite.ev-savings-calc .esc-body{padding:0}
.calc-suite.ev-savings-calc .esc-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
.calc-suite.ev-savings-calc .esc-field{min-width:0}
.calc-suite.ev-savings-calc .esc-field--wide{grid-column:1/-1}
.calc-suite.ev-savings-calc label{
  display:block;font-weight:600;font-size:.8rem;color:var(--esc-ink);margin-bottom:6px;
}
.calc-suite.ev-savings-calc .esc-input-wrap{
  display:flex;align-items:stretch;
  border:1.5px solid var(--esc-line-2);border-radius:var(--esc-radius-sm);
  background:#fff;overflow:hidden;transition:.15s;
}
.calc-suite.ev-savings-calc .esc-input-wrap:focus-within{
  border-color:var(--esc-pine);box-shadow:0 0 0 3px var(--esc-pine-tint);
}
.calc-suite.ev-savings-calc input{
  flex:1;min-width:0;border:none;outline:none;
  font-family:"Segoe UI",system-ui,sans-serif;font-weight:500;font-size:1rem;color:var(--esc-ink);
  padding:11px 13px;background:transparent;
}
.calc-suite.ev-savings-calc .esc-unit{
  display:grid;place-items:center;
  padding:0 12px;background:var(--esc-pine-tint);color:var(--esc-mist);
  font-size:.82rem;font-weight:600;border-left:1.5px solid var(--esc-line-2);
}
.calc-suite.ev-savings-calc .esc-hint{
  font-size:.72rem;color:var(--esc-mist);margin-top:5px;
}
.calc-suite.ev-savings-calc .esc-hint.err{
  color:var(--esc-red);font-weight:500;
}
.calc-suite.ev-savings-calc .esc-actions{
  display:flex;gap:10px;margin-top:18px;
}
.calc-suite.ev-savings-calc .esc-btn{
  font-family:inherit;font-weight:600;font-size:.92rem;border-radius:8px;
  padding:12px 18px;cursor:pointer;border:1.5px solid transparent;
  transition:transform .12s,box-shadow .12s,background .15s;
}
.calc-suite.ev-savings-calc .esc-btn:active{transform:translateY(2px)}
.calc-suite.ev-savings-calc .esc-btn--primary{
  background:var(--esc-pine);color:#fff;
  box-shadow:0 3px 0 var(--esc-pine-deep);border-color:var(--esc-pine-deep);flex:1;
}
.calc-suite.ev-savings-calc .esc-btn--primary:hover{
  transform:translateY(1px);box-shadow:0 2px 0 var(--esc-pine-deep);
}
.calc-suite.ev-savings-calc .esc-btn--ghost{
  background:var(--esc-paper);border-color:var(--esc-line-2);color:var(--esc-ink);
  box-shadow:0 3px 0 var(--esc-line);
}
.calc-suite.ev-savings-calc .esc-btn--ghost:hover{
  transform:translateY(1px);box-shadow:0 2px 0 var(--esc-line);border-color:var(--esc-ink);
}
.calc-suite.ev-savings-calc .esc-result{margin-top:22px;padding-top:22px;border-top:1px dashed var(--esc-line)}
.calc-suite.ev-savings-calc .esc-result.is-empty .esc-result__readout,
.calc-suite.ev-savings-calc .esc-result.is-empty .esc-bar-wrap,
.calc-suite.ev-savings-calc .esc-result.is-empty .esc-breakdown{display:none}
.calc-suite.ev-savings-calc .esc-result__placeholder{
  display:none;color:var(--esc-mist);font-size:.95rem;text-align:center;padding:18px 0;
}
.calc-suite.ev-savings-calc .esc-result.is-empty .esc-result__placeholder{display:block}
.calc-suite.ev-savings-calc .esc-result__readout{
  display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:20px;
}
.calc-suite.ev-savings-calc .esc-big-num{
  font-family:"Consolas",monospace;font-weight:700;font-size:2.6rem;line-height:1;color:var(--esc-ink);letter-spacing:-.02em;
}
.calc-suite.ev-savings-calc .esc-big-label{
  font-size:.72rem;color:var(--esc-mist);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-top:6px;
}
.calc-suite.ev-savings-calc .esc-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  font-weight:700;font-size:.95rem;
}
.calc-suite.ev-savings-calc .esc-chip .esc-swatch{width:10px;height:10px;border-radius:50%}
.calc-suite.ev-savings-calc .esc-bar-cap{
  font-size:.72rem;color:var(--esc-mist);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:8px;
}
.calc-suite.ev-savings-calc .esc-bar{
  height:28px;border-radius:999px;overflow:hidden;
  display:flex;background:var(--esc-line);
}
.calc-suite.ev-savings-calc .esc-bar__segment{
  height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);
}
.calc-suite.ev-savings-calc .esc-bar__segment--ice{background:var(--esc-red)}
.calc-suite.ev-savings-calc .esc-bar__segment--ev{background:var(--esc-green)}
.calc-suite.ev-savings-calc .esc-bar-legend{
  display:flex;gap:16px;margin-top:10px;font-size:.82rem;color:var(--esc-ink-soft);
}
.calc-suite.ev-savings-calc .esc-bar-legend span{display:flex;align-items:center;gap:6px}
.calc-suite.ev-savings-calc .esc-dot{width:9px;height:9px;border-radius:50%}
.calc-suite.ev-savings-calc .esc-dot--ice{background:var(--esc-red)}
.calc-suite.ev-savings-calc .esc-dot--ev{background:var(--esc-green)}
.calc-suite.ev-savings-calc .esc-breakdown{
  margin-top:16px;background:var(--esc-pine-tint);border:1.5px solid var(--esc-line-2);
  border-radius:var(--esc-radius-sm);padding:12px 14px;font-size:.9rem;color:var(--esc-pine-deep);
}
.calc-suite.ev-savings-calc .esc-breakdown b{font-family:"Consolas",monospace;font-weight:700}

@media (max-width:860px){
  .calc-suite.ev-savings-calc .esc-fields{grid-template-columns:1fr}
  .calc-suite.ev-savings-calc .esc-actions{flex-direction:column}
  .calc-suite.ev-savings-calc .esc-result__readout{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .calc-suite.ev-savings-calc .esc-bar__segment{transition:none}
}