.password-field { position: relative; display: block; min-width: 0; }
.admin-page .password-field input { padding-right: 54px; width: 100%; }
.password-eye { position: absolute; right: 3px; top: 50%; margin-top: -22px; width: 44px; height: 44px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #287a4b; cursor: pointer; }
.password-eye svg { width: 23px; height: 23px; pointer-events: none; }
.password-eye .eye-slash { display: none; }
.password-eye[aria-pressed="true"] .eye-slash { display: block; }
.password-eye:hover { background: #edf7ef; }
.password-eye:focus-visible, .club-access-link:focus-visible { outline: 3px solid #287a4b; outline-offset: 2px; }
.club-access-link { display: block; border: 0; background: none; color: #24663f; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; padding: 12px 0; min-height: 44px; text-align: left; }
.club-recovery-panel { border-top: 1px solid #dce7df; margin-top: 16px; padding-top: 20px; }
.club-access-form { display: grid; gap: 16px; max-width: 640px; }
.club-access-form label { display: grid; gap: 8px; min-width: 0; }
.club-access-form select { width: 100%; min-height: 44px; border: 1px solid #dcd9ed; border-radius: 12px; padding: 10px 12px; font: inherit; color: #292644; background: #fff; }
.club-access-form label[hidden], .club-access-form[hidden] { display: none; }
.club-access-form .btn { justify-self: start; white-space: normal; }
.club-access-help { font-size: 14px; line-height: 1.8; margin: 0; }
[data-recovery-status], [data-reset-status] { overflow-wrap: anywhere; }
@media (max-width: 640px) { .club-access-form .btn { width: 100%; } }