.room-invite { position:fixed; right:max(14px,env(safe-area-inset-right)); top:calc(max(14px,env(safe-area-inset-top)) + 212px); z-index:28; direction:rtl; font:500 12px Rubik,Arial,sans-serif; color:#efdfc7; }
.room-invite [hidden], .room-invite[hidden] { display:none !important; }
.room-invite button { color:inherit; font:inherit; cursor:pointer; min-height:44px; padding:9px 14px; border:1px solid #765647; border-radius:12px; background:#2a1d29; }
.room-invite button:focus-visible, .room-invite input:focus-visible { outline:3px solid #f0c48a; outline-offset:3px; }
.room-invite .room-invite-toggle { border-radius:999px; color:#edd4ab; background:#1b1223ec; }
.room-invite section { position:absolute; top:52px; right:0; width:min(310px,calc(100vw - 28px)); padding:18px; border:1px solid #86614a; border-radius:18px; background:#241b29; box-shadow:0 12px 40px #0009; }
.room-invite h2 { font-size:17px; margin:0 0 16px; padding-left:65px; }
.room-invite p { font-size:13px; line-height:1.6; margin:12px 0; }
.room-invite .room-invite-close { position:absolute; left:7px; top:8px; background:transparent; border-color:transparent; }
.room-invite input { width:100%; min-width:0; padding:12px 9px; border:1px solid #715145; border-radius:9px; background:#140f1a; color:#ebc891; font:12px monospace; }
.room-invite-actions { display:flex; gap:8px; margin-top:13px; }
.room-invite-actions button:first-child { background:#e1b57d; color:#27170d; border-color:#e1b57d; }
.room-invite .room-invite-status { min-height:20px; color:#c6d6b3; margin-bottom:0; }
@media(max-height:540px) {
 .room-invite { top:66px; right:max(14px,env(safe-area-inset-right)); }
 .room-invite section { position:fixed; left:50%; right:auto; top:62px; transform:translateX(-50%); max-height:calc(100dvh - 76px); overflow-y:auto; }
}