/* WatchParty Plus styles */
.wp-plus{ margin-top:10px; }
.wp-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.wp-ttl{ font-weight:700; }
.wp-filters{ display:flex; gap:10px; margin:10px 0; }
.wp-q{ flex:1; padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25); color:#fff; outline:none; }
.wp-calltype{ padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25); color:#fff; outline:none; }
.wp-list{ max-height:220px; overflow:auto; border-radius:12px; border:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.18); }
.wp-item{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.06); }
.wp-item:last-child{ border-bottom:none; }
.wp-name{ font-weight:700; }
.wp-sub{ opacity:.75; font-size:12px; margin-top:2px; }
.wp-empty{ padding:12px; opacity:.8; }
.wp-hint{ opacity:.8; margin-top:8px; font-size:12px; }
.wp-invite-toast{
  position:fixed; right:18px; bottom:18px;
  width:320px; max-width:calc(100vw - 36px);
  background:rgba(18,18,18,.95);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  box-shadow:0 12px 34px rgba(0,0,0,.55);
  padding:12px 12px 10px;
  z-index:99999;
}
.wp-invite-toast .t{ font-weight:800; margin-bottom:6px;}
.wp-invite-toast .s{ opacity:.85; font-size:13px; margin-bottom:10px;}
.wp-invite-toast .b{ display:flex; gap:10px; justify-content:flex-end; }

/* Global invite modal */
.wp-invite-modal.hidden{ display:none; }
.wp-invite-modal{ position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; }
.wp-im-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.65); backdrop-filter: blur(6px); }
.wp-im-card{ position:relative; width:420px; max-width:calc(100vw - 32px);
  border-radius:18px; overflow:hidden;
  background:rgba(18,18,18,.96);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 60px rgba(0,0,0,.65);
}
.wp-im-poster{ width:100%; aspect-ratio: 16/9; background:rgba(255,255,255,.06); }
.wp-im-poster img{ width:100%; height:100%; object-fit:cover; display:block; }
.wp-im-meta{ padding:12px 14px 8px; }
.wp-im-title{ font-weight:900; font-size:16px; line-height:1.25; }
.wp-im-sub{ opacity:.85; margin-top:6px; font-size:13px; }
.wp-im-actions{ display:flex; gap:10px; justify-content:flex-end; padding:12px 14px 14px; }