.im-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);height:calc(100vh - 220px);min-height:570px;border:1px solid #dfe5ed;border-radius:14px;overflow:hidden;background:#fff}.im-list{background:#fafbfd;border-right:1px solid #e4e8ef;min-width:0;display:flex;flex-direction:column}.im-search{display:flex;gap:6px;padding:18px 16px 12px}.im-search input{width:100%;min-width:0}.im-search button{padding:7px 10px;flex-shrink:0}.im-tabs{display:flex;gap:5px;padding:0 16px 14px;border-bottom:1px solid #e8ecf1}.im-tabs button{border:0;background:transparent;color:#68758b;padding:7px 16px}.im-tabs button.active{background:#e8eefb;color:#3656a8}.im-list-rows{overflow:auto;flex:1}.im-conversation{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid #edf0f4;text-decoration:none;color:#26354b}.im-conversation:hover{background:#f0f4fa}.im-conversation.active{background:#eaf0fc;box-shadow:inset 3px 0 #5276c5}.im-avatar{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#e5ebf7;border-radius:11px;color:#526fa9;font-weight:600}.im-avatar.customer{background:#e1efeb;color:#477467}.im-conversation-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.im-conversation-copy strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.im-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a8799;font-size:12px}.im-unread{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#5276c5;color:white;font-size:11px;padding:0 5px}.im-header-entry{display:flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap;color:#405b94;text-decoration:none}.im-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.im-chat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 24px;border-bottom:1px solid #e8ecf1;background:white}.im-chat-head h2{margin:0;font-size:17px;font-weight:600;line-height:1.4}.im-chat-head p{margin:6px 0 0;color:#7b879a;font-size:12px}.im-business-bar{display:flex;justify-content:space-between;gap:16px;padding:11px 24px;background:#f7f9fd;border-bottom:1px solid #e8ecf1;font-size:12px;color:#617492;text-decoration:none}.im-business-bar span{white-space:nowrap}.im-stream{flex:1;min-height:100px;overflow:auto;padding:24px;background:#f8fafc;display:flex;flex-direction:column;gap:20px}.im-message{align-self:flex-start;max-width:85%;min-width:190px}.im-message.own{align-self:flex-end}.im-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px;font-size:12px;color:#8792a3}.im-meta strong{font-weight:500;color:#5f6e85}.im-message.own .im-meta{justify-content:flex-end}.im-bubble{padding:12px 16px;border:1px solid #e2e7ef;background:white;border-radius:3px 12px 12px 12px;overflow-wrap:anywhere}.im-message.own .im-bubble{background:#edf2ff;border-color:#dde6fc;border-radius:12px 3px 12px 12px}.im-bubble p{white-space:pre-wrap;margin:0;line-height:1.7;font-size:14px;color:#25354c}.im-message-actions{display:flex;align-items:center;gap:12px;margin-top:5px;color:#94a0b1}.im-message.own .im-message-actions{justify-content:flex-end}.im-message-actions button{border:0;background:transparent;padding:2px 0;font-size:11px;color:#7083a4}.im-message-actions small{font-size:11px}.im-attachment{display:flex;gap:12px;width:100%;align-items:center;text-align:left;margin-top:9px;white-space:normal;overflow-wrap:anywhere}.im-attachment small,.im-ref small,.im-ref strong,.im-ref span{display:block}.im-attachment small{margin-top:5px;color:#8993a3}.im-ref{display:block;text-align:left;background:white;width:100%;margin-top:10px;padding:12px;white-space:normal}.im-ref small{color:#7e8fa8;font-size:11px}.im-ref strong{margin:7px 0;font-size:13px}.im-ref span{font-size:11px;color:#5874ac}.im-task-link{display:block;margin-top:6px;font-size:11px;color:#5a749e;text-decoration:none}.im-composer{padding:15px 24px 18px;border-top:1px solid #e3e8f0;background:white}.im-compose-tools{display:flex;gap:14px;align-items:center;margin-bottom:8px}.im-compose-tools button{padding:4px 0;background:transparent;border:0;font-size:12px;color:#657795}.im-compose-tools small{margin-left:auto;font-size:11px;color:#95a0b0}.im-file-label{position:relative;overflow:hidden;font-size:12px;color:#657795;cursor:pointer;margin:0!important}.im-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.im-composer textarea{display:block;resize:none;border:0;background:transparent;box-shadow:none!important;outline:none;min-height:68px;height:80px;padding:8px 0;width:100%;font-size:14px}.im-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}.im-compose-bottom small{font-size:11px;color:#909bad}.im-compose-bottom button{padding:8px 19px}.im-draft-items{display:flex;gap:5px;flex-wrap:wrap}.im-draft-items button{font-size:11px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere;white-space:normal}.im-empty{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;color:#8996aa;padding:30px;text-align:center}.im-empty>span{font-size:56px;color:#b9c7df}.im-empty h2{font-size:20px;color:#516683;margin:16px 0 0}.im-empty p{font-size:13px;line-height:1.7;max-width:360px}.im-history-note{text-align:center;color:#8b99ac;font-size:11px;margin:0}.im-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;background:#f6f8fc;border:1px solid #e2e8f2;padding:14px;border-radius:8px;line-height:1.7}.im-choices{max-height:340px;overflow:auto;border-top:1px solid #e7ebf1}.im-choices label{display:flex;align-items:flex-start;gap:12px;padding:13px 4px;margin:0!important;border-bottom:1px solid #edf0f4;font-size:14px}.im-choices input{width:auto!important;margin:3px 0 0}.im-choices small{display:block;color:#8a97a9;font-size:11px;margin-left:auto}.im-choices span{min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}.im-business-panel{margin-top:24px}.im-business-panel>.row{padding:17px 24px;text-decoration:none;color:#425b85}.im-member-list{max-height:320px;overflow:auto}.im-member-list .row{flex-wrap:wrap}.im-member-list button{font-size:11px;padding:5px 7px}
@media(max-width:1100px){.im-workspace{grid-template-columns:245px minmax(0,1fr)}.im-compose-tools small{display:none}.im-chat-head,.im-composer{padding-left:16px;padding-right:16px}.im-stream{padding:16px}.im-message{max-width:94%}}
@media(max-width:760px){.im-workspace{grid-template-columns:1fr;height:auto}.im-list{max-height:240px;border-bottom:1px solid #e4e8ef}.im-chat{min-height:560px}.im-stream{max-height:450px}.im-business-bar{flex-wrap:wrap}}
.im-message-target .im-bubble{outline:2px solid #8ca6d9;outline-offset:3px}
.cc-tabs{display:flex;gap:28px;border-bottom:1px solid #dde4ef;margin:0 0 24px}.cc-tabs a{padding:12px 4px;color:#71809a;text-decoration:none;font-size:15px}.cc-tabs a.active{color:#365eb5;border-bottom:3px solid #5377c6;font-weight:600}.cc-directory-tools{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #e7ebf2;gap:20px}.cc-directory-tools form{display:flex;gap:8px}.cc-person{padding:20px 24px!important;gap:16px}.cc-client{padding:18px 24px;border-bottom:1px solid #e7ebf2}.cc-client h3{font-size:15px;margin:0 0 12px}.cc-client>p{font-size:13px}.cc-client small{color:#8390a3}.cc-client>a{font-size:12px}.cc-tabs~.im-workspace{height:calc(100vh - 290px)}
#collaboration-modal{width:min(1180px,94vw);max-width:94vw;height:min(800px,90vh);max-height:90vh;padding:0;border:1px solid #dfe5ef;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #17243b33}#collaboration-modal::backdrop{background:#17243b55}.cc-modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid #e4e9f1}.cc-modal-head h2{font-size:18px;margin:0}.cc-modal-content{height:calc(100% - 75px)}.cc-modal-content>.pagehead,.cc-modal-content>.page-head{display:none}.cc-modal-content>.im-workspace{height:100%;min-height:0;border:0;border-radius:0}.cc-modal-content .im-chat:has(.notification-center),.cc-modal-content .im-chat:has(.cc-directory-tools){overflow:auto;padding:20px;background:#f7f9fc}.cc-modal-content .cc-directory-tools{flex-wrap:wrap;padding:14px}.cc-modal-content .cc-person{flex-wrap:wrap}.cc-modal-content .im-chat>.pagehead{flex-shrink:0}.cc-modal-content .notification-row{flex-wrap:wrap}.cc-modal-content .cc-person .grow{min-width:130px}
#collaboration-modal .notification-center{width:100%;max-width:none;margin:0;flex-shrink:0}#collaboration-modal .notification-filters{flex-wrap:wrap}#collaboration-modal .notification-filters input{min-width:130px}
.cc-external-layout{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:330px}.cc-client-list{border-right:1px solid #e7ebf2;background:#fafbfd;max-height:480px;overflow:auto}.cc-client-list button{display:block;text-align:left;width:100%;border:0;border-bottom:1px solid #edf0f5;border-radius:0;padding:16px;background:transparent;white-space:normal;line-height:1.5}.cc-client-list button.active{background:#edf2fd;color:#3c60a9;box-shadow:inset 3px 0 #5276c5}.cc-client-list strong{font-size:13px;font-weight:500}.cc-client-list small{display:block;font-size:11px;color:#8b97aa;margin-top:5px}.cc-client-detail.cc-client{padding:20px;min-width:0;border:0}.cc-client-detail h3{line-height:1.5;margin:0 0 5px}.cc-client-detail h4{font-size:12px;color:#8290a4;font-weight:500;margin:26px 0 8px}.cc-contact-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf0f5;padding:13px 0;font-size:12px;flex-wrap:wrap}.cc-contact-row strong{font-size:13px;font-weight:500}.cc-contact-row small{display:block;font-size:11px;margin-top:5px}.cc-contact-row button{font-size:12px}.cc-contact-row .im-avatar{width:32px;height:32px;font-size:12px}
#collaboration-modal .im-chat-head,#collaboration-modal .im-business-bar{flex-shrink:0}#collaboration-modal .im-stream{flex:1 1 0;min-height:0}#collaboration-modal .im-composer{flex:0 0 auto;box-sizing:border-box;margin:0;padding:12px 20px;max-height:230px;overflow:auto}#collaboration-modal .im-composer textarea{height:54px;min-height:54px}#collaboration-modal .im-compose-bottom{margin-top:4px}
/* Compact directory toolbar inside the collaboration dialog. */
#collaboration-modal .cc-directory-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;min-height:0;flex-wrap:wrap;background:#fff}
#collaboration-modal .cc-directory-tools>.tabs{display:flex;align-items:center;gap:4px;margin:0;padding:3px;border:0;border-radius:8px;background:#f1f4f9;flex-shrink:0}
#collaboration-modal .cc-directory-tools>.tabs button{margin:0;padding:7px 12px;min-height:32px;border:0;border-radius:6px;background:transparent;color:#77849a;font-size:13px;line-height:18px;box-shadow:none}
#collaboration-modal .cc-directory-tools>.tabs button.active{background:#fff;color:#3d62ad;box-shadow:0 1px 3px #253d6714}
#collaboration-modal .cc-directory-tools>form{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;flex:0 1 280px;min-width:220px;width:auto;background:transparent}
#collaboration-modal .cc-directory-tools>form input{flex:1;min-width:0;width:100%;height:34px;box-sizing:border-box;margin:0;padding:7px 10px;font-size:12px}
#collaboration-modal .cc-directory-tools>form button{flex-shrink:0;height:34px;box-sizing:border-box;margin:0;padding:6px 12px;font-size:12px;line-height:20px}
#collaboration-modal .im-workspace{grid-template-rows:minmax(0,1fr);min-height:0}#collaboration-modal .im-list{min-height:0;overflow:hidden}#collaboration-modal .im-chat{min-height:0;max-height:100%;overflow:hidden}#collaboration-modal .im-list-rows{min-height:0}#collaboration-modal .cc-contact-row{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:16px 0}#collaboration-modal .cc-contact-row .grow{flex:1;min-width:0}#collaboration-modal .cc-contact-row>button{margin-left:auto;flex-shrink:0}#collaboration-modal .cc-contact-phone{margin-left:auto;color:#7f8ca0;font-size:12px;white-space:nowrap}#collaboration-modal .cc-client-detail h4{margin:24px 0 0;padding-bottom:9px;border-bottom:1px solid #e7ecf3}#collaboration-modal .cc-contact-row .im-avatar{flex-shrink:0}#collaboration-modal .cc-client-detail>.muted{font-size:12px;line-height:1.7}
.legal-capabilities{max-width:880px;margin:24px auto}.legal-capability-title{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px;font-size:14px}.legal-capability-title span{font-size:12px;color:#8995a7}.legal-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.legal-capability-grid>button{text-align:left;padding:14px;border:1px solid #e1e7f1;border-radius:10px;background:#fff;white-space:normal;line-height:1.5}.legal-capability-grid small{display:block;color:#8391a6;font-size:11px}.legal-capability-grid strong{display:block;margin:6px 0;color:#385174;font-size:14px;font-weight:600}.legal-capability-grid span{display:block;font-size:12px;color:#7b899e}.legal-example-switch{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.legal-example-switch button{font-size:12px;padding:6px 9px}.legal-example-switch .active{background:#eef2fc;color:#3f64b0;border-color:#bdcdeb}.legal-demo-label{font-size:12px;line-height:1.6;color:#7b899e;background:#f5f7fb;padding:10px 12px;border-radius:7px}@media(max-width:1200px){.legal-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.process-session small{color:#8795aa}.process-detail>.body{overflow:auto!important;display:block!important;padding:24px 32px!important}.process-detail .agent-message{max-width:850px;margin:18px auto}.process-path{max-width:850px;margin:14px auto;padding:12px 16px;background:#f4f7fc;color:#526d96;border-radius:8px;font-size:13px}.process-result,.process-next{max-width:850px;margin:20px auto;border-top:1px solid #e4eaf3;padding-top:18px}.process-result h3{font-size:15px}.process-result pre{white-space:pre-wrap;font:13px/1.8 inherit;color:#607189;background:#f7f9fc;padding:16px;border-radius:8px}.process-next p{font-size:13px;color:#8290a5}.process-next .inline{flex-wrap:wrap}

.process-detail{display:flex!important;flex-direction:column;min-height:0;overflow:hidden}.process-detail>.agent-topbar{flex:0 0 auto}.process-detail>.body{flex:1 1 0;min-height:0}.process-detail>.process-composer{flex:0 0 auto;margin:0!important;padding:16px 32px!important;border-top:1px solid #e4eaf3;background:#fff}.process-composer textarea{width:100%;height:68px;min-height:54px;resize:none}.process-composer .agent-compose-actions{display:flex;justify-content:space-between;align-items:center}.process-composer small{color:#8795aa;font-size:12px}