/* Boss room invitations and dual-channel communications. */
.boss-lobby-side { width: 330px; flex: 0 0 330px; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.boss-lobby-side .boss-lobby-target { width: 100%; flex: 0 0 auto; padding: 13px; }
.boss-lobby-side .boss-lobby-target img { width: 94px; height: 94px; }
.boss-lobby-side .boss-lobby-target h3 { margin: 2px 0 8px; font-size: 11px; }
.boss-lobby-side .boss-lobby-target > div { padding: 6px 8px; }
#bossRaidInvitePanel { padding: 10px; border: 1px solid rgba(167,139,250,.22); border-radius: 10px; background: rgba(17,10,35,.78); }
.boss-invite-head { display:flex; align-items:center; color:#ddd6fe; font:6px 'Press Start 2P',monospace; }
.boss-invite-head button { width:24px; height:24px; margin-left:auto; padding:0; border-radius:6px; }
#bossInviteForm { display:grid; grid-template-columns:minmax(0,1fr) 70px; gap:6px; margin-top:8px; }
#bossInviteForm input { min-width:0; height:31px; padding:0 8px; border:1px solid rgba(167,139,250,.2); border-radius:6px; color:#f5f3ff; background:rgba(2,6,23,.82); font-size:10px; }
#bossInviteForm button { height:31px; padding:0 5px; font-size:7px; }
#bossInviteFriends { max-height:70px; margin-top:7px; overflow-y:auto; }
#bossInviteFriends > span { color:rgba(203,213,225,.55); font-size:9px; }
#bossInviteFriends > button { width:100%; display:flex; align-items:center; gap:6px; padding:6px 7px; border:0; border-top:1px solid rgba(255,255,255,.05); color:#e2e8f0; background:transparent; font-size:9px; text-align:left; }
#bossInviteFriends > button span { overflow:hidden; flex:1; text-overflow:ellipsis; white-space:nowrap; }
#bossInviteFriends > button b { color:#94a3b8; font-size:8px; }
#bossInviteFriends > button i { color:#4ade80; font-style:normal; font-size:14px; }
#bossRaidLobbyCommsSlot { min-height:150px; flex:1; display:flex; }
#bossRaidLobbyCommsSlot #bossRaidGroupChat { width:100%; min-height:150px; }
.boss-group-chat-head button { padding:5px 7px; border:1px solid transparent; border-radius:5px; color:#94a3b8; background:transparent; font:6px 'Press Start 2P',monospace; }
.boss-group-chat-head button.is-active { border-color:rgba(56,189,248,.3); color:#cffafe; background:rgba(8,145,178,.18); }
#bossRaidInvitations { position:fixed; z-index:10050; top:18px; right:18px; width:min(350px,calc(100vw - 24px)); display:flex; flex-direction:column; gap:9px; pointer-events:none; }
#bossRaidInvitations article { pointer-events:auto; padding:14px; border:1px solid rgba(250,204,21,.45); border-radius:12px; color:#f8fafc; background:linear-gradient(145deg,rgba(26,20,4,.98),rgba(10,18,30,.98)); box-shadow:0 18px 50px rgba(0,0,0,.55),inset 0 0 24px rgba(250,204,21,.05); }
#bossRaidInvitations article > span { display:block; color:#facc15; font:6px 'Press Start 2P',monospace; }
#bossRaidInvitations article > strong { display:block; margin:8px 0 5px; font-size:12px; }
#bossRaidInvitations article > small { color:#94a3b8; }
#bossRaidInvitations article > div { display:flex; justify-content:flex-end; gap:7px; margin-top:11px; }
#bossRaidInvitations button { min-width:78px; height:31px; border-radius:7px; font-size:8px; }
#bossRaidInvitations [data-action="accept"] { border-color:rgba(74,222,128,.35); color:#dcfce7; background:rgba(21,128,61,.36); }
@media (max-width: 1120px) { .boss-lobby-side { width:275px; flex-basis:275px; } }
@media (max-width: 780px) {
  .boss-lobby-side { width:100%; flex:0 0 auto; }
  #bossRaidLobbyCommsSlot { min-height:190px; }
  #bossRaidInvitations { top:8px; right:8px; }
}