.crm-mode .chat-sidebar-unread{margin-left:auto;background:#f47b30;color:#173c32;border-radius:20px;min-width:19px;font-size:9px;font-weight:600;padding:3px 6px;text-align:center}.chat-page-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-10px 0 20px}.chat-page-intro p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.chat-page-intro button{font-size:10px;padding:8px}.chat-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);height:calc(100dvh - 235px);min-height:470px;max-height:900px;background:white;border:1px solid #d8e2d4;border-radius:10px;overflow:hidden}.chat-room-list{display:flex;flex-direction:column;border-right:1px solid #dce5d7;min-height:0;background:#fcfdf9}.chat-list-heading{padding:21px 18px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.chat-list-heading h2{font-size:19px;margin:0;letter-spacing:-.5px}.crm-mode #chat-new{width:31px;height:31px;padding:0;font-size:20px;font-weight:400}.chat-search{padding:0 16px;margin:0 0 14px}.crm-mode .chat-search input{font-size:11px;padding:11px 12px;margin:0}.chat-list-tabs{display:flex;padding:0 16px 14px;gap:5px;border-bottom:1px solid var(--line)}.crm-mode .chat-list-tabs button{font-size:9px;font-weight:400;padding:7px 10px;background:none;color:var(--muted)}.crm-mode .chat-list-tabs button[aria-pressed=true]{background:#e7efdf;color:var(--green);font-weight:600}#chat-rooms{overflow:auto;min-height:0;flex:1}.chat-room{display:flex;gap:10px;align-items:center;padding:16px 13px;border-bottom:1px solid #e8eee3;text-decoration:none;min-width:0;border-left:3px solid transparent;transition:background .15s}.chat-room:hover{background:#eef4e8}.chat-room.selected{background:#eaf2e2;border-left-color:#3c7752}.chat-avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;border-radius:50%;font-size:13px;color:var(--green);background:#e5eedc}.chat-avatar.department{border-radius:8px;background:#dbe8d1;font-size:19px;font-weight:500}.chat-room-copy{min-width:0;flex:1}.chat-room-name{font-size:11px;font-weight:600;display:block;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview{display:block;color:var(--muted);font-size:10px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.chat-room-meta{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0;align-self:start}.chat-room-meta time{font-size:8px;color:var(--muted);padding-top:3px}.chat-room-meta b{font-size:8px;font-weight:500;padding:3px 6px;background:var(--green);color:white;border-radius:20px;min-width:18px;text-align:center}.chat-list-note{font-size:8px;color:var(--muted);line-height:1.8;padding:12px 17px;margin:0;border-top:1px solid var(--line)}.chat-no-rooms,.chat-loading{padding:22px 17px;font-size:11px;color:var(--muted);line-height:1.8}.chat-conversation{display:flex;flex-direction:column;position:relative;min-width:0;min-height:0;background:#f6f8f2}#chat-room-heading:empty{display:none}#chat-room-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;border-bottom:1px solid #dce5d6;background:white}.chat-heading-person{display:flex;gap:11px;align-items:center;min-width:0}.chat-heading-person>div{min-width:0}.chat-heading-person h2{font-size:16px;font-weight:600;margin:0 0 5px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:-.3px}.chat-heading-person p{font-size:8px;line-height:1.7;color:var(--muted);margin:0}.chat-sync{font-size:8px;color:var(--muted);line-height:1.7;max-width:100px}.chat-mobile-back{display:none}#chat-notice{font-size:11px;line-height:1.8;color:#8a492d;background:#fff1df;border-bottom:1px solid #ead8bf;padding:12px 19px;overflow-wrap:anywhere}.crm-mode #chat-older{background:#edf2e6;border-bottom:1px solid #dde7d3;border-radius:0;padding:10px;font-size:9px;font-weight:400}#chat-messages{flex:1;min-height:0;overflow:auto;padding:18px 23px;overscroll-behavior:contain;scrollbar-gutter:stable}.chat-welcome{display:flex;min-height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;max-width:500px;margin:auto}.chat-welcome>span{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #ccdcc1;background:#e5efda;border-radius:16px;font-size:28px;color:var(--green);margin-bottom:22px}.chat-welcome h2{font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:0 0 15px}.chat-welcome p{font-size:12px;line-height:1.9;color:var(--muted);max-width:330px;margin:0 0 23px}.chat-welcome button{font-size:11px}.chat-day{font-size:8px;text-align:center;margin:3px 0 22px;color:var(--muted)}.chat-message{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:14px}.chat-message.mine{justify-content:flex-end}.chat-bubble{max-width:85%;padding:12px 15px;background:white;border:1px solid #e1e9db;border-radius:2px 10px 10px 10px;min-width:85px}.chat-message.mine .chat-bubble{background:#e1edd8;border-color:#d7e5cc;border-radius:10px 2px 10px 10px}.chat-bubble>strong{font-size:9px;font-weight:600;color:var(--green);display:block;line-height:1.7;margin-bottom:6px}.chat-bubble>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.85;margin:0}.chat-bubble time{display:block;text-align:right;color:var(--muted);font-size:8px;margin-top:7px;line-height:1.5}.crm-mode #chat-new-messages{position:absolute;bottom:170px;right:25px;font-size:10px;padding:11px 16px;background:var(--ink);color:white;box-shadow:0 3px 15px #0002;border-radius:20px}#chat-compose{background:white;padding:16px 21px;border-top:1px solid #dae5d2}.crm-mode #chat-text{min-height:65px;max-height:140px;margin:0;padding:11px 13px;font-size:12px;line-height:1.8;resize:vertical;background:#f8faf5}.chat-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}.chat-compose-bottom>span{font-size:8px;color:var(--muted);line-height:1.7}.chat-compose-bottom small{display:block;font-size:8px;margin-top:4px;color:var(--green)}.crm-mode .chat-compose-bottom button{font-size:11px;padding:12px 17px;min-height:40px;background:var(--green);color:white;gap:16px}#chat-start-dialog{color:var(--ink);background:var(--paper);border:1px solid #d2dec9;border-radius:12px;padding:28px;max-width:550px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;box-shadow:0 30px 90px #0004}#chat-start-dialog::backdrop{background:#112e23a8;backdrop-filter:blur(4px)}#chat-start-dialog h2{font-size:23px;margin:8px 0 25px;letter-spacing:-.7px}#chat-start-dialog .eyebrow{font-size:8px}#chat-close-dialog{font-size:28px;padding:5px;background:none;font-weight:400;align-self:start}#chat-start-dialog>label{font-size:11px}#chat-start-dialog>p{font-size:10px;margin-bottom:0}.crm-mode .chat-contact{display:flex;align-items:center;gap:13px;padding:16px 10px;border-radius:0;width:100%;border-bottom:1px solid var(--line);font-weight:400;text-align:left;background:none;color:var(--ink)}.chat-contact:hover{background:#eaf1e3}.chat-contact>span:nth-child(2){flex:1;min-width:0}.chat-contact strong{font-size:12px;font-weight:500;display:block;line-height:1.7;overflow-wrap:anywhere}.chat-contact small{font-size:9px;font-weight:400;display:block;color:var(--muted);margin-top:4px}.chat-contact>b{font-weight:400;font-size:20px;color:var(--green)}
@media(max-width:1100px){.chat-workspace{grid-template-columns:220px minmax(0,1fr)}.chat-sync{display:none}.chat-list-heading{padding:18px 14px 14px}.chat-list-heading h2{font-size:17px}.chat-search{padding:0 13px}.chat-list-tabs{padding:0 13px 13px}.chat-room{padding:15px 10px;gap:8px}.chat-room-name{font-size:10px}.chat-preview{font-size:9px}.chat-avatar{width:29px;height:29px;font-size:12px}#chat-room-heading{padding:16px}.chat-heading-person h2{font-size:14px}#chat-messages{padding:18px 15px}.chat-bubble{max-width:92%}.chat-bubble>p{font-size:11px}#chat-compose{padding:14px 16px}.chat-compose-bottom>span{font-size:7px}.crm-mode .chat-compose-bottom button{padding:11px 13px;font-size:10px}.chat-compose-bottom{gap:12px}}
@media(max-width:850px){.chat-workspace{grid-template-columns:1fr;min-height:500px;height:calc(100dvh - 245px)}.chat-workspace .chat-conversation{display:none}.chat-workspace.has-active .chat-room-list{display:none}.chat-workspace.has-active .chat-conversation{display:flex;height:100%}.chat-room-list{border:0;min-height:0}.chat-room{padding:18px;gap:14px}.chat-avatar{width:35px;height:35px;font-size:14px}.chat-room-name{font-size:12px}.chat-preview{font-size:11px}.chat-list-heading{padding:22px 20px 18px}.chat-list-heading h2{font-size:20px}.chat-search{padding:0 20px}.chat-list-tabs{padding:0 20px 15px}.crm-mode .chat-list-tabs button{font-size:10px;padding:8px 12px}.chat-mobile-back{display:block;color:var(--green);font-size:10px;text-decoration:none;line-height:1.7}.chat-mobile-back.always{display:block}#chat-room-heading{flex-direction:column;align-items:stretch;gap:14px}.chat-heading-person h2{font-size:16px}.chat-heading-person p{font-size:9px}.chat-bubble>p{font-size:12px}.chat-bubble{max-width:90%}.chat-compose-bottom>span{font-size:8px}.chat-compose-bottom small{font-size:8px}.crm-mode .chat-compose-bottom button{padding:12px 17px;font-size:11px}.chat-page-intro>p{font-size:11px}}
@media(max-width:650px){.crm-mode.chat-mode .crm-sidebar{display:none}.crm-mode.chat-mode main{padding-top:0;padding-bottom:20px}.chat-mode .staff-bar{gap:15px!important;margin-bottom:18px!important}.chat-mode .staff-bar>.button{display:none}.chat-mode .staff-bar h1{font-size:25px}.chat-mode .staff-bar .eyebrow{font-size:8px}.chat-page-intro{align-items:start;margin:0 0 16px;gap:15px}.chat-page-intro>p{font-size:10px;line-height:1.8}.chat-page-intro>button{white-space:nowrap;font-size:9px;padding:0}.chat-workspace{height:calc(100dvh - 235px);min-height:420px;border-radius:8px}.chat-workspace.has-active{height:calc(100dvh - 210px);min-height:440px}.chat-list-heading{padding:20px 18px 16px}.chat-search{padding:0 17px}.chat-list-tabs{padding:0 17px 13px}.chat-room{padding:17px 14px;gap:11px}.chat-room-name{font-size:11px}.chat-preview{font-size:10px}.chat-room-meta time{font-size:8px}.chat-heading-person h2{font-size:15px}#chat-room-heading{padding:14px 15px;gap:12px}.chat-heading-person p{font-size:8px}#chat-messages{padding:17px 12px}.chat-bubble{padding:11px 12px;max-width:93%}.chat-bubble>p{font-size:12px}.chat-bubble>strong{font-size:9px}#chat-compose{padding:13px}.crm-mode #chat-text{font-size:12px;min-height:62px}.chat-compose-bottom>span{font-size:7px;max-width:160px}.chat-compose-bottom{gap:10px}.crm-mode .chat-compose-bottom button{font-size:10px;padding:11px 14px;min-height:39px;gap:10px}#chat-start-dialog{padding:23px 20px}#chat-start-dialog h2{font-size:21px}.chat-welcome{padding:22px}.chat-welcome h2{font-size:20px}.chat-welcome p{font-size:11px}.chat-welcome>span{width:48px;height:48px;font-size:24px}.chat-mobile-back{font-size:9px}.chat-mode .chat-sidebar-unread{font-size:8px}.chat-list-note{font-size:8px}.crm-mode #chat-new-messages{right:16px;bottom:150px;font-size:9px;padding:9px 12px}.chat-list-heading+.chat-search{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.chat-room{transition:none}}
.chat-mobile-back.always{display:block}
.chat-room-list{min-width:0;max-width:100%}#chat-rooms{min-width:0;width:100%;overflow-x:hidden}.chat-search input{min-width:0}@media(max-width:850px){.chat-workspace{grid-template-columns:minmax(0,1fr)}}
.sidebar-primary{margin-top:8px}.sidebar-chat-section{margin-top:25px;padding:20px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.sidebar-section-label{font-size:8px;letter-spacing:1.5px;opacity:.5;margin:0 13px 12px}.sidebar-chat-section>small{display:block;font-size:9px;opacity:.6;margin:10px 13px 0}.crm-mode .side-chat{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:7px}.crm-mode .side-chat.selected{background:#e6eedb;color:#173c32;border-color:#e6eedb}.chat-avatar.project{border-radius:8px;background:#e8e1f1;color:#684b87;font-size:22px}.chat-create-tabs{display:flex;gap:8px;margin:20px 0}.crm-mode .chat-create-tabs button{background:#edf2e7;color:var(--green)}.crm-mode .chat-create-tabs button[aria-pressed=true]{background:var(--green);color:white}.chat-project-person{display:flex!important;align-items:center;gap:12px;padding:13px 8px;border-bottom:1px solid var(--line);font-size:12px!important}.chat-project-person input{width:17px!important;margin:0!important;flex-shrink:0}.chat-list-tabs{flex-wrap:wrap;gap:3px}.crm-mode .chat-list-tabs button{padding:7px 8px}#chat-project-save{margin-top:12px}#chat-project-team{font-size:10px;white-space:nowrap}#chat-start-dialog{max-height:85dvh;overflow:auto}#chat-start-dialog label[hidden]{display:none!important}
.crm-mode .sidebar-primary{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.crm-mode .sidebar-primary>.side-link,.crm-mode .sidebar-chat-section{width:100%;min-width:0}.crm-mode .sidebar-chat-section .side-link{width:100%}.sidebar-chat-section>small{line-height:1.7}.chat-sync{flex-shrink:0}#chat-room-heading{flex-wrap:wrap}
.chat-sync{max-width:none;width:auto}.crm-mode #chat-project-team{padding:7px 0;font-size:9px;min-height:28px}.chat-workspace{overflow:clip}
.chat-sync:has(#chat-project-team){display:block}
/* Chat types: the same colour, symbol and label in every context. */
.chat-room.kind-direct,.chat-conversation[data-kind=direct]{--chat-accent:#296481;--chat-soft:#e5f1f7;--chat-tint:#f1f7fb;--chat-line:#bed8e6}
.chat-room.kind-department,.chat-conversation[data-kind=department]{--chat-accent:#32684c;--chat-soft:#e4efdf;--chat-tint:#f1f6ed;--chat-line:#c3d8b9}
.chat-room.kind-project,.chat-conversation[data-kind=project]{--chat-accent:#765096;--chat-soft:#efe6f7;--chat-tint:#f7f2fb;--chat-line:#d9c4ea}
.chat-avatar svg{width:21px;height:21px;display:block}.chat-room .chat-avatar,.chat-heading-person .chat-avatar{border-radius:10px;background:var(--chat-soft);color:var(--chat-accent);border:1px solid var(--chat-line);font-size:16px}.chat-room.kind-direct .chat-avatar,.chat-conversation[data-kind=direct] .chat-avatar{border-radius:50%}
.chat-room{border-left:3px solid transparent;padding-top:15px;padding-bottom:15px}.chat-room:hover{background:var(--chat-tint)}.chat-room.selected{background:var(--chat-tint);border-left-color:var(--chat-accent)}.chat-room.selected .chat-room-name{color:var(--chat-accent)}.chat-room-meta b{background:var(--chat-accent)}
.chat-kind-label{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:600;line-height:1.4;letter-spacing:.2px;color:var(--chat-accent);margin-bottom:5px}.chat-kind-label:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.chat-room-name{font-size:12px}.chat-preview{margin-top:4px}.chat-heading-person .chat-avatar{width:40px;height:40px}.chat-heading-person h2{margin-bottom:4px} .chat-conversation[data-kind] #chat-room-heading{border-top:3px solid var(--chat-accent);background:linear-gradient(100deg,var(--chat-tint),#fff 75%)}.chat-conversation[data-kind] .chat-heading-person .chat-kind-label{margin-bottom:4px;font-size:9px}
.crm-mode .chat-list-tabs [data-chat-filter]:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px;background:currentColor}.crm-mode .chat-list-tabs [data-chat-filter=all]:before{display:none}.crm-mode .chat-list-tabs [data-chat-filter=direct]{color:#296481}.crm-mode .chat-list-tabs [data-chat-filter=department]{color:#32684c}.crm-mode .chat-list-tabs [data-chat-filter=project]{color:#765096}.crm-mode .chat-list-tabs [data-chat-filter=direct][aria-pressed=true]{background:#e5f1f7}.crm-mode .chat-list-tabs [data-chat-filter=project][aria-pressed=true]{background:#efe6f7}.chat-list-tabs{padding-left:12px;padding-right:12px}.crm-mode .chat-list-tabs button{padding:7px 6px;font-size:9px}
@media(max-width:650px){.chat-kind-label{font-size:9px}.chat-room-name{font-size:12px}.chat-room{padding-top:16px;padding-bottom:16px}.chat-conversation[data-kind] .chat-heading-person .chat-kind-label{font-size:9px}.chat-list-tabs{padding-left:17px;padding-right:17px}.crm-mode .chat-list-tabs button{padding:8px;font-size:10px}}
.crm-mode .chat-list-tabs button{gap:4px;white-space:nowrap}.crm-mode .chat-list-tabs [data-chat-filter]:before{margin-right:0}.chat-list-tabs{flex-wrap:nowrap;gap:2px}