/* Authentication views: the shared .login-card form grid must never override hidden panels. */
[hidden] { display: none !important; }
.auth-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 5px; margin: 18px 0 22px; border: 1px solid var(--line); border-radius: 13px; background: #f4f5f1; }
.auth-tab { padding: 11px 12px; border: 0; background: transparent; border-radius: 9px; font: inherit; font-weight: 750; color: var(--muted); }
.auth-tab[aria-selected="true"] { color: #193f35; background: #fff; box-shadow: 0 2px 8px rgba(31, 47, 42, .09); }
.auth-tab:focus-visible, .auth-link:focus-visible { outline: 3px solid #6f9d8b; outline-offset: 3px; }
.auth-link { justify-self: center; width: fit-content; padding: 7px 4px; border: 0; background: transparent; color: var(--brand); font-size: 13px; font-weight: 750; text-decoration: underline; text-underline-offset: 3px; }
.auth-link:hover { color: #142f29; }
.auth-hint { margin: -4px 0 0; line-height: 1.5; }
.login-card .notice { margin-top: 12px; }
.login-card .error:not(:empty) { margin-top: 12px; }