/* c-cards — Payment methods. Layout only; rows are the shared listRow inside a .card--list, the sheet fields are cardFields. */
.c-cards { gap: 0; padding-bottom: var(--space-40); }
.c-cards__list { display: flex; flex-direction: column; }
.c-cards__list .list-row { min-height: 64px; }
.c-cards__empty .empty-state { padding-block: var(--space-24); }

/* the card sheet (Make default · Remove → confirm) and the add form */
.c-cards-sheet { display: flex; flex-direction: column; gap: var(--space-12); }
.c-cards-sheet__sub, .c-cards-sheet__use, .c-cards-sheet__title, .c-cards-sheet__body p { margin: 0; text-wrap: pretty; }
.c-cards-sheet__body { display: flex; flex-direction: column; gap: var(--space-8); }
.c-cards-sheet__when, .c-cards-sheet__nowrap { white-space: nowrap; }
.c-cards-sheet__actions { display: flex; flex-direction: column; gap: var(--space-8); margin-top: var(--space-8); }
.c-cards-sheet__links { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-24); margin-top: var(--space-4); }
.c-cards-sheet__fields { display: flex; flex-direction: column; gap: var(--space-16); min-width: 0; margin: 0; padding: 0; border: 0; }
/* taily-app Day 4: the real card form is Stripe's Payment Element (its own frame) */
.c-cards-sheet__element { min-height: var(--space-40); }
.c-cards-sheet__go { display: flex; flex-direction: column; }