.chat-app{display:grid;grid-template-columns:220px minmax(0,1fr);height:calc(100dvh - 64px);min-height:480px;max-height:1050px;background:#382c23;border:1px solid #534133;border-radius:16px;overflow:hidden;color:#f8f6f3;box-shadow:0 10px 30px #35292018}.chat-app button,.chat-app input,.chat-app textarea,.chat-app select{font:inherit}.chat-sidebar{position:relative;background:#2c231b;padding:24px 14px;display:flex;flex-direction:column;gap:8px}.chat-brand{font-size:23px;font-weight:900;margin-bottom:22px}.chat-brand span{font-size:11px;letter-spacing:1.5px;color:#b5a495;margin-left:8px}.chat-sidebar label{font-size:11px;color:#bcac9e;text-transform:uppercase;letter-spacing:1px}.chat-sidebar select{width:100%;background:#45362a;color:#fff;border:1px solid #635244;padding:10px;border-radius:7px}.chat-sidebar h3{font-size:10px;letter-spacing:1.5px;color:#bcad9f;margin:24px 8px 4px}.chat-room{border:0;border-radius:6px;background:transparent;color:#cdc2b8;text-align:left;padding:10px 12px;cursor:pointer}.chat-room span{font-size:21px;margin-right:7px;color:#a99584}.chat-room:hover,.chat-room.selected{background:#594636;color:#fff}.chat-sidebar-note{margin-top:auto;font-size:12px;color:#b19f8f;line-height:1.7;padding-top:24px}.chat-main{min-width:0;display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid #574536;padding:18px 24px;min-height:76px}.chat-head strong{font-size:19px}.chat-head strong span{color:#b3a192}.chat-head small{display:block;font-size:11px;color:#beafa2;margin-top:4px}.chat-head button{background:transparent;border:0;color:#dbd2ca;font-size:24px;cursor:pointer}.chat-head #chatConnection{margin-left:auto;font-size:11px;color:#e0bc76}.chat-head #chatConnection.connected{color:#78ddac}.chat-messages{flex:1;overflow:auto;overscroll-behavior:contain;padding:20px 24px;min-height:0;scrollbar-color:#786554 #382c23}.chat-message{display:flex;gap:13px;padding:13px 0}.chat-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:13px;background:#7c6857;color:#fff;font-size:13px;font-weight:800}.chat-message-main{min-width:0;flex:1}.chat-message header{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.chat-message header strong{font-size:14px;color:#f9f7f4}.chat-message time{font-size:10px;color:#c4b6aa}.chat-message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin-top:4px;color:#ece5dc}.chat-bot{font-size:8px;letter-spacing:.7px;background:#385d58;color:#a5edd6;padding:3px 5px;border-radius:3px}.chat-deal{margin-top:10px;max-width:420px;background:linear-gradient(130deg,#443529,#3b2e24);border:1px solid #45615e;border-left:4px solid #6de6b2;border-radius:7px;padding:17px 20px}.chat-deal-label{font-size:9px;letter-spacing:1.5px;color:#92d5bd;font-weight:bold}.chat-deal h3{font-size:29px;color:#fff;margin:9px 0}.chat-deal h3 small{font-size:12px;color:#a4bdb8}.chat-deal p{font-size:13px;margin:0 0 10px;color:#e4ddd7}.chat-deal>span:last-child{font-size:12px;color:#a4bdb8}.chat-welcome{padding-top:50px;color:#c8bbaf}.chat-welcome>span{display:grid;place-items:center;width:65px;height:65px;border-radius:22px;background:#594637;font-size:40px;color:white}.chat-welcome h2{font-size:26px;color:#f9f7f5;margin:20px 0 10px}.chat-welcome p{font-size:14px}.chat-compose-wrap{position:relative;padding:12px 24px 20px}.chat-compose{display:flex;align-items:center;gap:10px;border:1px solid #625244;background:#513f31;border-radius:9px;padding:9px}.chat-compose textarea{color:#fff;background:transparent;border:0;box-shadow:none;resize:vertical;min-height:32px;max-height:150px;padding:7px 3px;flex:1;min-width:0;outline:none;font-size:14px}.chat-compose textarea::placeholder{color:#c0b2a5}.chat-compose button{background:#e46211;color:#fff;border:0;padding:9px 14px;border-radius:6px;cursor:pointer}.chat-compose button#chatSlash{font-size:21px;background:#695849;padding:3px 11px}.chat-compose button:disabled{opacity:.5}.chat-compose-hint{font-size:10px;color:#bcad9f;margin-top:8px}.chat-compose-hint span{color:#ffbfaf;margin-left:12px}.chat-commands{position:absolute;bottom:100%;left:24px;right:24px;background:#31271e;border:1px solid #695849;border-radius:9px;padding:10px;box-shadow:0 -10px 40px #0005;z-index:10;max-height:350px;overflow:auto}.chat-commands[hidden]{display:none}.chat-command-title{font-size:10px;letter-spacing:1px;color:#c5b7ab;padding:8px 10px}.chat-commands button{display:flex;gap:14px;align-items:center;width:100%;border:0;background:none;color:#eee7de;text-align:left;padding:12px;border-radius:6px;font-size:12px;cursor:pointer}.chat-commands button.chosen,.chat-commands button:hover{background:#5e4a3a}.chat-commands strong{font-size:15px;margin-right:8px;color:#fff}.chat-commands small{display:block;color:#ccc0b5;font-size:11px;margin-top:5px}.chat-command-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#87715e;font-size:23px}.chat-older{display:block;margin:auto;border:1px solid #8f7863;color:#ded7d0;background:transparent;border-radius:7px;padding:7px 12px;cursor:pointer}.chat-error{color:#ffbfaf}.chat-lead-results{max-height:190px;overflow:auto;margin:12px 0 20px;border:1px solid #eae2d8;border-radius:8px}.chat-lead-results button{display:block;width:100%;text-align:left;padding:10px 14px;background:white;border:0;border-bottom:1px solid #f3eee8;cursor:pointer;color:#4e3d30}.chat-lead-results button:hover{background:#f9f6f3}.chat-lead-results button span{display:block;font-size:11px;color:#937b66;margin-top:3px}#chatDealError{color:#bd2739}#chatDealForm input,#chatDealForm select{width:100%}#modal:has(#chatDealForm) .modalbox{max-height:90dvh;overflow:auto;width:min(720px,94vw);max-width:720px}@media(max-width:800px){.chat-app{grid-template-columns:150px minmax(0,1fr)}.chat-sidebar{padding:18px 9px}.chat-brand{font-size:19px}.chat-brand span{display:block;margin:5px 0}.chat-head,.chat-messages{padding:15px}.chat-compose-wrap{padding:10px 12px 14px}.chat-commands{left:12px;right:12px}}@media(max-width:580px){.chat-app{display:flex;flex-direction:column;height:calc(100dvh - 36px);min-height:550px}.chat-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.chat-sidebar select{grid-column:1/-1}.chat-brand,.chat-sidebar label,.chat-sidebar h3,.chat-sidebar-note{display:none}.chat-room{padding:5px 10px}.chat-main{flex:1}.chat-head{min-height:60px}.chat-head #chatConnection{max-width:115px;text-align:right}.chat-message{gap:9px}.chat-avatar{width:30px;height:30px;border-radius:10px;font-size:10px}.chat-compose textarea{font-size:13px}.chat-compose button{padding:9px}.chat-commands button{font-size:11px}.chat-command-icon{display:none}}
.chat-history-note{color:#c4b6aa;font-size:11px;text-align:center}@media(max-width:1000px){.chat-app{height:calc(100dvh - var(--chat-nav-height,130px) - 40px);min-height:450px}}
#chatCreditField[hidden],#chatUnlink[hidden]{display:none}
.chat-remove-deal{display:block;margin-top:14px;border:1px solid #b97a7a;border-radius:5px;background:transparent;color:#ffc3c3;padding:6px 10px;cursor:pointer;font:inherit;font-size:11px}.chat-remove-deal:disabled{opacity:.5}#dealRemoveError{color:#bd2739}
/* Unread and collaboration controls */
.nav [data-tab="live-chat"]{position:relative}.chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:12px;background:#dc2626;color:#fff;font-size:11px;font-weight:800;margin-left:auto;flex-shrink:0}.sidebar-collapsed .chat-unread{position:absolute;right:3px;top:3px}.chat-room .chat-unread{margin-left:auto}.chat-message-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.chat-message-actions button{background:#352920;border:1px solid #5c4939;border-radius:8px;color:#dfd8d1;padding:4px 8px;cursor:pointer;font-size:12px}.chat-message-actions .mine{background:#923f0b;border-color:#e46211;color:#fff}.chat-reply-quote{border-left:3px solid #b2a091;padding:5px 10px;color:#d1c6bc;font-size:12px;margin:4px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-mention{background:#635345;color:#f6f2ed;border-radius:3px;padding:1px 3px}.chat-reply-draft{display:flex;justify-content:space-between;gap:10px;background:#46372b;padding:8px 12px;color:#ece4db;font-size:12px;border-radius:8px}.chat-reply-draft[hidden],.chat-mentions[hidden]{display:none}.chat-reply-draft button{background:none;color:#fff;border:0;cursor:pointer}.chat-mentions{position:absolute;bottom:100%;left:14px;right:14px;max-height:240px;overflow:auto;background:#352920;border:1px solid #8c7662;border-radius:10px;z-index:5;box-shadow:0 8px 24px #0006}.chat-mentions button{display:block;width:100%;text-align:left;background:none;color:#f2ece6;border:0;padding:10px;cursor:pointer}.chat-mentions button[aria-selected="true"]{background:#5e4f41}.chat-pin-row{display:flex;gap:8px;justify-content:space-between;margin:10px 0}.chat-pin-row button{cursor:pointer;padding:8px;border:1px solid #e1dad4;border-radius:7px;background:#f9f7f5;color:#4c3c2f;text-align:left}.chat-script-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:60vh;overflow:auto;padding:12px;margin-bottom:15px}.chat-head #chatPins{font-size:12px;white-space:nowrap}.chat-head{flex-wrap:wrap}.chat-room{display:flex!important;align-items:center}

.chat-room .chat-unread{font-size:11px;color:#fff;margin-right:0}