.draft-next-payment { max-width: 1000px; margin: 16px auto 0; padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #b9dfc8; border-radius: 9px; background: #f0f9f3; }
.draft-next-payment span { color: var(--success); font-size: 7px; font-weight: 700; letter-spacing: 1px; }
.draft-next-payment h3 { margin: 3px 0; color: var(--primary-dark); }
.draft-next-payment p { margin: 0; color: var(--muted); font-size: 8px; }
.draft-next-payment .primary-button { width: auto; }
.completed-hero.confirmed { border-color: #9fd4d1; background: #f0f9f8; }
.completed-hero.confirmed span { color: var(--primary); }
@media (max-width: 760px) { .draft-next-payment { align-items: flex-start; gap: 14px; flex-direction: column; } }