/*
 * Invite partners (invite-partners.js; the Founder, 24 October 2026): the public site's marketing look inside the
 * Terminal. The hex pattern and the site's faces in the hero, the claim banner's purple for the reward, then the form
 * and the person's invites on the Terminal's own cards. Phone first; the Terminal's tokens throughout.
 */
.invite-page{display:grid;gap:16px;max-width:760px;margin:0 auto;min-width:0}
.invite-hero{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 20px 24px;border-radius:24px;border:1px solid var(--line,#e7e5ee);background:url('/shared/assets/hex-pattern.svg') center/120px auto repeat,radial-gradient(120% 90% at 50% 0%,#f4ecfd 0%,#fbf9fe 55%,var(--surface,#fff) 100%);color:var(--ink,#24212d)}
.invite-hero-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#7929c3,#4c1b82);color:#fff;box-shadow:0 6px 0 #ede0f6}
.invite-hero-mark .icon{width:34px;height:34px;stroke-width:1.6}
.invite-kicker{margin:6px 0 0;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--purple,#6d28b5)}
/* The hero's headline is the page's h1 and is shown (main's h1s are otherwise for screen readers, primary-face.css). */
.app-shell>.topbar+main#main .invite-hero h1#invite-title{position:static;width:auto;height:auto;padding:0;overflow:visible;clip:auto;white-space:normal;border:0}
.invite-hero h1{margin:0;font-size:clamp(26px,7vw,36px);line-height:1.15;font-weight:700;letter-spacing:-.01em;max-width:16ch;overflow-wrap:anywhere}
.invite-lead{margin:0;max-width:44ch;font-size:15px;line-height:1.5;color:var(--muted,#686577)}
.invite-faces{display:flex;justify-content:center;margin-top:10px;padding-inline-start:12px}
.invite-face{width:48px;height:48px;border-radius:50%;margin-inline-start:-12px;border:3px solid var(--surface,#fff);background:#f2ecfa;object-fit:cover;box-shadow:0 2px 8px #2d123414}
.invite-reward{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-radius:22px;background:linear-gradient(125deg,#7929c3,#4c1b82);color:#fff;border:2px solid #c8a3e8;box-shadow:0 6px 0 #ede0f6;min-width:0}
.invite-reward-copy{min-width:0;display:grid;gap:6px}
.invite-reward-kicker{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ead9f8}
.invite-reward strong{font-size:clamp(20px,5.6vw,28px);line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.invite-reward small{font-size:13px;line-height:1.45;color:#ead9f8}
.invite-reward-badge{flex:none;display:grid;place-items:center;align-content:center;width:84px;height:84px;border-radius:50%;border:1px solid #d0b0f0;background:#ffffff15;transform:rotate(8deg);text-align:center}
.invite-reward-badge b{font-size:24px;line-height:1.1;font-weight:700}
.invite-reward-badge span{font-size:12px}
.invite-reward-none{background:var(--soft,#f2ecfa);color:var(--ink,#24212d);border-color:var(--line,#e7e5ee)}
.invite-reward-none p{margin:0}
.invite-benefits{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.invite-benefit{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1px solid var(--line,#e7e5ee);background:var(--surface,#fff)}
.invite-benefit-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft,#f2ecfa);color:var(--purple,#6d28b5)}
.invite-benefit strong{display:block;font-size:15px;line-height:1.3}
.invite-benefit small{display:block;margin-top:3px;font-size:13px;line-height:1.45;color:var(--muted,#686577)}
.invite-form-card h2,.invite-list-card h2{margin:0 0 12px;font-size:18px}
.invite-form{display:grid;gap:14px}
.invite-form label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}
.invite-form label .meta{font-weight:400}
.invite-form textarea{width:100%;min-width:0;box-sizing:border-box;resize:vertical;font:inherit;font-weight:400}
.invite-send,.invite-copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px}
.invite-send .icon,.invite-copy .icon{width:20px;height:20px}
.invite-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted,#686577);font-size:13px}
.invite-or::before,.invite-or::after{content:"";flex:1;border-top:1px solid var(--line,#e7e5ee)}
.invite-link-said{margin:8px 0 0;text-align:center}
.invite-manual{display:grid;gap:6px;margin-top:12px;font-size:13px}
.invite-manual input{width:100%;box-sizing:border-box}
.invite-said{margin:14px 0 0;padding:10px 12px;border-radius:12px;background:#e8f5ee;color:var(--green,#16794d);font-weight:600}
.invite-list-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:6px}
.invite-list-head h2{margin:0}
.invite-totals{margin:0}
.invite-rows{list-style:none;margin:0;padding:0}
.invite-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--line,#e7e5ee);min-width:0}
.invite-row:first-child{border-top:0}
.invite-row-email,.invite-row-link{min-width:0;overflow-wrap:anywhere;font-size:14px}
.invite-row-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#686577)}
.invite-row-link .icon{width:16px;height:16px}
.invite-row-end{flex:none;display:inline-flex;align-items:center;gap:8px}
.invite-status{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--soft,#f2ecfa);color:var(--purple,#6d28b5)}
.invite-status[data-tone=green]{background:#e8f5ee;color:var(--green,#16794d)}
.invite-status[data-tone=amber]{background:#fbf0e3;color:var(--amber,#955215)}
.invite-status[data-tone=muted]{background:#f1f0f4;color:var(--muted,#686577)}
.invite-row-earned{font-size:13px;font-weight:700;color:var(--green,#16794d)}
/* The header's invite icon (terminal-app.js): one button beside Search, the same size as the bar's others on a phone. */
.topbar .top-right>.top-invite{color:var(--muted,#686577)}
.topbar .top-right>.top-invite:hover{color:var(--purple,#6d28b5)}
.topbar .top-invite .icon{stroke-width:1.7}
body .topbar .top-more>[data-top-invite]{display:none}
@media (max-width:480px){
 body .topbar .top-right>.top-invite{display:inline-flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin:0!important;flex:none}
}
@media (min-width:701px){
 .invite-hero{padding:44px 32px 34px}
 .invite-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}
 .invite-benefit{flex-direction:column}
 .invite-reward{padding:26px 32px}
 .invite-send,.invite-copy{width:auto;padding-inline:22px}
 .invite-link-said{text-align:start}
}
[data-theme=dark] .invite-hero{background:url('/shared/assets/hex-pattern.svg') center/120px auto repeat,radial-gradient(120% 90% at 50% 0%,#2c1d44 0%,#1e2028 70%);border-color:var(--line,#2b2d36)}
[data-theme=dark] .invite-face{border-color:#1e2028}
[data-theme=dark] .invite-reward{box-shadow:0 6px 0 #2c1d44;border-color:#7d55ad}
[data-theme=dark] .invite-benefit{background:var(--surface,#1e2028)}
[data-theme=dark] .invite-benefit-icon,[data-theme=dark] .invite-status{background:#30323d;color:#d9c2f5}
[data-theme=dark] .invite-said,[data-theme=dark] .invite-status[data-tone=green]{background:#173326;color:#8fdcb4}
[data-theme=dark] .invite-row-earned{color:#8fdcb4}