.customer { padding-block: clamp(2.5rem, 6vw, 4.5rem) var(--space-section); }
.customer__auth { max-width: 26rem; margin-inline: auto; }
.customer__auth h1 { text-align: center; margin-bottom: 1.5rem; }
.customer__form { display: flex; flex-direction: column; gap: 0.85rem; }
.customer__form .field { width: 100%; }
.customer__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; font-size: 0.85rem; }
.customer__link { color: var(--color-text-muted); text-decoration: underline; text-underline-offset: 2px; }
.customer__link:hover { color: var(--glow); }
.customer__error { color: var(--color-ember); font-size: 0.85rem; }
.customer__panel[hidden] { display: none; }

.account { max-width: 60rem; margin-inline: auto; padding-block: clamp(2rem,5vw,4rem) var(--space-section); }
.account__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
.account__table { width: 100%; border-collapse: collapse; }
.account__table th, .account__table td { text-align: left; padding: 0.75rem 0.5rem; border-bottom: 1px solid var(--color-border); font-size: 0.92rem; }
.account__table th { color: var(--color-text-muted); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
.account__grid { display: grid; grid-template-columns: 2fr 1fr; gap: 2rem; align-items: start; }
.account__addresses { display: grid; gap: 1rem; }
.account__address { padding: 1.25rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
@media (max-width: 749px) { .account__grid { grid-template-columns: 1fr; } }