.rve-conv-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,255,255,.10)}.rve-conv-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px}.brand--conv{justify-self:start}.brand-badge--conv{background:#fff;color:var(--navy)}.brand-text--conv small{color:rgba(255,255,255,.78)}.conv-link{justify-self:center;color:#fff;text-decoration:none;font-weight:750;font-size:13px;opacity:.9}.conv-link:hover{text-decoration:underline;opacity:1}.trust-pill{justify-self:end;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);padding:9px 12px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.calc{padding:18px 0 34px}.calc-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}@media (max-width:900px){.calc-inner{grid-template-columns:1fr}.trust-pill{white-space:normal}}.calc-head h1{margin:0 0 8px;font-size:30px;letter-spacing:-.03em}.calc-head p{margin:0;color:var(--muted);line-height:1.6}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tab{border-radius:999px;padding:10px 12px;border:1px solid rgba(15,23,42,.12);background:#fff;font-weight:850;font-size:13px;cursor:pointer}.tab.is-active{background:rgba(59,78,255,.10);border-color:rgba(59,78,255,.22);color:var(--indigo)}.items-grid{display:grid;grid-template-columns:1fr;gap:12px}.item-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;box-shadow:var(--shadow-sm);padding:14px}.item-title{font-weight:950}.item-sub{color:var(--muted);font-weight:750;font-size:12px;margin-top:4px}.qty{display:flex;align-items:center;gap:10px}.qty-btn{width:34px;height:34px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;font-weight:950;cursor:pointer}.qty-val{min-width:22px;text-align:center;font-weight:950}.calc-next{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.calc-panel{position:sticky;top:96px}@media (max-width:900px){.calc-panel{position:static}}.panel{padding:18px}.panel-progress{margin-bottom:14px}.panel-step{font-weight:900}.bar{height:10px;border-radius:999px;background:rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.06);overflow:hidden;margin:10px 0}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--yellow),rgba(246,196,79,.65));border-radius:999px}.panel-time{color:var(--muted);font-weight:800;font-size:12px}.panel-volume{margin:12px 0 14px}.vol{font-size:44px;font-weight:950;letter-spacing:-.04em}.vol span{font-size:16px;font-weight:900;color:var(--muted)}.panel-status{display:flex;flex-direction:column;gap:12px;margin:10px 0 16px}.status-row{background:var(--surface-2);border:1px solid rgba(15,23,42,.06);border-radius:18px;padding:12px}.status-left{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.status-label{font-weight:950}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:950;font-size:12px;border:1px solid rgba(15,23,42,.12);background:#fff}.status-badge.is-neutral{color:#334155}.panel-note{margin-top:10px;text-align:center}

/* ===============================
   RVE Premium v1.2.1 (Desktop)
   Minimal SaaS refinements (no layout regressions)
   =============================== */

/* Slightly more breathing room between columns */
.calc-inner{gap:22px}

/* Item cards: calmer surface, subtle lift on hover, clearer focus */
.item-card{
  background:#fff;
  border:1px solid rgba(15,23,42,.07);
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.item-card:hover{
  transform: translateY(-2px);
  border-color: rgba(74,58,255,.22);
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}

/* Quantity controls: more tactile, less default */
.qty-btn{
  border-color: rgba(15,23,42,.12);
  box-shadow: 0 6px 14px rgba(15,23,42,.06);
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
}
.qty-btn:hover{
  border-color: rgba(74,58,255,.35);
  box-shadow: 0 10px 18px rgba(15,23,42,.08);
}
.qty-btn:active{
  transform: scale(.96);
}

/* Panel: slightly cleaner elevation */
.panel.card{
  border-color: rgba(15,23,42,.08);
  box-shadow: 0 18px 44px rgba(15,23,42,.08);
}

/* Volume number: minimal gradient + stronger hierarchy */
.vol{
  font-size: 52px;
  line-height: 1;
  letter-spacing: -.04em;
}
.vol{
  background: linear-gradient(90deg, var(--indigo), rgba(74,58,255,.75));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.vol span{
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted);
}

/* Progress bar: softer track, premium fill */
.bar{
  background: rgba(15,23,42,.06);
  border-color: rgba(15,23,42,.04);
}
.bar span{
  background: linear-gradient(90deg, rgba(246,196,79,.95), rgba(74,58,255,.85));
}

/* Status cards: a bit more card-like */
.status-row{
  background: rgba(74,58,255,.04);
  border-color: rgba(15,23,42,.06);
}

/* Primary CTA button: slightly more "SaaS" */
.btn-primary.btn-wide{
  box-shadow: 0 12px 26px rgba(74,58,255,.22);
}
.btn-primary.btn-wide:hover{
  box-shadow: 0 16px 34px rgba(74,58,255,.26);
  transform: translateY(-1px);
}


/* v1.2.2: allow calculator to feel less narrow */
.calc-inner{gap:18px}
