.invite-dialog { box-sizing: border-box; width: min(600px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); margin: auto; padding: 28px; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; color: #18181b; overflow: auto; overscroll-behavior: contain; box-shadow: 0 24px 80px #0002; }
.invite-dialog::backdrop { background: #18181b80; }
.invite-dialog-header { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; }
.invite-dialog h2, .board-invite-onboarding h2 { margin: 5px 0 10px; font-size: 26px; line-height: 1.2; letter-spacing: -.7px; }
.invite-dialog p, .board-invite-onboarding p { font-size: 14px; line-height: 1.6; color: #52525b; margin: 10px 0 18px; }
.invite-dialog h3 { font-size: 14px; margin: 26px 0 12px; }
.invite-eyebrow { font-size: 10px !important; font-weight: 700; letter-spacing: 1.3px; margin: 0 !important; }
.invite-form, .invite-share { display: grid; gap: 14px; margin: 20px 0; }
.invite-form label, .invite-share label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; }
.invite-form input, .invite-share input { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: 12px 13px; background: #fff; border: 1px solid #d4d4d8; border-radius: 8px; color: #18181b; }
.invite-primary, .invite-quiet, .invite-auth-tabs button, .invite-text-button { cursor: pointer; font: inherit; font-size: 13px; font-weight: 600; border-radius: 8px; padding: 11px 14px; }
.invite-primary { border: 1px solid var(--workspace-accent, #18181b); background: var(--workspace-accent, #18181b); color: var(--workspace-accent-contrast, #fff); }
.invite-primary:disabled, .invite-quiet:disabled { opacity: .5; cursor: wait; }
.invite-quiet { border: 1px solid #e4e4e7; background: #fff; color: #3f3f46; }
.invite-dialog :focus-visible, .board-invite-onboarding :focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }
.invite-caption { color: #71717a !important; font-size: 12px !important; margin: 0 !important; }
.invite-share { background: #f7f7f8; border: 1px solid #e4e4e7; padding: 16px; border-radius: 10px; }
.invite-share[hidden] { display: none; }
.invite-notice { color: #176649 !important; overflow-wrap: anywhere; }
.invite-notice.is-error { color: #b42318 !important; }
.invite-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #eeeef0; }
.invite-row > div { display: grid; gap: 5px; min-width: 0; }
.invite-row strong, .invite-row span, .invite-row small { overflow-wrap: anywhere; }
.invite-row strong { font-size: 13px; }
.invite-row span, .invite-row small { font-size: 12px; color: #71717a; }
.invite-auth-tabs { display: flex; gap: 4px; padding: 4px; background: #f4f4f5; border-radius: 10px; margin-top: 20px; }
.invite-auth-tabs button { flex: 1; border: none; background: transparent; color: #71717a; }
.invite-auth-tabs [aria-pressed="true"] { background: #fff; color: #18181b; box-shadow: 0 1px 3px #0001; }
.invite-text-button { border: none; padding: 6px 0; background: transparent; color: #71717a; text-decoration: underline; }
.board-invite-active #loginForm, .board-invite-active .login-pod-header, .board-invite-active .login-divider, .board-invite-active .sso-buttons-group, .board-invite-active .login-footer-action, .board-invite-active #passwordSetupForm { display: none !important; }
.board-invite-onboarding { width: 100%; min-width: 0; }
.invite-google-auth, .invite-google-hint { display: none !important; }
.google-auth-enabled .invite-google-auth { display: flex !important; width: 100%; justify-content: center; align-items: center; gap: 10px; margin: 18px 0 10px; }
.google-auth-enabled .invite-google-hint { display: block !important; }
[data-google-auth]:disabled { opacity: .6; cursor: wait; }
@media (max-width: 560px) { .invite-dialog { padding: 20px; } .invite-row { align-items: flex-start; } }