.auth-password-feedback{margin-block:10px 2px}
.auth-password-rules{display:flex;flex-wrap:wrap;gap:7px;list-style:none;font-size:12px;line-height:1.7}
.auth-password-rules li{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line-strong);border-radius:8px;color:var(--muted-strong);background:var(--surface)}
.auth-password-rules li[data-satisfied=true]{color:#076b4c;border-color:#84c9ad;background:#e8fff3}
.auth-password-rules li>span:first-child{font-weight:800;flex:none}
.auth-password-status{min-height:1.7em;font-size:12px;font-weight:700;color:#076b4c;margin-block-start:7px}
.auth-input-wrap input[data-validation=valid]{border-color:#149367;box-shadow:0 0 0 2px rgb(20 147 103 / 12%)}
.auth-input-wrap input[data-validation=invalid]{border-color:var(--negative)}
.auth-existing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:12px}
.auth-existing-actions a{font-weight:700;text-decoration:underline;text-underline-offset:4px}
#auth-form[aria-busy=true] button[type=submit]::before{content:"";width:16px;height:16px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;display:inline-block;margin-inline-end:8px;animation:auth-busy .8s linear infinite}
@keyframes auth-busy{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#auth-form[aria-busy=true] button[type=submit]::before{animation:none}}
[data-theme=dark] .auth-password-rules li[data-satisfied=true]{color:#99edc9;border-color:#468770;background:#113c30}
[data-theme=dark] .auth-password-status{color:#99edc9}
