/* ============================================================
   WHATSAPP HANDOFF (screen 10)  ·  v4
   The post-submit receipt screen — the calm, confident close.
   v4: the success mark blooms with light (success state = arrival,
   not just a checkmark), summary pills become a lit ledger.
   ============================================================ */
#s10 { background: transparent; justify-content: space-between; }
.success-body { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: calc(48px + var(--sat)) 28px 28px; }
.success-check {
  position: relative;
  width: 50px; height: 50px; border-radius: 50%; background: var(--gold-soft); border: 1px solid var(--hairline-strong);
  display: flex; align-items: center; justify-content: center; color: var(--gold-bright);
  margin-bottom: 26px; animation: popIn .5s var(--ease-out) .1s both;
  box-shadow: var(--edge-light), var(--glow-gold-md);
}
.success-check::before {
  content: ''; position: absolute; inset: -16px; border-radius: 50%; z-index: -1;
  background: radial-gradient(circle, rgba(221,184,104,.30), transparent 70%);
  animation: successBloom var(--breath) ease-in-out infinite;
}
@keyframes successBloom { 0%,100% { opacity: .5; transform: scale(.9); } 50% { opacity: 1; transform: scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .success-check::before { animation: none; } }
.success-check svg { width: 22px; height: 22px; filter: drop-shadow(0 0 6px rgba(221,184,104,.6)); }
@keyframes popIn { from { opacity: 0; transform: scale(.6); } to { opacity: 1; transform: scale(1); } }
.success-title { font-family: var(--ff-display); font-size: var(--fs-2xl); font-weight: 800; color: var(--snow); line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 12px; }
.success-sub { font-size: var(--fs-sm); color: var(--mist); line-height: 1.7; max-width: 300px; margin-bottom: 34px; }

.summary-pills { display: flex; flex-direction: column; width: 100%; background: var(--ink-raised); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: 4px 16px; box-shadow: var(--lift-1); }
.summary-pill { padding: 13px 0; border-top: 1px solid var(--hairline); text-align: right; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
[dir="ltr"] .summary-pill { text-align: left; }
.summary-pills .summary-pill:first-child { border-top: none; }
.pill-label { font-family: var(--ff-mono); font-size: 10px; color: var(--mist-dim); letter-spacing: .04em; font-weight: 500; white-space: nowrap; }
.pill-value { font-size: var(--fs-sm); font-weight: 700; color: var(--snow); text-align: left; }
[dir="ltr"] .pill-value { text-align: right; }

.success-footer { padding: 0 24px calc(26px + var(--sab)); display: flex; flex-direction: column; gap: 12px; }
.success-note { text-align: center; font-size: var(--fs-xs); color: var(--mist-dim); line-height: 1.6; padding: 0 8px; }