/* Match the App loading bar without changing the existing Auth surface styles. */
@keyframes auth-progress { from { transform: translateX(0); } to { transform: translateX(150%); } }
.auth-redirect-loading-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.auth-redirect-cancel { position: absolute; top: calc(50% + 24px); left: 50%; transform: translateX(-50%); max-width: calc(100% - 40px); }

/* Scoped copy of app-shell.css's canonical neutral new-shell-action. */
@font-face {
    font-family: 'Figtree';
    src: url('/resources/Figtree-VariableFont_wght.woff2') format('woff2');
    font-weight: 300 900;
    font-style: normal;
    font-display: optional;
}
body.auth-body .new-shell-action {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 7px 12px;
    border: var(--shell-action-border, 0);
    border-radius: var(--new-shell-pill-radius, 999px);
    color: #121212;
    background: var(--shell-action-background, transparent);
    font-family: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    cursor: pointer;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color 220ms ease, color 220ms ease;
}
body.auth-body .new-shell-action[hidden] { display: none !important; }
body.auth-body .new-shell-action:disabled { opacity: 1; cursor: not-allowed; }
@media (hover: hover) and (pointer: fine) {
    body.auth-body .new-shell-action:not(:disabled):not([aria-disabled="true"]):hover {
        background: var(--shell-action-hover-background, rgba(18, 18, 18, .055));
    }
}
/* Match the App's current focus presentation while preserving keyboard behavior. */
body.auth-body .new-shell-action:is(:focus, :focus-visible) {
    outline: none !important;
    outline-width: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}
@media (prefers-reduced-motion: reduce) { body.auth-body .new-shell-action { transition: none; } }
@media (prefers-reduced-motion: reduce) { .auth-redirect-loading-line::after { animation: none; } }