.auth-provider-control { margin-bottom: 12px; }
.auth-provider-button { display: flex; align-items: center; justify-content: center; gap: 9px; }
.btn[data-auth-provider]:disabled { cursor: not-allowed; opacity: .55; }
.auth-provider-note { color: var(--text-muted, #aaa); font-size: 12px; line-height: 1.6; margin: 8px 0 0; }
.auth-provider-note[hidden] { display: none; }
.auth-provider-mark { color: #44b7f3; font-weight: 800; font-size: 18px; line-height: 1; letter-spacing: -3px; padding-right: 3px; }
.auth-provider-mark span { color: #fff; }
#login-modal .modal-content { max-height: calc(100dvh - 24px); overflow-y: auto; }
.account-provider-actions { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
@media (max-width: 640px) { .account-provider-actions { align-items: flex-start; } }