.staff-chat-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:inherit}.staff-chat-widget[hidden]{display:block!important}.staff-chat-launcher{position:relative;width:54px;height:54px;border:1px solid rgba(125,160,220,.3);border-radius:18px;background:linear-gradient(135deg,#101b35,#17264a);color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.35);cursor:pointer}.staff-chat-launcher:hover{transform:translateY(-1px)}.staff-chat-launcher-icon{font-size:22px}.staff-chat-unread{position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900}.staff-chat-drawer{position:absolute;right:0;bottom:66px;width:min(720px,calc(100vw - 28px));height:min(620px,calc(100vh - 120px));border:1px solid rgba(119,151,210,.25);border-radius:22px;background:linear-gradient(180deg,rgba(12,20,38,.98),rgba(5,10,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden;color:#eaf2ff}.staff-chat-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(255,255,255,.03)}.staff-chat-head strong{display:block;font-size:15px}.staff-chat-head small{display:block;color:#94a3b8;font-size:12px;margin-top:2px}.staff-chat-head button{border:0;background:rgba(255,255,255,.08);color:#fff;width:32px;height:32px;border-radius:10px;font-size:20px;cursor:pointer}.staff-chat-body{display:grid;grid-template-columns:190px minmax(0,1fr);height:calc(100% - 64px)}.staff-chat-channels{border-right:1px solid rgba(148,163,184,.14);padding:12px;background:rgba(0,0,0,.16);overflow:auto}.staff-chat-channel{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:10px 11px;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(255,255,255,.035);color:#dbe8ff;font-weight:800;text-align:left;cursor:pointer}.staff-chat-channel.active{border-color:rgba(92,148,255,.55);background:linear-gradient(135deg,rgba(92,148,255,.22),rgba(201,70,255,.12));color:#fff}.staff-chat-channel span:last-child{font-size:11px;color:#fff;background:rgba(239,68,68,.8);border-radius:999px;padding:2px 6px}.staff-chat-main{min-width:0;display:grid;grid-template-rows:1fr auto}.staff-chat-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}.staff-chat-empty{margin:auto;color:#94a3b8}.staff-chat-message{padding:10px 12px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.04)}.staff-chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:#94a3b8;font-size:12px}.staff-chat-message strong{color:#fff;font-size:13px}.staff-chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#dbe8ff;line-height:1.45}.staff-chat-delete{border:0;background:transparent;color:#fca5a5;font-size:11px;cursor:pointer}.staff-chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-top:1px solid rgba(148,163,184,.14);background:rgba(255,255,255,.03)}.staff-chat-compose textarea{resize:none;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(0,0,0,.22);color:#fff;padding:11px;outline:none}.staff-chat-compose textarea:focus{border-color:rgba(92,148,255,.65);box-shadow:0 0 0 3px rgba(92,148,255,.14)}.staff-chat-compose button{border:0;border-radius:13px;background:linear-gradient(135deg,#4f8cff,#c946ff);color:#fff;font-weight:900;padding:0 18px;cursor:pointer}@media(max-width:720px){.staff-chat-widget{right:12px;bottom:12px}.staff-chat-drawer{width:calc(100vw - 24px);height:calc(100vh - 92px);bottom:64px}.staff-chat-body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.staff-chat-channels{display:flex;gap:8px;border-right:0;border-bottom:1px solid rgba(148,163,184,.14);overflow:auto}.staff-chat-channel{min-width:150px;margin:0}.staff-chat-compose{grid-template-columns:1fr}.staff-chat-compose button{min-height:42px}}
/* V30.1 channel customisation */
.staff-chat-channel{position:relative;justify-content:flex-start;padding:9px 10px;border-color:color-mix(in srgb,var(--channel-color,#5865f2) 42%,rgba(148,163,184,.18));}
.staff-chat-channel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#5865f2) 18%,transparent),transparent 62%);opacity:.7;pointer-events:none}.staff-chat-channel>*{position:relative}.staff-chat-channel.active{border-color:color-mix(in srgb,var(--channel-color,#5865f2) 72%,#fff 8%);background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#5865f2) 28%,#0d162d),rgba(255,255,255,.04));}.staff-chat-channel-icon{width:25px;height:25px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--channel-color,#5865f2) 28%,rgba(255,255,255,.08));box-shadow:0 0 18px color-mix(in srgb,var(--channel-color,#5865f2) 35%,transparent);font-size:13px;flex:0 0 auto}.staff-chat-channel-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-chat-channel-count{font-size:11px;color:#fff;background:color-mix(in srgb,var(--channel-color,#ef4444) 82%,#000);border-radius:999px;padding:2px 6px;font-weight:900}.staff-chat-channel span:last-child{background:color-mix(in srgb,var(--channel-color,#ef4444) 82%,#000)}.staff-chat-compose.is-disabled{opacity:.7}.staff-chat-compose textarea:disabled{cursor:not-allowed;color:#93a4bd}.staff-chat-compose button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.2)}