.password-field { display: flex; position: relative; }
.password-field input { padding-right: 40px; }
.password-toggle { display: flex; align-items: center; justify-content: center; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: #12dfff; cursor: pointer; padding: 8px; }
.password-toggle .icon-eye-off { display: none; }
.password-toggle[aria-pressed="true"] .icon-eye { display: none; }
.password-toggle[aria-pressed="true"] .icon-eye-off { display: block; }
.login-options { display: flex; align-items: center; justify-content: space-between; gap: 15px; font-size: .76rem; }
.login-options .check { color: #7890ad; margin: 0; }
.login-options a { white-space: nowrap; }
.login-register { text-align: center; margin: 22px 0 0 !important; font-size: .82rem; }
@media (max-width: 480px) { .login-options { align-items: flex-start; flex-direction: column; } }
.passkey-login { margin-top: 18px; display: flex; flex-direction: column; align-items: stretch; gap: 10px; }
.passkey-login .primary-button-outline { width: 100%; }
.divider { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: .72rem; letter-spacing: .1em; }
.divider::before, .divider::after { content: ''; flex: 1; height: 1px; background: var(--line); }
.passkey-status { min-height: 1.2em; margin: 0; font-size: .78rem; color: var(--muted); text-align: center; }
.passkey-status:empty { display: none; }
#passkeyUnsupported { text-align: left; }
.admin-header .primary-button { align-self: flex-start; }