.colleague-chat{position:fixed;right:24px;bottom:24px;width:min(740px,calc(100vw - 32px));height:min(570px,calc(100dvh - 48px));z-index:1050;background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand-accent);border-radius:18px;box-shadow:0 18px 65px #172b4d40;display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}
.colleague-chat[hidden]{display:none}.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:var(--brand-soft);border-bottom:1px solid var(--line)}.chat-heading strong{font-size:18px}.chat-heading small{display:block;font-size:12px;color:var(--muted)}.chat-dismiss{border:0;background:transparent;font-size:28px;width:40px;height:40px;color:var(--ink)}.chat-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:0;flex:1}.chat-colleagues{overflow-y:auto;border-right:1px solid var(--line);padding:12px;background:#f7f9fc}.chat-help{font-size:12px;color:var(--muted)}.chat-member{display:grid;grid-template-columns:10px 1fr;gap:3px 8px;text-align:left;width:100%;border:1px solid transparent;background:transparent;padding:10px;border-radius:9px;color:var(--ink);overflow-wrap:anywhere}.chat-member small{grid-column:2;color:var(--muted)}.chat-member.selected{background:var(--brand-soft);border-color:var(--brand-accent)}.chat-online{width:8px;height:8px;background:#8793a1;border-radius:50%;margin-top:6px}.chat-online.online{background:#23804e}.chat-conversation{display:flex;flex-direction:column;min-height:0;padding:16px;min-width:0}.chat-conversation h2{font-size:15px;margin:0 0 12px}.chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;min-height:60px;padding:6px 4px}.chat-message{padding:10px 12px;border-radius:12px;background:#edf1f6;margin:0 32px 10px 0;max-width:90%;width:fit-content}.chat-message.mine{background:var(--brand-soft);margin-left:auto;margin-right:0;border:1px solid var(--line)}.chat-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:0 0 3px;line-height:1.5}.chat-message time{font-size:11px;color:var(--muted)}.chat-status{font-size:12px;color:#a13226;margin:6px 0;min-height:16px}.chat-conversation form{display:flex;gap:8px;align-items:flex-end}.chat-conversation textarea{width:100%;min-width:0;resize:vertical;max-height:120px;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:14px}.chat-older{background:none;border:0;color:var(--brand-accent);font-size:12px;padding:5px}.chat-launcher{position:relative}.chat-unread{position:absolute;right:0;top:0;border-radius:20px;background:#b32b28;color:#fff;padding:1px 5px;font-size:11px}.rail-member[role=button]{cursor:pointer}.chat-member:focus-visible,.chat-dismiss:focus-visible{outline:2px solid var(--brand-accent)}
@media(max-width:600px){.colleague-chat{right:8px;bottom:8px;width:calc(100vw - 16px);height:calc(100dvh - 24px)}.chat-layout{grid-template-columns:1fr;grid-template-rows:125px minmax(0,1fr)}.chat-colleagues{border-right:0;border-bottom:1px solid var(--line)}[data-chat-members]{display:flex;gap:5px}.chat-member{width:150px;flex-shrink:0}.chat-help{margin-bottom:6px}.chat-colleagues{overflow:auto}.chat-conversation{padding:12px}}