/* Nút Google dùng biểu tượng từ mẫu HTML chính thức của Google Identity. */
.google-login { margin-top: 12px; }
.google-login-divider { display: flex; align-items: center; gap: 14px; margin: 18px 0; color: #58707e; font-size: 13px; }
.google-login-divider::before, .google-login-divider::after { content: ""; flex: 1; height: 1px; background: #d5e0e5; }
.auth-stage .google-login-button {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) 20px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px;
    border: 1px solid #747775;
    border-radius: 24px;
    background: #fff;
    color: #1f1f1f;
    font-family: "Google Sans", Unit, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: background-color 150ms ease, border-color 150ms ease;
}
.auth-stage .google-login-button::after { content: ""; }
.auth-stage .google-login-button svg { display: block; width: 20px; height: 20px; flex-shrink: 0; }
.auth-stage .google-login-button:not(:disabled):hover { background: #f7f9fc; border-color: #204958; }
.auth-stage .google-login-button:focus-visible { outline: 3px solid #176587; outline-offset: 3px; }
.auth-stage .google-login-button:disabled { opacity: .65; cursor: not-allowed; }
.auth-stage .google-login-note { margin: 10px 0 0; color: #58707e; font-size: 12px; line-height: 1.6; text-align: center; }
@media (prefers-reduced-motion: reduce) { .auth-stage .google-login-button { transition: none; } }