.customer-auth-panel { max-width: 520px; margin: 32px auto; box-sizing: border-box; min-width: 0; }
.customer-auth-panel input { width: 100%; max-width: 100%; box-sizing: border-box; }
.customer-auth-panel input[name="code"] { max-width: 220px; font-size: 24px; letter-spacing: .16em; }
.customer-auth-alternatives { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 18px; }
.customer-auth-alternatives a { overflow-wrap: anywhere; color: var(--importeria-burgundy); }
.customer-auth-panel .button:not(.secondary) { background: var(--importeria-red); border-color: var(--importeria-red); }
.customer-auth-panel .button:not(.secondary):not(:disabled):not([aria-disabled="true"]):hover { background: var(--importeria-red-dark); border-color: var(--importeria-red-dark); box-shadow: inset 0 0 0 1px var(--importeria-cream); }
.customer-auth-panel :focus-visible, .customer-auth-alternatives a:focus-visible { outline: 2px solid var(--importeria-burgundy); outline-offset: 3px; }
@media (max-width: 520px) { .customer-auth-panel { margin: 16px auto; } .customer-auth-alternatives { flex-direction: column; gap: 12px; } }