.chat-overlay{position:fixed;inset:0;background:#183b3266;z-index:220;display:flex;align-items:center;justify-content:center;padding:24px}.chat-overlay[hidden],#chat-dock[hidden]{display:none!important}.chat-layer-open{overflow:hidden}.chat-window{display:flex;flex-direction:column;width:min(1120px,100%);height:min(720px,88dvh);background:white;border-radius:16px;box-shadow:0 22px 80px #163f3255;overflow:hidden}.chat-window-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 18px;flex-shrink:0}.chat-window-bar h2{font-size:17px;margin:0}.chat-window-bar>div{display:flex;gap:8px}.chat-window-bar button{border:1px solid #d8e2dd;border-radius:7px;width:34px;height:32px;font-size:23px;color:#295c4e;background:#fff;cursor:pointer}.chat-window-content{flex:1;min-height:0;overflow:auto}.chat-window-content .chat-layout{height:100%;min-height:0;border:0;border-radius:0;grid-template-columns:250px minmax(0,1fr)}.chat-window-content .rooms{min-height:0;overflow-y:auto}.chat-window-content .chat-main{display:flex;flex-direction:column;min-height:0;min-width:0}.chat-window-content .chat-header{flex-shrink:0;gap:12px}.chat-window-content .chat-header>div:last-child{display:flex;align-items:center;gap:10px;flex-shrink:0}.chat-window-content .chat-messages{height:auto;min-height:80px;flex:1;overflow-y:auto}.chat-window-content .message-form{flex-shrink:0}.chat-window-content .bubble{overflow-wrap:anywhere}.chat-window-content .chat-header .chat-delete{color:#b34b42}#chat-dock{position:fixed;right:24px;bottom:24px;z-index:219;width:60px;height:60px;border:0;border-radius:50%;background:#167b68;color:white;box-shadow:0 6px 24px #183c3240;display:grid;place-items:center;cursor:pointer}#chat-dock .icon{width:27px;height:27px}.chat-dock-badge{position:absolute;right:-2px;top:-4px;min-width:22px;height:22px;line-height:22px;background:#d94545;color:#fff;border-radius:12px;font-size:11px;padding:0 4px}.chat-dock-badge[hidden]{display:none}@media(max-width:640px){.chat-overlay{padding:10px}.chat-window{height:90dvh;border-radius:12px}.chat-window-content .chat-layout{grid-template-columns:1fr;grid-template-rows:110px minmax(0,1fr)}.chat-window-content .rooms{max-height:110px}.chat-window-content .chat-header{padding:10px;flex-wrap:wrap}.chat-window-content .chat-header>div:last-child{gap:8px}.chat-window-content .message-form{padding:10px;gap:8px}#chat-dock{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));width:54px;height:54px}}
.chat-messages .bubble.mine{position:relative}.bubble.mine .message-read-state.is-unread{position:absolute;right:calc(100% + 6px);bottom:20px;color:#b58a00;font-size:11px;font-weight:600;line-height:1}.message-read-state.is-read,.message-read-state[hidden]{display:none!important}