/* Sent card (assets/sent-card.js). Tokens only: paper and oxblood in light, navy and wine in dark. */
.sent-leaving{opacity:0;transform:translateY(-4px);transition:opacity 160ms ease,transform 160ms ease}

.sent-card{max-width:520px;margin:30px auto 0;padding:34px 28px 24px;text-align:center;
  background:var(--navy-soft);border:1px solid var(--edge,var(--line));border-radius:18px;
  color:var(--ivory);animation:sent-in 360ms cubic-bezier(.2,.8,.2,1) both}
.sent-check{display:block;width:56px;height:56px;margin:0 auto 18px;overflow:visible}
.sent-check-ring,.sent-check-mark{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1}
.sent-check-ring{stroke-width:2;opacity:.55;animation:sent-draw 520ms cubic-bezier(.65,0,.35,1) 120ms forwards}
.sent-check-mark{stroke-width:3;animation:sent-draw 300ms cubic-bezier(.3,0,.2,1) 520ms forwards}

.sent-title{font-size:clamp(21px,3.2vw,25px);font-weight:500;line-height:1.2;letter-spacing:-.015em;margin:0;color:var(--ivory)}
.sent-title:focus{outline:none}
.sent-title:focus-visible{outline:2px solid var(--gold);outline-offset:6px;border-radius:6px}
.sent-meta{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums}
.sent-dot{margin:0 8px}
.sent-ref strong{font-weight:600;color:var(--ivory);letter-spacing:.02em}

.sent-next{max-width:340px;margin:24px auto 0;padding-top:20px;border-top:1px solid var(--edge,var(--line));text-align:start;
  animation:sent-in 360ms cubic-bezier(.2,.8,.2,1) 700ms both}
.sent-next-label{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sent-steps{list-style:none;margin:0;padding:0;counter-reset:sent}
.sent-steps li{position:relative;counter-increment:sent;padding:0 0 16px 38px;font-size:15.5px;line-height:1.45;color:var(--ivory)}
.sent-steps li:last-child{padding-bottom:0}
.sent-steps li::before{content:counter(sent);position:absolute;inset-inline-start:0;top:0;width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;
  color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);background:var(--navy-soft)}
.sent-steps li:not(:last-child)::after{content:"";position:absolute;inset-inline-start:11.5px;top:28px;bottom:4px;width:1px;
  background:var(--edge,var(--line))}

.sent-again{margin:22px auto 0;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:0;border-radius:8px;
  background:transparent;color:var(--gold-soft);font:inherit;font-size:14px;font-weight:500;cursor:pointer;
  text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:4px;
  animation:sent-in 360ms cubic-bezier(.2,.8,.2,1) 820ms both}
.sent-again:hover{text-decoration-color:currentColor}

@keyframes sent-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sent-draw{to{stroke-dashoffset:0}}

.sent-static,.sent-static .sent-next,.sent-static .sent-again{animation:none}
.sent-static .sent-check-ring,.sent-static .sent-check-mark{animation:none;stroke-dashoffset:0}
@media (prefers-reduced-motion: reduce){
  .sent-leaving{transition:none}
  .sent-card,.sent-next,.sent-again{animation:none}
  .sent-check-ring,.sent-check-mark{animation:none;stroke-dashoffset:0}
}
@media (max-width:560px){.sent-card{padding:28px 20px 18px;border-radius:16px}}