/* Focused invitation UI; no camera or personal data leaves the device for decoding. */
.invite-sheet-overlay { position:fixed; inset:0; z-index:22000; background:#18271fb3; display:flex; align-items:center; justify-content:center; padding:16px; }
.invite-sheet { background:var(--bg-surface,#fff); color:var(--text-primary,#243c2d); width:min(100%,440px); max-height:90dvh; overflow:auto; border-radius:22px; padding:22px; box-shadow:0 20px 70px #0003; }
.invite-sheet header {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.invite-sheet h2 {font-size:21px;margin:0}
.invite-sheet h3 {font-size:23px;margin:8px 0}
.invite-close {width:44px;height:44px;flex-shrink:0;border:0;background:transparent;color:inherit;font-size:28px;border-radius:50%;cursor:pointer}
.invite-sheet-body {display:flex;flex-direction:column;gap:12px}
.invite-sheet p {line-height:1.55;font-size:14px;margin:0;color:var(--text-secondary,#5c6b60)}
.invite-sheet .btn {min-height:46px;white-space:normal;width:100%;cursor:pointer}
.invite-sheet input:not([type=checkbox]),.invite-sheet select {box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid var(--border,#ddd);border-radius:12px;background:var(--bg-surface,#fff);color:inherit;font:inherit}
.invite-sheet input[readonly] {font-size:12px}
.invite-sheet label {font-size:14px;display:block}
.invite-friend-choice {display:flex!important;align-items:center;gap:10px;min-height:44px}
.invite-friend-choice input {width:20px;height:20px}
.invite-friends,.invite-sheet details {display:flex;flex-direction:column;gap:12px}
.invite-sheet details {display:block;padding:10px 0;border-top:1px solid var(--border,#ddd)}
.invite-sheet summary {cursor:pointer;min-height:36px;line-height:36px}
.invite-sheet details input,.invite-sheet details button {margin-top:10px}
.invite-sheet .invite-qr {width:min(100%,256px)!important;height:auto!important;background:#fff;border-radius:12px;align-self:center}
.invite-video {width:100%;max-height:300px;object-fit:cover;border-radius:14px;background:#121c16}
.invite-status {margin-top:16px!important}
.invite-sheet :focus-visible {outline:3px solid #799b75;outline-offset:3px}
#friends-hero-card {display:none!important}
#friends-sent-invitations {margin:12px 0 18px}
#friends-sent-invitations summary {min-height:44px;line-height:44px;cursor:pointer;font-size:14px}
#friends-root-view[data-has-activity=true] #friends-activity-wrapper {display:block!important}
#friends-root-view [hidden] {display:none!important}
@media(max-width:480px){.invite-sheet-overlay{align-items:flex-end;padding:8px}.invite-sheet{padding:20px;border-radius:22px 22px 12px 12px;max-height:94dvh}}

.friend-progress{display:block;font-size:12px;color:var(--text-secondary,#5c6b60);margin-top:4px}