.customer-email-signin { max-width: 480px; margin-top: 24px; text-align: left; }
.customer-email-signin .customer-auth-intro { margin: 0 0 18px; font-size: 14px; line-height: 1.7; }
.customer-auth-field { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0 0 18px; font-size: 13px; font-weight: 600; }
.customer-auth-field input { width: 100%; min-width: 0; min-height: 48px; padding: 12px 14px; border: 1px solid #001F3B66; border-radius: 8px; color: #001F3B; background: #ffffff88; font: 400 16px/1.4 'DM Sans', sans-serif; }
.customer-auth-field input:read-only, .rewards-join-form input:read-only { background: #A8C4F466; }
.customer-auth-field input:focus-visible { outline: 3px solid #001F3B; outline-offset: 3px; }
.customer-auth-field > span, .customer-email-signin .customer-auth-help { font-size: 12px; font-weight: 400; line-height: 1.7; overflow-wrap: anywhere; }
.customer-auth-field .customer-code-input { max-width: 240px; font-size: 24px; letter-spacing: .3em; }
.customer-email-signin .customer-auth-notice, .customer-email-signin .customer-auth-error { margin: 12px 0 18px; padding: 14px; border: 1px solid #001F3B44; border-radius: 8px; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.customer-email-signin .customer-auth-notice { background: #90BEEF55; }
.customer-email-signin .customer-auth-error { border-left: 4px solid #001F3B; background: #77C8E555; }
.customer-email-signin .customer-auth-button { display: inline-flex; justify-content: space-between; align-items: center; gap: 22px; min-height: 48px; padding: 14px 22px; border: 1px solid #001F3B; border-radius: 28px; color: #A8C4F4; background: #001F3B; font: 600 14px/1.4 'DM Sans', sans-serif; cursor: pointer; }
.customer-auth-secondary { display: flex; flex-wrap: wrap; gap: 2px 20px; margin-top: 10px; }
.customer-email-signin .customer-auth-text-button, .customer-account-controls .customer-auth-text-button { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; background: none; border: 0; color: #001F3B; font: 600 13px/1.5 'DM Sans', sans-serif; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.customer-email-signin .customer-auth-notice > .customer-auth-text-button { display: flex; }
.customer-email-signin button:disabled, .customer-email-signin input:disabled, .customer-account-controls button:disabled { opacity: .55; cursor: not-allowed; }
.customer-email-signin .customer-auth-help { margin: 16px 0 0; }
.customer-account-controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 4px 20px; padding: 14px 0; margin-bottom: 16px; border-bottom: 1px solid #001F3B33; }
.customer-account-controls > p { font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; min-width: 0; }
.customer-session-note { margin: 0 0 20px; padding: 16px 18px; border: 1px solid #001F3B44; border-radius: 3px; font-size: 13px; line-height: 1.7; background: #77C8E54D; overflow-wrap: anywhere; }
.customer-session-note a { text-decoration: underline; text-underline-offset: 3px; }
.customer-session-note .ca-text-button { display: flex; margin-top: 8px; }
.ca-order-status .customer-session-note { text-align: left; max-width: 600px; margin: 24px auto; }
@media (max-width: 600px) {
  .customer-email-signin .customer-auth-button { width: 100%; }
  .customer-auth-secondary { flex-direction: column; align-items: flex-start; }
  .customer-account-controls { align-items: flex-start; }
}