.classic-ui .comms-dock{width:300px;max-width:calc(100vw - 24px)}
.classic-ui .comms-dock .chat-panel{position:relative}
.classic-ui .chat-panel .comms-heading{padding-right:40px;min-height:30px}
.classic-ui .chat-resize{position:absolute;right:0;top:0;width:32px;height:30px;padding:0;z-index:2;border:0;border-left:1px solid #ad904d;color:#ffe7a6;background:#26392c;cursor:nesw-resize;touch-action:none;font-size:20px}
.classic-ui .chat-resize:hover{background:#47583a}
.classic-ui .chat-resize:focus-visible{outline:2px solid #fff0ad;outline-offset:-3px}
.classic-ui .chat-panel:has(.chat-body.hidden) .chat-resize{display:none}
.classic-ui .comms-dock .chat-body{display:flex;flex-direction:column;gap:5px;height:var(--chat-height,260px);max-height:calc(100dvh - 145px);padding:8px;overflow:auto;font-size:12px}
.classic-ui .comms-dock .chat-body.hidden{display:none}
.classic-ui .chat-body .chat-channels,.classic-ui .chat-body .chat-connection,.classic-ui .chat-body .chat-field,.classic-ui .chat-body .chat-compose-actions{flex-shrink:0}
.classic-ui .chat-body .chat-empty{display:block!important;flex:1 0 48px;min-height:48px;overflow:auto;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.4}
.classic-ui .chat-empty p{margin:0 0 5px}
.classic-ui .chat-body .chat-connection{margin:0;font-size:11px;line-height:1.4}
.classic-ui .chat-body .chat-channels button,.classic-ui .chat-compose-actions button{min-height:28px;height:auto;font-size:12px}
.classic-ui .chat-body .chat-field{margin:0}
.classic-ui .chat-body .chat-field input,.classic-ui .chat-body .chat-field textarea{font-size:16px;min-height:32px;height:36px;max-height:80px}
.classic-ui .chat-body .chat-draft-state{display:block;margin:0;font-size:10px}
@media(max-height:500px){.classic-ui .comms-dock .chat-body{padding:5px;gap:3px}.classic-ui .chat-body .chat-draft-state{display:none}}