/* One shared provider row for login, registration and the auth dialog. */
.auth-social { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 20px; }
.auth-social.auth-social--double { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.auth-social > .vkid-auth { min-width: 0; margin-top: 0; }
.auth-social .auth-social__button {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%; min-width: 0; height: 44px; padding: 0 10px;
    border: 1px solid #e2e8f0; border-radius: 8px;
    background: #fff; color: #334155; font: 600 13px/1.2 Inter, sans-serif;
    text-decoration: none; white-space: nowrap; cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease;
}
.auth-social .auth-social__button:hover { border-color: #cbd5e1; background: #f8fafc; }
.auth-social .auth-social__button:focus-visible { outline: 2px solid #f97316; outline-offset: 3px; }
.auth-social .auth-social__button:disabled { opacity: .55; cursor: wait; }
.auth-social .auth-social__button img { flex: 0 0 20px; width: 20px; height: 20px !important; }
.auth-social .auth-social__yandex { color: #ef4444; font-size: 18px; line-height: 1; font-weight: 700; }
.auth-footer { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) {
    .auth-social .auth-social__button { transition: none; }
}