/* Hyperfocus invite flow, mapped onto Greeter's iris tokens. */
body.auth-pending > .sidebar, body.auth-pending > .workspace,
body.auth-locked > .sidebar, body.auth-locked > .workspace { visibility: hidden; }
.auth-stage { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 24px; background: #f7f7f8; }
.auth-stage[hidden] { display: none; }
.auth-card { width: min(400px, 100%); padding: 32px; background: var(--bg-base); border: 1px solid var(--border-default); border-radius: 12px; box-shadow: 0 18px 55px rgba(10,10,10,.09); }
.auth-lockup { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 28px; font-size: 17px; font-weight: 650; letter-spacing: -.3px; }
.auth-mark { width: 28px; height: 28px; display: grid; place-items: center; color: var(--brand-iris); }
.auth-mark svg { width: 28px; height: 28px; }
.auth-head { text-align: center; margin-bottom: 24px; }
.auth-head h1, .invite-invalid h1 { font-size: 19px; line-height: 1.3; font-weight: 650; letter-spacing: -.35px; }
.auth-head p, .invite-invalid p { margin-top: 6px; color: var(--text-tertiary); font-size: 12.5px; line-height: 1.55; }
.auth-field, .team-field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.auth-field > span, .team-field > span { color: var(--text-secondary); font-size: 11.5px; font-weight: 600; }
.auth-field input, .team-field input { width: 100%; height: 40px; padding: 0 12px; border: 1px solid var(--border-default); border-radius: var(--radius-md); background: #fff; color: var(--text-primary); font: inherit; outline: none; }
.auth-field input:focus, .team-field input:focus { border-color: var(--brand-iris); box-shadow: 0 0 0 3px var(--brand-iris-tint); }
.auth-primary { min-height: 40px; width: 100%; border: 0; border-radius: var(--radius-md); background: var(--brand-iris); color: #fff; font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.auth-primary:hover { background: var(--brand-iris-hover); }
.auth-primary:disabled { opacity: .55; cursor: wait; }
.auth-error, .team-modal-error { margin: -4px 0 14px; padding: 9px 11px; border-radius: var(--radius-md); background: rgba(220,38,38,.07); color: var(--danger); font-size: 12px; }
.auth-foot { text-align: center; margin-top: 14px; color: var(--text-tertiary); font-size: 10.5px; }
.invite-kicker { text-align: center; margin-bottom: 24px; }
.invite-kicker > span { color: var(--brand-iris); text-transform: uppercase; letter-spacing: 1.2px; font-size: 10px; font-weight: 700; }
.invite-org { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 9px 0 5px; }
.invite-org strong { font-size: 17px; }
.invite-org-mark { width: 28px; height: 28px; display: grid; place-items: center; padding: 5px; border-radius: var(--radius-md); background: var(--brand-iris-tint); color: var(--brand-iris); }
.invite-org-mark svg { width: 18px; height: 18px; }
.invite-kicker p { color: var(--text-tertiary); font-size: 12px; margin-bottom: 12px; }
.invite-kicker code { display: inline-flex; padding: 7px 12px; border: 1px solid var(--border-subtle); border-radius: 999px; background: var(--bg-elevated); color: var(--text-secondary); font: 11.5px 'JetBrains Mono', monospace; }
.invite-invalid { text-align: center; }
.invalid-icon { width: 50px; height: 50px; display: inline-grid; place-items: center; margin-bottom: 16px; border-radius: 12px; background: rgba(220,38,38,.08); color: var(--danger); font-size: 22px; font-weight: 700; }
.invite-invalid .auth-primary { margin-top: 22px; }
.team-list-card { margin-top: 20px; border: 1px solid var(--border-subtle); border-radius: var(--radius-lg); background: var(--bg-base); overflow: hidden; }
.team-list-label { padding: 11px 14px; border-bottom: 1px solid var(--border-subtle); color: var(--text-tertiary); font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.team-member-row { min-height: 58px; display: flex; align-items: center; gap: 12px; padding: 9px 14px; border-bottom: 1px solid var(--border-subtle); }
.team-member-row:last-child { border-bottom: 0; }
.team-avatar { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--brand-iris-tint); color: var(--brand-iris); font-size: 10px; font-weight: 700; }
.team-avatar.is-pending { background: var(--bg-elevated); color: var(--text-tertiary); }
.team-member-copy { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.team-member-copy strong { font-size: 12.5px; font-weight: 600; }
.team-member-copy span { color: var(--text-tertiary); font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.team-role { padding: 2px 7px; border-radius: 4px; background: var(--bg-elevated); color: var(--text-tertiary); font: 9px 'JetBrains Mono', monospace; text-transform: uppercase; }
.team-revoke { border: 0; background: transparent; color: var(--text-tertiary); font: inherit; font-size: 11px; cursor: pointer; }
.team-revoke:hover { color: var(--danger); }
.team-empty { padding: 22px; text-align: center; color: var(--text-tertiary); font-size: 12px; }
.team-empty.is-error { color: var(--danger); }
.team-modal-overlay { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; padding: 20px; background: rgba(10,10,10,.34); backdrop-filter: blur(2px); }
.team-modal { position: relative; width: min(420px, 100%); padding: 24px; border: 1px solid var(--border-default); border-radius: 10px; background: #fff; box-shadow: 0 24px 80px rgba(10,10,10,.2); }
.team-modal header { margin-bottom: 22px; }
.team-modal header h2 { font-size: 17px; font-weight: 650; letter-spacing: -.25px; }
.team-modal header p { margin-top: 5px; color: var(--text-tertiary); font-size: 12px; line-height: 1.5; }
.team-modal-x { position: absolute; top: 14px; right: 14px; width: 28px; height: 28px; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--text-tertiary); font-size: 20px; cursor: pointer; }
.team-modal-x:hover { background: var(--bg-elevated); }
.team-role-seg { display: flex; gap: 5px; padding: 4px; border: 1px solid var(--border-default); border-radius: var(--radius-md); background: var(--bg-elevated); }
.team-role-seg button { flex: 1; height: 48px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 12px; border: 0; border-radius: 4px; background: transparent; color: var(--text-secondary); cursor: pointer; }
.team-role-seg button.is-selected { background: var(--brand-iris-tint); color: var(--brand-iris); }
.team-role-seg b { font-size: 12px; }
.team-role-seg small { margin-top: 1px; opacity: .72; font-size: 10px; }
.team-created { display: flex; gap: 7px; margin-bottom: 18px; padding: 9px 11px; border: 1px solid rgba(22,163,74,.2); border-radius: var(--radius-md); background: rgba(22,163,74,.07); color: var(--status-resolved); font-size: 11.5px; }
.team-link { position: relative; }
.team-link input { padding-right: 72px; font: 11px 'JetBrains Mono', monospace; color: var(--text-secondary); }
.team-link button { position: absolute; right: 5px; top: 5px; height: 30px; padding: 0 9px; border: 0; border-left: 1px solid var(--border-subtle); background: #fff; color: var(--brand-iris); font: inherit; font-size: 11px; cursor: pointer; }
.team-field small { color: var(--text-tertiary); font-size: 10.5px; }
.team-modal-actions { display: flex; gap: 8px; margin-top: 23px; }
.team-modal-actions .auth-primary { width: auto; padding: 0 18px; margin-left: auto; }
.team-secondary { border: 1px solid var(--border-default); border-radius: var(--radius-md); background: #fff; color: var(--text-secondary); padding: 0 13px; font: inherit; font-size: 12px; cursor: pointer; }
@media (max-width: 520px) { .auth-card { padding: 24px 20px; } .team-modal { padding: 22px 18px; } }