/* Centered-on-page wrapper for the auth pages (login, logged-out, password,
 * activation pages). The card itself lives in components/card.css. */

.auth-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem 1rem;
    background: var(--surface);
}

/* Hidden link to /admin in the bottom right corner of the login page.
 * The link is a quarter-disc shaped hover zone: hit-testing follows border-radius, so
 * the text only fades in once the cursor is inside the disc. */
.admin-link {
    position: fixed;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 8rem;
    height: 8rem;
    padding: 1rem;
    border-radius: 100% 0 0 0;
    font-size: .75rem;
    color: var(--text-muted);
    text-decoration: none;
    opacity: 0;
    transition: opacity .4s;
}
.admin-link:hover,
.admin-link:focus-visible {
    opacity: 1;
}