/* Võ Lâm 1 PC - compact classic chat. Scope only to the chat window. */
#globalChatToggle{position:absolute;left:calc(var(--safe-l,0px) + 10px);bottom:calc(var(--chat-bar-over,34px) + 4px);z-index:12;width:44px;height:44px;border:1px solid #9a947c;border-radius:0;background:#15251de8;color:#f4dfab;font-size:22px;cursor:pointer}
#globalChatToggle[aria-expanded=true]{background:#425044}
#globalChat{position:absolute;left:calc(var(--safe-l,0px) + 6px);bottom:calc(var(--chat-bar-over,34px) + 52px);z-index:12;box-sizing:border-box;width:min(500px,calc(100% - var(--safe-l,0px) - var(--safe-r,0px) - 12px));height:min(350px,calc(100% - var(--chat-bar-over,34px) - 85px));min-height:175px;display:flex;flex-direction:column;overflow:hidden;border:6px ridge #888b7e;border-radius:0;background:linear-gradient(#111c17f5,#0b1612f7);color:#deded0;font:14px/1.42 var(--font,monospace);box-shadow:inset 0 0 0 2px #293a33,0 5px 18px #000b;pointer-events:auto}
#globalChat.hidden{display:none!important}
#globalChat>header,#globalChat>header.jx-chat-pc-head{box-sizing:border-box;display:flex;flex:0 0 37px;align-items:center;gap:2px;min-height:0;padding:2px 4px;border-bottom:2px ridge #898c80;background:linear-gradient(#35443c,#192b23)}
#globalChat>header>b{display:none!important}
#globalChat button{box-sizing:border-box;cursor:pointer;border:1px solid #6a776d;border-radius:0;background:linear-gradient(#33463b,#1b2a22);color:#e5e3d4;font:inherit}
#globalChat #jxUnifiedChatTabs{display:flex;flex:1 1 auto;min-width:0;align-items:stretch;gap:2px;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;white-space:nowrap;background:transparent;border:0}
#globalChat #jxUnifiedChatTabs button{flex:0 0 auto;min-height:27px;max-height:29px;padding:2px 8px;font-size:12px;line-height:1;white-space:nowrap;letter-spacing:0}
#globalChat #jxUnifiedChatTabs button.active{background:linear-gradient(#9a9d8c,#505e50);border-color:#d3c9a7;color:#fff7d4}
#globalChat #globalChatClose{flex:0 0 29px;width:29px;height:29px;min-height:29px;padding:0;background:#27372e;border-color:#a1a28a;color:#f3dfa9;font-size:17px;line-height:1}
#globalChatMessages,#jxUnifiedSystemMessages{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:7px 9px;background:rgba(3,12,9,.72);color:#e6e4d9;scrollbar-color:#71877a #15251d;user-select:text}
#globalChatMessages[hidden],#jxUnifiedSystemMessages[hidden],#globalChatForm[hidden],#globalChatStatus[hidden]{display:none!important}
#globalChatMessages p,#jxUnifiedSystemMessages p{margin:0 0 4px;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}
#globalChatMessages b{color:#e6c778}
#globalChatMessages time{color:#9ca99f;font-size:11px;margin-right:5px}
#globalChatStatus{flex:0 0 auto;padding:2px 8px;background:#14231c;border-top:1px solid #40584b;color:#a7b7aa;font-size:11px}
#globalChatForm{display:flex;flex:0 0 auto;gap:4px;padding:4px;border-top:2px ridge #888c7b;background:#19271f}
#globalChatInput{flex:1 1 auto;min-width:0;min-height:30px;box-sizing:border-box;background:#0b1511;border:1px solid #6d7b6e;border-radius:0;color:#fff8e7;padding:4px 7px;font-size:14px}
#globalChat #globalChatForm button{min-height:30px;padding:0 12px;font-size:13px}
#globalChat.jx-chat-all #globalChatMessages,#globalChat.jx-chat-all #jxUnifiedSystemMessages{flex:1 1 45%;min-height:30px;border-bottom:1px solid #4a6153}
@media(max-width:600px){#globalChat{height:min(315px,calc(100% - var(--chat-bar-over,34px) - 70px));font-size:12px}#globalChat #jxUnifiedChatTabs button{font-size:11px;padding:2px 6px}}

/* Final high-specificity override: compact classic PC chat, no oversized title/buttons. */
#globalChat:not(.hidden){width:min(500px,calc(100% - var(--safe-l,0px) - var(--safe-r,0px) - 12px))!important;height:min(350px,calc(100% - var(--chat-bar-over,34px) - 85px))!important;border:5px ridge #898b78!important;border-radius:0!important;background:rgba(9,20,15,.96)!important;}
#globalChat > header.jx-chat-pc-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 0 37px!important;min-height:37px!important;max-height:37px!important;gap:2px!important;padding:2px 4px!important;}
#globalChat > header.jx-chat-pc-head > b{display:none!important;}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs{display:flex!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;gap:2px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs > button{display:block!important;flex:0 0 auto!important;width:auto!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 8px!important;margin:0!important;font-size:12px!important;line-height:26px!important;white-space:nowrap!important;border-radius:0!important;}
#globalChat > header.jx-chat-pc-head > #globalChatClose{flex:0 0 29px!important;width:29px!important;height:29px!important;min-height:29px!important;max-height:29px!important;padding:0!important;margin:0!important;font-size:17px!important;border-radius:0!important;}
#globalChatMessages,#jxUnifiedSystemMessages{min-height:0!important;overflow-y:auto!important;}

/* Keep the close X immediately after the sixth channel, not at the far edge. */
#globalChat > header.jx-chat-pc-head{justify-content:flex-start!important}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs{
 flex:0 1 auto!important;width:max-content!important;max-width:calc(100% - 36px)!important;
}
#globalChat > header.jx-chat-pc-head > #globalChatClose{
 flex:0 0 29px!important;margin-left:3px!important;margin-right:0!important;
}

/* Chat PC: narrower frame, six channels and X share one aligned row. */
#globalChat:not(.hidden){width:min(450px,calc(100% - var(--safe-l,0px) - var(--safe-r,0px) - 12px))!important;}
#globalChat > header.jx-chat-pc-head{gap:2px!important;}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs{
  display:flex!important;flex:1 1 0!important;width:auto!important;max-width:none!important;
  min-width:0!important;overflow-x:auto!important;gap:2px!important;
}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs > button{
  flex:0 0 auto!important;padding:0 5px!important;font-size:11px!important;
  height:29px!important;min-height:29px!important;max-height:29px!important;line-height:27px!important;
}
#globalChat > header.jx-chat-pc-head > #globalChatClose{
  flex:0 0 29px!important;width:29px!important;height:29px!important;
  min-height:29px!important;max-height:29px!important;line-height:27px!important;
  margin-left:0!important;margin-right:0!important;align-self:center!important;
}

/* 2026-10-13: six equally sized channels, small breathing space before X. */
#globalChat:not(.hidden){width:min(500px,calc(100% - var(--safe-l,0px) - var(--safe-r,0px) - 12px))!important;}
#globalChat > header.jx-chat-pc-head{gap:5px!important;}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs{
  flex:1 1 0!important;width:auto!important;min-width:0!important;
  overflow-x:hidden!important;gap:4px!important;
}
#globalChat > header.jx-chat-pc-head > #jxUnifiedChatTabs > button{
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;
  padding:0 2px!important;font-size:11px!important;text-align:center!important;
  height:29px!important;min-height:29px!important;max-height:29px!important;
}
#globalChat > header.jx-chat-pc-head > #globalChatClose{
  flex:0 0 29px!important;margin-left:2px!important;height:29px!important;
}