/* DMG Voice V4.2.43 - Invisibility / Rooftop UI */
.roomControlsTitle{gap:8px}
.roomControlsTitle>span:first-child{min-width:0}
.stealthToggle{
  margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:30px;padding:5px 10px;border:1px solid rgba(149,129,255,.34);border-radius:10px;
  background:linear-gradient(180deg,rgba(106,81,194,.22),rgba(55,38,116,.18));
  color:#dcd5ff;font-size:11px;font-weight:800;letter-spacing:.01em;cursor:pointer;white-space:nowrap;
  box-shadow:0 5px 16px rgba(21,12,49,.16);transition:.18s ease
}
.stealthToggle:hover{transform:translateY(-1px);border-color:rgba(174,157,255,.58);background:linear-gradient(180deg,rgba(121,93,219,.3),rgba(64,43,134,.25))}
.stealthToggle.active{color:#baf8df;border-color:rgba(61,224,166,.5);background:linear-gradient(180deg,rgba(20,145,107,.28),rgba(13,90,70,.24));box-shadow:0 0 0 1px rgba(61,224,166,.08),0 7px 18px rgba(9,70,54,.2)}
.stealthToggle.busy{opacity:.58;pointer-events:none}
.stealthToggle.hidden{display:none!important}
.stealthToggle .stealthStateDot{width:6px;height:6px;border-radius:50%;background:#8d7ad4;box-shadow:0 0 0 3px rgba(141,122,212,.12)}
.stealthToggle.active .stealthStateDot{background:#49e3aa;box-shadow:0 0 0 3px rgba(73,227,170,.13),0 0 9px rgba(73,227,170,.42)}
body.dmg-rooftop-active .roomControlsTitle{border-color:rgba(73,227,170,.13)}
.staffChatPermCell+.stealthPermCell,.stealthPermCell{white-space:nowrap}
.stealthPermSwitch{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#bfb8db}
.stealthPermSwitch input{position:absolute;opacity:0;pointer-events:none}
.stealthPermSwitch span{position:relative;width:34px;height:19px;border-radius:999px;background:#373147;border:1px solid #51496a;transition:.18s ease;cursor:pointer}
.stealthPermSwitch span:after{content:"";position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#aaa2c6;transition:.18s ease}
.stealthPermSwitch input:checked+span{background:rgba(54,190,139,.25);border-color:rgba(65,220,164,.55)}
.stealthPermSwitch input:checked+span:after{left:17px;background:#55e3ae}
.stealthPermSwitch input:disabled+span{opacity:.55;cursor:not-allowed}
.stealthOwnerPerm{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:rgba(235,191,77,.12);border:1px solid rgba(235,191,77,.24);color:#f4d77f;font-size:10px;font-weight:800}
.stealthNotEligible{font-size:10px;color:#77708a}
@media(max-width:720px){
  .stealthToggle{padding:5px 7px;min-width:31px}
  .stealthToggle .stealthLabel{display:none}
  .roomControlsTitle{gap:5px}
}
