ozpey-customer-registration { display: block; }
ozpey-customer-registration [hidden] { display: none !important; }
.customer-register { display: grid; gap: 14px; color: #283244; font-family: inherit; }
.customer-register__names { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
.customer-register__field { display: grid; gap: 6px; min-width: 0; }
.customer-register label { font-size: 14px; font-weight: 600; margin: 0; }
.customer-register input { box-sizing: border-box; width: 100%; min-width: 0; height: 46px; padding: 10px 13px; border: 1px solid #dce1e9; border-radius: 10px; background: #fff; color: #202937; font: inherit; font-size: 16px; outline: none; }
.customer-register input:focus { border-color: #1c3c90; box-shadow: 0 0 0 3px #1c3c9014; }
.customer-register input:user-invalid { border-color: #bd3030; }
.customer-register__password { position: relative; }
.customer-register__password input { padding-right: 74px; }
.customer-register__toggle { position: absolute; right: 4px; top: 3px; min-height: 40px; padding: 0 10px; background: transparent; border: 0; color: #1c3c90; font: inherit; font-size: 12px; font-weight: 600; }
.customer-register small { font-size: 12px; color: #6b7280; }
.customer-register__notice { margin: 2px 0 0; font-size: 12px; line-height: 1.6; color: #687080; }
.customer-register__notice a { color: #1c3c90; text-decoration: underline; }
.customer-register__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 2px; }
.customer-register__actions button { min-height: 48px; border-radius: 10px; font: inherit; font-size: 15px; font-weight: 700; padding: 10px; }
.customer-register__submit { background: #1c3c90; color: #fff; border: 1px solid #1c3c90; }
.customer-register__cancel { background: #f8f9fb; color: #535962; border: 1px solid #dce1e9; }
.customer-register button:disabled { opacity: .6; cursor: wait; }
.customer-register button:focus-visible { outline: 3px solid #ffbf18; outline-offset: 2px; }
.customer-register__status { margin: 0; padding: 10px 12px; border-radius: 10px; background: #fff1f0; color: #a12727; font-size: 13px; line-height: 1.5; }
.customer-register__status[data-success="true"] { background: #eef8f3; color: #17634a; }
.customer-register__status[data-neutral="true"] { background: #f0f4fc; color: #385781; }
.customer-register__status[hidden] { display: none; }
.customer-register__verification { gap: 16px; text-align: center; padding: 4px 0; }
.customer-register__verification h3 { margin: 0; color: #152746; font: inherit; font-size: 24px; font-weight: 800; line-height: 1.25; }
.customer-register__verification h3:focus { outline: none; }
.customer-register__icon { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto; border-radius: 50%; background: #edf2fc; color: #1c3c90; font-size: 30px; }
.customer-register__explanation, .customer-register__hint { margin: 0; font-size: 14px; line-height: 1.6; color: #536175; }
.customer-register__destination { margin: 0; padding: 10px; border-radius: 10px; background: #f5f7fc; color: #1c3c90; font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.customer-register__hint { font-size: 13px; }
.customer-register__verification > button, .customer-register__resend > button { min-height: 48px; border-radius: 10px; padding: 12px; font: inherit; font-size: 14px; font-weight: 700; }
.customer-register__resend { text-align: left; border-top: 1px solid #e5e9f1; padding-top: 16px; }
.customer-register__recovery-link { border: 0; padding: 6px 0; background: transparent; color: #1c3c90; text-decoration: underline; text-underline-offset: 3px; font: inherit; font-size: 13px; }
.customer-register__verification > .customer-register__recovery-link { min-height: 32px; padding: 0; font-size: 13px; font-weight: 500; }
.customer-register__countdown { color: #63718a; font-variant-numeric: tabular-nums; }
.customer-register__verification .customer-register__actions { grid-template-columns: 1fr; }
.customer-register__verification .customer-register__actions button { font-size: 14px; }
#authTab .nav-link { white-space: nowrap; }
@media (max-width: 380px) { #authTab .nav-link { padding-left: 8px; padding-right: 8px; font-size: 14px; } }
@media (max-width: 400px) {
  #loginModal #authTab { padding-top: 14px; }
}