.auth-modal-card { max-height: calc(100dvh - 32px); overflow-y: auto; }
.auth-form fieldset { display: flex; flex-direction: column; gap: 14px; border: 0; padding: 0; min-width: 0; }
.auth-form [hidden], .auth-modal-card [hidden] { display: none !important; }
.auth-form .form-field small { font-size: .68rem; line-height: 1.5; color: var(--text-muted); }
.auth-message, .auth-configuration { padding: 12px; margin-bottom: 16px; border: 1px solid var(--border-strong); border-radius: 8px; color: var(--text-main); background: var(--accent-soft); font-size: .77rem; line-height: 1.6; overflow-wrap: anywhere; }
.auth-message[data-error="true"] { border-color: #ef646466; background: #ef646410; }
.auth-extra-actions { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 18px; }
.auth-extra-actions button, .auth-back { border: 0; background: transparent; color: var(--text-muted); font: inherit; font-size: .74rem; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.auth-back { display: block; margin: 18px auto 0; }
.auth-modal-card :is(button:disabled, fieldset:disabled) { opacity: .55; cursor: default; }
.auth-modal-card .btn-social { text-decoration: none; }
.auth-modal-card .btn-social[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.auth-modal-card .modal-close-btn { font-size: 24px; }
.auth-account-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#auth-account p { text-align: center; display: grid; gap: 8px; margin: 16px 0; }
#auth-account p span { font-size: .78rem; color: var(--text-muted); overflow-wrap: anywhere; }
#auth-account .btn-auth-submit { width: 100%; }
.auth-pending { text-align: center; }
.auth-pending-icon { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 16px; border-radius: 18px; color: var(--accent); background: var(--accent-soft); }
.auth-pending p { margin: 0 0 16px; font-size: .84rem; line-height: 1.6; }
.auth-pending strong { display: block; overflow-wrap: anywhere; }
.auth-pending .auth-pending-help, #auth-resend-status { font-size: .74rem; color: var(--text-muted); }
.auth-pending .btn-auth-submit { width: 100%; margin-top: 4px; }
#auth-resend-status { display: block; min-height: 1.5em; margin-top: 8px; }
body:has(#auth-modal.open) { overflow: hidden; }
.workshop-auth-exit { flex-shrink: 0; border: 1px solid var(--border-strong); border-radius: 6px; background: var(--bg-elevated); color: var(--text-muted); cursor: pointer; }
@media (max-width: 900px) { .workshop-auth-exit { margin-left: auto; } }
@media (max-width: 640px) { .auth-modal-card { padding: 24px 18px; } .auth-modal-header h2 { font-size: 1.18rem; } .auth-account-name { max-width: 72px; } }