.rs-invite-permission{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #8b9bb323}.rs-invite-permission b{font-size:calc(12px * var(--pg-ts,1));font-weight:500}.rs-invite-permission small{display:block;margin-top:5px;font-size:calc(10px * var(--pg-ts,1))}#party-settings .rs-invite-permission button{width:34px;height:20px;min-width:34px;border:0;border-radius:20px;padding:2px;margin:0;background:#a5afbd70;display:block}.rs-invite-permission button i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform 180ms ease}#party-settings .rs-invite-permission button[aria-checked=true]{background:var(--pg-btn-bg);color:var(--pg-btn-fg)}.rs-invite-permission button[aria-checked=true] i{transform:translateX(14px)}.room-invite-trigger:disabled{opacity:.35;cursor:not-allowed}
#room-friend-invites{width:320px;max-width:calc(100vw - 32px);border:1px solid #ffffffa8;border-radius:18px;padding:20px;background:#edf2f7a3;backdrop-filter:blur(22px);box-shadow:0 20px 60px #23395130;color:#35445d}#room-friend-invites::backdrop{background:#17253815}#room-friend-invites h3{font-size:calc(15px * var(--pg-ts,1));margin:0 0 6px}#room-friend-invites small{font-size:calc(10px * var(--pg-ts,1));color:#8895a8}.room-invite-close{position:absolute;right:12px;top:12px;font-size:calc(20px * var(--pg-ts,1));color:#8997a9}#room-friend-invites input{box-sizing:border-box;width:100%;border:1px solid #96a8c02b;border-radius:9px;background:#ffffff35;color:inherit;font-size:calc(12px * var(--pg-ts,1));padding:10px;margin:14px 0 8px}.room-invite-list{height:156px;overflow:auto}.room-invite-list>div{display:flex;align-items:center;gap:9px;height:52px;font-size:calc(12px * var(--pg-ts,1))}.room-invite-list button{margin-left:auto;background:var(--pg-btn-bg);color:var(--pg-btn-fg);border-radius:7px;padding:7px 11px;font-size:calc(11px * var(--pg-ts,1))}.room-invite-list button[aria-pressed=true]{background:#8c99ac30;color:#7d8b9f}#room-friend-invites [role=status]{font-size:calc(10px * var(--pg-ts,1));min-height:12px;color:#8393a8}.dark #room-friend-invites{background:#26354ab5;color:#dde6f5;border-color:#bacfe52b}

/* A shared invitation entry, with friend and AI tabs at the same level. */
#room-friend-invites{width:360px;min-height:300px;}
#room-friend-invites .room-invite-tabs{display:flex;gap:6px;margin:20px 0 18px;border-bottom:1px solid var(--pg-glass-line,#cbd5e1);}
#room-friend-invites .room-invite-tabs button{flex:1;min-width:0;min-height:44px;padding:10px 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font-size:calc(14px * var(--pg-ts,1));font-weight:600;line-height:1.5;}
#room-friend-invites .room-invite-tabs button[aria-selected=true]{color:var(--pg-glass-accent,var(--pg-accent));border-bottom-color:currentColor;}
#room-friend-invites .room-invite-tabs button:focus-visible{outline:2px solid #8394ef;outline-offset:2px;border-radius:6px;}
#room-friend-invites [role=tabpanel][hidden]{display:none;}
#room-friend-invites .room-ai-invite-empty{display:flex;align-items:center;flex-direction:column;gap:12px;padding:24px 12px 30px;text-align:center;}
#room-friend-invites .room-ai-invite-empty svg{width:36px;height:36px;color:var(--pg-glass-accent,#4054c7);}
#room-friend-invites .room-ai-invite-empty b{font-size:calc(15px * var(--pg-ts,1));line-height:1.5;font-weight:600;}
#room-friend-invites .room-ai-invite-empty p{margin:0;font-size:calc(13px * var(--pg-ts,1));line-height:1.7;color:var(--pg-glass-muted,#536277);max-width:29em;}
@media (max-width:700px),(hover:none) and (pointer:coarse) and (max-height:500px){#room-friend-invites .room-invite-tabs{margin-top:8px;}body.dark #room-friend-invites .room-ai-invite-empty p{color:#bdc9db;}body.dark #room-friend-invites .room-invite-tabs button[aria-selected=true],body.dark #room-friend-invites .room-ai-invite-empty svg{color:var(--pg-accent);}}

/* 2026-10-06 Claude: 오른쪽→왼쪽 언어에서는 제목이 오른쪽에서 시작하므로 닫기(×)를 왼쪽 위로(아랍어에서 제목과 겹치던 것). */
html[dir=rtl] .room-invite-close{right:auto;left:12px}