.composerInputModern{position:relative}
.composerInputModern #sendChat.staffAudienceActive{box-shadow:0 0 0 2px rgba(255,190,67,.20),0 8px 24px rgba(92,66,255,.28)}

/* V4.2.40: compact, readable audience selector next to send arrow */
.chatAudienceToggle{
  height:36px;min-width:104px;padding:0 10px;border:1px solid rgba(145,126,255,.30);border-radius:10px;
  background:linear-gradient(180deg,rgba(103,82,240,.98),rgba(79,58,208,.98));color:#fff;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;
  cursor:pointer;box-shadow:0 7px 18px rgba(53,38,145,.25);margin-left:2px;z-index:3;white-space:nowrap;
  transition:transform .15s ease,filter .15s ease,border-color .15s ease
}
.chatAudienceToggle:hover{filter:brightness(1.08);transform:translateY(-1px);border-color:rgba(175,161,255,.52)}
.chatAudienceToggle:active{transform:translateY(0)}
.chatAudienceToggle .chatAudienceIcon{font-size:15px;line-height:1}
.chatAudienceToggle b{font-size:11px;line-height:1;font-weight:850}
.chatAudienceToggle .chatAudienceArrow{font-size:10px;line-height:1;opacity:.78;margin-left:1px}
.chatAudienceToggle[data-mode="staff"]{background:linear-gradient(180deg,#8a642d,#6841c8);border-color:rgba(255,202,106,.26)}

.chatAudienceMenu{
  position:absolute;right:0;bottom:calc(100% + 9px);width:210px;padding:6px;border-radius:12px;
  border:1px solid rgba(133,111,255,.30);background:#111622;box-shadow:0 18px 48px rgba(0,0,0,.46);
  display:none;z-index:10020
}
.chatAudienceMenu.open{display:grid;gap:4px}
.chatAudienceMenu button{
  width:100%;height:42px;border:0;background:transparent;color:#eef1ff;border-radius:9px;padding:0 10px;
  display:grid;grid-template-columns:26px 1fr 18px;gap:8px;align-items:center;text-align:left;cursor:pointer;
  transition:background .14s ease,transform .14s ease
}
.chatAudienceMenu button:hover{background:rgba(116,88,255,.12)}
.chatAudienceMenu button.active{background:rgba(116,88,255,.18)}
.chatAudienceMenu button>span{font-size:18px;line-height:1}
.chatAudienceMenu button>b{font-size:12px;font-weight:850;white-space:nowrap}
.chatAudienceMenu button i{font-style:normal;opacity:0;color:#9c8cff;font-size:13px;text-align:center}
.chatAudienceMenu button.active i{opacity:1}

.staffChatPermCell{min-width:150px}.staffChatPermSwitch{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.staffChatPermSwitch input{position:absolute;opacity:0;pointer-events:none}.staffChatPermSwitch span{width:34px;height:19px;border-radius:999px;background:#343b4b;position:relative;transition:.18s}.staffChatPermSwitch span:after{content:"";position:absolute;width:15px;height:15px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.18s}.staffChatPermSwitch input:checked+span{background:#7254ff}.staffChatPermSwitch input:checked+span:after{transform:translateX(15px)}.staffChatPermSwitch input:disabled+span{opacity:.45}.staffChatPermSwitch b{font-size:11px;color:#aeb7ca}.staffChatOwnerPerm{display:inline-flex;align-items:center;padding:5px 8px;border-radius:8px;background:rgba(114,84,255,.13);color:#c8bdff;font-size:11px;font-weight:800}

@media(max-width:720px){
  .chatAudienceToggle{height:34px;min-width:42px;width:42px;padding:0;gap:0;border-radius:9px}
  .chatAudienceToggle b,.chatAudienceToggle .chatAudienceArrow{display:none}
  .chatAudienceToggle .chatAudienceIcon{font-size:16px}
  .chatAudienceMenu{right:-2px;bottom:calc(100% + 8px);width:188px}
}
.chatAudienceToggle[data-mode="room"]{background:linear-gradient(180deg,rgba(103,82,240,.98),rgba(79,58,208,.98))}
.chatAudienceToggle[data-mode="all"]{background:linear-gradient(180deg,#287b72,#3c54c8);border-color:rgba(92,225,204,.28)}
.chatAudienceToggle[data-mode="staff"]{background:linear-gradient(180deg,#8a642d,#6841c8);border-color:rgba(255,202,106,.26)}

/* V4.2.42: static audience control, guaranteed placement next to send button */
.composerInputModern #chatAudienceToggle.hidden{display:none!important}
.composerInputModern #chatAudienceToggle{flex:0 0 auto!important;width:auto!important;min-width:112px!important;height:36px!important;margin-left:2px!important}
.composerInputModern #sendChat{flex:0 0 36px!important}
.composerInputModern #chatInput{min-width:80px!important;flex:1 1 auto!important;width:auto!important}
@media(max-width:720px){
 .composerInputModern #chatAudienceToggle{width:40px!important;min-width:40px!important;flex-basis:40px!important}
}