/* "Continue with Google / GitHub / SSO" buttons (js/tf-oauth.js). */
.tf-oauth { display: flex; flex-direction: column; gap: 10px; width: 320px; max-width: calc(100vw - 48px); margin: 0 auto; }
.tf-oauth[hidden] { display: none; }
.tf-oauth-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box;
    width: 100%; height: 44px; padding: 0 16px; border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.16); background: #0a0a0a; color: #ededed;
    font: inherit; font-size: 15px; font-weight: 500; cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
}
.tf-oauth-btn:hover { background: #171717; border-color: rgba(255, 255, 255, 0.28); }
.tf-oauth-btn:focus-visible { outline: 2px solid #e5564b; outline-offset: 2px; }
.tf-oauth-btn svg { width: 18px; height: 18px; flex: none; }
.tf-oauth-btn.busy { opacity: 0.6; cursor: progress; }
.tf-oauth-or { display: flex; align-items: center; gap: 12px; color: #71717a; font-size: 13px; margin: 6px 0 2px; }
.tf-oauth-or::before, .tf-oauth-or::after { content: ''; flex: 1; height: 1px; background: rgba(255, 255, 255, 0.1); }