:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#18212f;background:#eef2f7;font-synthesis:none;--navy: #17243b;--blue: #3178f6;--cyan: #1fabc2;--line: #e4e9f0;--muted: #687589}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{height:100vh;display:grid;grid-template-rows:64px auto 1fr;overflow:hidden;background:#f4f6fa}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid var(--line);z-index:3}.brand,.brand>div,.topbar-actions,.chat-actions,.contact-heading,.quick-actions{display:flex;align-items:center}.brand{gap:11px}.brand-mark{width:35px;height:35px;border-radius:10px;display:grid!important;place-items:center;color:#fff;background:linear-gradient(140deg,#8656e8,#357be9 55%,#2ec5c9);box-shadow:0 7px 18px #4f6fe42c}.brand-mark.large{width:52px;height:52px;border-radius:15px}.brand>div:last-child{align-items:flex-start;flex-direction:column}.brand strong{font-size:15px;letter-spacing:-.2px}.brand span{color:#718097;font-size:11px;margin-top:2px}.topbar-actions{gap:8px}.icon-button{border:1px solid var(--line);background:#fff;width:35px;height:35px;border-radius:9px;color:#536176;display:grid;place-items:center}.icon-button:hover{background:#f7f9fc;color:var(--blue)}.context-pill{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;font-size:11px;font-weight:600;color:#536176;background:#f1f4f8}.context-pill.zoho{color:#217c91;background:#e8f8fa}.error-banner{display:flex;align-items:center;gap:9px;padding:8px 18px;color:#9a332d;background:#fff0ee;border-bottom:1px solid #ffd9d4;font-size:12px}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:inherit;display:grid}.workspace{min-height:0;display:grid;grid-template-columns:245px 340px minmax(440px,1fr)}.inbox-rail,.conversation-panel,.chat-panel{min-height:0;background:#fff}.inbox-rail,.conversation-panel{border-right:1px solid var(--line)}.inbox-rail{display:flex;flex-direction:column;background:#f9fafc}.rail-title{padding:18px 17px 10px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8792a4;letter-spacing:.9px}.rail-title strong{font-size:10px;color:#4b5c73;background:#e9edf3;padding:3px 7px;border-radius:9px;letter-spacing:0}.inbox-items{min-height:0;overflow:auto;padding:3px 9px}.inbox-item{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px;border:0;border-radius:10px;color:inherit;text-align:left;background:transparent;margin-bottom:2px}.inbox-item:hover{background:#f0f3f8}.inbox-item.active{background:#eaf1ff;box-shadow:inset 3px 0 #4c83ed}.channel-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#54708d;background:#edf1f6}.channel-icon.whatsapp{color:#168c5a;background:#e5f8ef}.channel-icon.instagram{color:#c14072;background:#fdeaf1}.channel-icon.api{color:#6c54bf;background:#eeeafd}.inbox-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.inbox-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.inbox-copy small{color:#8290a3;font-size:9.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.connection-dot{width:6px;height:6px;border-radius:50%}.connection-dot.ok{background:#27b379;box-shadow:0 0 0 3px #dff6ed}.connection-dot.bad{background:#e15c52;box-shadow:0 0 0 3px #fbe2df}.inbox-signals{display:flex;align-items:center;gap:6px}.rail-unread{min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font-size:8px;font-weight:700}.rail-footer{display:flex;gap:7px;align-items:center;margin:auto 14px 14px;padding:9px 10px;font-size:10px;color:#557269;background:#edf8f4;border:1px solid #d9eee7;border-radius:9px}.conversation-panel{display:flex;flex-direction:column}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 16px 12px}.eyebrow{display:block;color:#8490a2;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.panel-heading h1,.modal-header h2{font-size:18px;margin:0;letter-spacing:-.4px}.primary,.secondary{min-height:38px;padding:0 16px;border-radius:9px;border:1px solid transparent;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #3178f62d}.primary:hover{background:#246ae2}.primary.compact,.secondary.compact{min-height:30px;padding:0 10px;font-size:9px}.secondary{background:#fff;border-color:var(--line);color:#536176}.secondary.compact-action{min-height:34px;padding:0 10px;font-size:9px}.channel-note{display:flex;gap:6px;align-items:flex-start;margin:0 16px 10px;padding:8px 9px;border-radius:8px;color:#896822;background:#fff8e8;font-size:9.5px;line-height:1.35}.filters{display:flex;gap:7px;padding:0 14px 12px;border-bottom:1px solid var(--line)}.search-box{min-width:0;flex:1;display:flex;align-items:center;gap:8px;background:#f3f5f8;color:#8995a5;padding:0 10px;border:1px solid transparent;border-radius:9px}.search-box:focus-within{background:#fff;border-color:#aac6fb;box-shadow:0 0 0 3px #eaf1ff}.search-box input{width:100%;height:34px;border:0;outline:0;background:transparent;color:#253146;font-size:11px}.search-box.large input{height:42px;font-size:12px}.select-wrap{position:relative;display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#647287}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;background:transparent;color:inherit;height:34px;padding:0 28px 0 9px;font-size:10px;min-width:0}.select-wrap>svg:last-child{position:absolute;right:8px;pointer-events:none}.select-wrap.full select{width:100%;height:40px}.select-wrap.full{width:100%}.select-wrap.small{width:91px}.conversation-list{min-height:0;overflow-y:auto}.conversation-row{width:100%;position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 14px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:inherit;text-align:left}.conversation-row:hover{background:#fafbfe}.conversation-row.active{background:#f1f6ff;box-shadow:inset 3px 0 #4c83ed}.avatar{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#47627d;background:linear-gradient(145deg,#e9f1f9,#dbe7f3);font-size:11px;font-weight:700}.avatar.large{width:41px;height:41px;border-radius:13px}.conversation-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.conversation-top{display:flex;justify-content:space-between;gap:8px}.conversation-top strong{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.conversation-top time{color:#929dad;font-size:9px}.message-preview{color:#7b8798;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.status-badge{padding:2px 6px;border-radius:5px;font-size:8px;font-weight:700;color:#247963;background:#e5f6ef}.status-badge.pending{color:#866824;background:#fff4d8}.status-badge.resolved{color:#677384;background:#edf0f4}.assignee-mini{display:flex;gap:3px;align-items:center;color:#7a8798;font-size:8px}.unread{position:absolute;right:14px;bottom:12px;width:17px;height:17px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:700}.chat-panel{display:flex;flex-direction:column;background:#f5f7fa;min-width:0}.chat-header{min-height:69px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid var(--line)}.contact-heading{gap:10px;min-width:0}.contact-heading h2{margin:0 0 3px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.contact-heading div>span{color:#7b8797;font-size:10px}.chat-actions{gap:7px}.agent-select{padding-left:8px}.agent-select select{max-width:180px}.message-list{flex:1;min-height:0;overflow-y:auto;padding:18px clamp(18px,4vw,54px);background-color:#f5f7fa;background-image:radial-gradient(#dfe5ec .6px,transparent .6px);background-size:14px 14px}.date-separator{display:flex;align-items:center;gap:10px;margin:9px 0 18px;color:#8b96a6;font-size:9px}.date-separator:before,.date-separator:after{content:"";height:1px;background:#dfe4eb;flex:1}.date-separator span{padding:4px 9px;border-radius:8px;background:#eaedf2}.message-line{display:flex;align-items:flex-end;gap:6px;margin:6px 0}.message-line.outgoing{justify-content:flex-end}.bubble{max-width:min(74%,560px);padding:9px 11px 6px;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 2px 7px #253b5910;border:1px solid #e5e9ef}.outgoing .bubble{background:#dff2ff;border-color:#cde7f9;border-radius:12px 12px 3px}.bubble p{margin:0;font-size:11.5px;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.message-content a{color:#205d91;font-weight:600;text-decoration:underline;text-underline-offset:2px}.message-content a:hover{color:#174b79}.message-foot{display:flex;align-items:center;justify-content:flex-end;gap:3px;color:#8190a2;font-size:8px;margin-top:3px}.message-foot .read{color:#2789d7}.message-foot .failed{color:#d74c43}.private-label{display:inline-block;color:#8f6722;background:#fff0c8;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700;margin-bottom:5px}.attachment{display:inline-block;color:var(--blue);font-size:10px;margin-top:6px}.activity-message{width:fit-content;margin:10px auto;padding:5px 9px;border-radius:8px;color:#8994a3;background:#e9edf2;font-size:9px}.message-agent-avatar{position:relative;flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;overflow:visible;border:1px solid #c9e9df;border-radius:8px;color:#27806d;background:#d9f4eb;font-size:7.5px;font-weight:800;cursor:help;outline:none}.message-agent-avatar img{width:100%;height:100%;object-fit:cover;border-radius:7px}.message-agent-avatar:after{content:attr(data-tooltip);position:absolute;z-index:20;right:0;bottom:calc(100% + 7px);width:max-content;max-width:220px;padding:5px 8px;border-radius:5px;color:#fff;background:#17191d;box-shadow:0 5px 16px #1118;font-size:8.5px;font-weight:500;line-height:1.25;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(3px);transition:opacity .12s,transform .12s,visibility .12s}.message-agent-avatar:hover:after,.message-agent-avatar:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.composer{padding:10px 16px 12px;background:#fff;border-top:1px solid var(--line)}.quick-actions{gap:6px;color:#7e8998;font-size:9px;margin-bottom:7px}.quick-actions button{border:1px solid #dfe5ec;border-radius:6px;padding:3px 7px;color:#52667e;background:#f7f9fb;font-size:8px;font-weight:700}.private-toggle{display:flex;align-items:center;gap:4px;margin-left:auto;color:#806323}.private-toggle input{accent-color:#ca9329}.template-bar{display:flex;align-items:flex-start;gap:8px;margin-bottom:7px}.template-bar .select-wrap{flex:1}.template-bar .select-wrap select{width:100%}.template-bar details{width:180px;font-size:9px;color:#6e7b8d}.template-bar summary{cursor:pointer;margin:6px 0}.template-bar textarea{width:100%;height:55px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:6px;font-size:8px}.composer-box{display:flex;align-items:flex-end;gap:8px;border:1px solid #dce3eb;border-radius:11px;padding:7px;background:#fbfcfe}.composer-box:focus-within{border-color:#8cb2f7;box-shadow:0 0 0 3px #edf3ff;background:#fff}.composer-box.private{background:#fffaf0;border-color:#ead9ab}.composer-box textarea{flex:1;min-height:42px;max-height:120px;resize:vertical;border:0;outline:0;padding:6px;background:transparent;color:#263247;font-size:11px}.send-button{min-height:36px;border:0;border-radius:9px;padding:0 13px;color:#fff;background:var(--blue);display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.composer-box.private .send-button{background:#b8882e}.composer-hint{display:flex;justify-content:space-between;color:#9aa3b0;font-size:8px;margin-top:5px;padding:0 3px}.empty-state{flex:1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:#8390a1}.empty-state>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#708197;background:#edf1f5;margin-bottom:12px}.empty-state strong{color:#4d5b6e;font-size:12px}.empty-state p{max-width:240px;margin:5px 0;font-size:10px;line-height:1.45}.empty-state.compact{min-height:100%}.full-loader{min-height:100vh;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;color:#637187}.full-loader strong{font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#101a2b82;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(510px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;background:#fff;box-shadow:0 25px 70px #0b142a42}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 18px}.modal-header{border-bottom:1px solid var(--line)}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.modal-body{padding:17px 18px}.field{display:block;margin-bottom:14px}.field>span{display:block;color:#526075;font-size:10px;font-weight:700;margin-bottom:6px}.field em{color:#929dab;font-weight:400}.contact-results{border:1px solid var(--line);border-radius:10px;padding:5px;margin:-8px 0 14px;max-height:210px;overflow:auto}.contact-results button{width:100%;border:0;background:#fff;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;padding:7px;text-align:left;border-radius:8px}.contact-results button:hover{background:#f3f7fc}.contact-results .avatar{width:33px;height:33px}.contact-results span:nth-child(2),.selected-contact span{min-width:0;display:flex;flex-direction:column}.contact-results strong,.selected-contact strong{font-size:11px}.contact-results small,.selected-contact small{margin-top:2px;color:#8792a2;font-size:9px}.selected-contact{display:flex;align-items:center;gap:9px;padding:10px;margin:-5px 0 14px;border-radius:9px;color:#246e5a;background:#ecf8f4}.selected-contact span{flex:1}.selected-contact button{border:0;background:transparent;color:#397b68;font-size:9px;text-decoration:underline}.initial-message{width:100%;min-height:80px;resize:vertical;padding:10px;border:1px solid var(--line);border-radius:9px;outline:0;font-size:11px}.initial-message:focus{border-color:#92b4f4;box-shadow:0 0 0 3px #edf3ff}.warning-box{display:flex;align-items:flex-start;gap:7px;padding:9px 10px;border-radius:9px;color:#806323;background:#fff7e5;font-size:9px;line-height:1.45}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.workspace{grid-template-columns:210px 300px minmax(400px,1fr)}.context-pill{display:none}}@media(max-width:760px){.workspace{grid-template-columns:72px 280px minmax(360px,1fr);overflow-x:auto}.inbox-copy,.rail-title span,.rail-title strong,.rail-footer span{display:none}.inbox-item{grid-template-columns:34px 7px}.rail-footer{justify-content:center}}.widget-page{min-height:100vh;padding:18px;display:grid;place-items:center;background:#eef2f7}.talk-widget{width:100%;max-width:1400px;height:min(740px,calc(100vh - 36px));min-height:560px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe5ed;border-radius:16px;box-shadow:0 20px 55px #18304f18}.widget-page.zoho-mode{padding:0;place-items:stretch;background:#fff}.zoho-mode .talk-widget{width:100%;height:100vh;min-height:480px;border:0;border-radius:0;box-shadow:none}.widget-header{min-height:68px;padding:12px 14px 12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:#fff}.contact-identity{min-width:0;display:flex;align-items:center;gap:10px}.widget-avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#43617d;background:linear-gradient(145deg,#edf3f9,#dce8f3);font-size:11px;font-weight:700}.contact-identity>div{min-width:0}.contact-identity h1{margin:0 0 3px;max-width:390px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;letter-spacing:-.2px}.contact-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8798;font-size:10px}.header-actions{display:flex;align-items:center;gap:6px}.header-actions .icon-button{text-decoration:none}.close-widget{border-color:transparent}.view-switch{flex:0 0 auto;padding:3px;display:flex;align-items:center;gap:2px;border:1px solid #e0e6ed;border-radius:9px;background:#f4f6f9}.view-switch button{height:27px;padding:0 9px;display:flex;align-items:center;gap:5px;border:0;border-radius:6px;color:#788699;background:transparent;font-size:8.5px;font-weight:600}.view-switch button.active{color:#315f95;background:#fff;box-shadow:0 1px 4px #20395814}.widget-alert{min-height:32px;padding:7px 12px;display:flex;align-items:center;gap:7px;font-size:9.5px;line-height:1.35;border-bottom:1px solid transparent}.widget-alert span{flex:1}.widget-alert button{display:grid;border:0;color:inherit;background:transparent}.widget-alert.error{color:#963e36;background:#fff1ef;border-color:#f9d9d4}.widget-alert.info{color:#7d642c;background:#fff9eb;border-color:#f2e8c9}.context-toolbar{min-height:62px;padding:8px 10px;display:grid;grid-template-columns:minmax(135px,1.25fr) minmax(155px,1.35fr) 34px minmax(130px,1fr) 34px;gap:7px;align-items:end;border-bottom:1px solid var(--line);background:#fafbfc}.toolbar-control{min-width:0;display:flex;flex-direction:column;gap:4px}.toolbar-control>span{display:flex;align-items:center;gap:4px;color:#8792a2;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.toolbar-control>div{position:relative;display:flex;align-items:center;border:1px solid #e0e6ed;border-radius:8px;background:#fff}.toolbar-control select{width:100%;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 25px 0 8px;overflow:hidden;text-overflow:ellipsis;border:0;outline:0;color:#425168;background:transparent;font-size:9.5px}.toolbar-control>div svg{position:absolute;right:7px;color:#8995a5;pointer-events:none}.toolbar-plus{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dce3eb;border-radius:8px;color:#466a92;background:#fff}.toolbar-plus:hover{color:var(--blue);border-color:#b7cdf3;background:#f3f7ff}.more-menu{position:relative}.more-menu summary{width:34px;height:34px;display:grid;place-items:center;list-style:none;cursor:pointer;border:1px solid #dce3eb;border-radius:8px;color:#657388;background:#fff}.more-menu summary::-webkit-details-marker{display:none}.more-menu>div{position:absolute;z-index:8;right:0;top:39px;width:150px;padding:5px;display:flex;flex-direction:column;border:1px solid #dfe5ed;border-radius:9px;background:#fff;box-shadow:0 12px 30px #182b481e}.more-menu button,.more-menu a{min-height:31px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:6px;text-decoration:none;text-align:left;color:#526176;background:transparent;font-size:9.5px}.more-menu button:hover,.more-menu a:hover{color:var(--blue);background:#f3f6fa}.chat-stage{flex:1;min-height:0;display:flex;background-color:#f5f7fa;background-image:radial-gradient(#dfe5ec .6px,transparent .6px);background-size:14px 14px}.widget-messages{flex:1;min-height:0;overflow-y:auto;padding:16px clamp(14px,4vw,42px)}.widget-messages .bubble{max-width:min(78%,520px)}.messages-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:#8792a2;font-size:10px}.continuous-timeline{flex:1;min-width:0;overflow-y:auto;padding:12px clamp(10px,2vw,20px) 24px}.continuous-intro{width:fit-content;margin:0 auto 10px;padding:5px 9px;display:flex;align-items:center;gap:5px;border-radius:8px;color:#7d8999;background:#e9edf2;font-size:8.5px}.thread-block{margin-bottom:14px;overflow:clip;border:1px solid #dfe5ec;border-radius:12px;background:#f9fafc;box-shadow:0 3px 10px #2339550c;transition:border-color .15s,box-shadow .15s}.thread-block.active{border-color:#9dbcf2;box-shadow:0 0 0 3px #eaf1ff,0 5px 16px #294f8711}.thread-heading{position:sticky;top:0;z-index:2;width:100%;min-height:42px;padding:7px 10px;display:grid;grid-template-columns:minmax(120px,1.4fr) auto auto minmax(100px,1fr) auto auto;align-items:center;gap:7px;border:0;border-bottom:1px solid #e3e8ee;text-align:left;color:#536176;background:#fff}.thread-heading:hover{background:#f8faff}.thread-channel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6e7c8e;font-size:8.5px}.thread-heading strong{color:#35465d;font-size:9.5px;white-space:nowrap}.thread-status{padding:2px 6px;border-radius:5px;color:#247963;background:#e4f5ef;font-size:7.5px;font-weight:700}.thread-status.resolved{color:#697587;background:#edf0f4}.thread-status.pending{color:#846924;background:#fff3d7}.thread-agent{min-width:0;display:flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7b8797;font-size:8px}.thread-heading time{color:#919caa;font-size:8px}.reply-thread{justify-self:end;padding:3px 7px;border-radius:6px;color:#4675ad;background:#edf4ff;font-size:7.5px;font-weight:700}.thread-block.active .reply-thread{color:#247963;background:#e4f5ef}.thread-messages{padding:10px clamp(10px,3vw,28px) 13px;background-color:#f6f8fa;background-image:radial-gradient(#e0e5eb .55px,transparent .55px);background-size:14px 14px}.thread-messages .bubble{max-width:min(78%,500px)}.thread-messages .date-separator{margin:5px 0 10px}.thread-empty{padding:18px;text-align:center;color:#929dab;font-size:9px}.messages-loading.small{min-height:55px}.widget-composer{padding:8px 10px 10px;border-top:1px solid var(--line);background:#fff}.composer-options{min-height:24px;margin-bottom:6px;display:flex;align-items:center;gap:7px}.quick-languages{display:flex;gap:4px}.quick-languages button{height:22px;padding:0 7px;border:1px solid #dfe5ec;border-radius:6px;color:#58708a;background:#f8fafc;font-size:8px;font-weight:700}.quick-languages button:hover{color:var(--blue);border-color:#bfd1f2}.minimal-select{position:relative;display:flex;align-items:center}.minimal-select select{height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 23px 0 7px;border:1px solid #dfe5ec;border-radius:6px;outline:0;color:#637288;background:#f8fafc;font-size:8px}.minimal-select svg{position:absolute;right:6px;pointer-events:none;color:#8491a2}.sender-identity{max-width:230px;height:24px;margin-left:auto;padding:2px 7px 2px 3px;display:flex;align-items:center;gap:5px;overflow:hidden;border:1px solid #cce5dc;border-radius:12px;color:#286c5b;background:#edf8f4}.sender-identity>span{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:#28715f;background:#d4eee5;font-size:6.5px;font-weight:800}.sender-identity img{width:100%;height:100%;object-fit:cover}.sender-identity strong{overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.sender-identity.unmatched,.sender-identity.missing{color:#8a6528;border-color:#ead9ad;background:#fff9ea}.sender-identity.unmatched>span,.sender-identity.missing>span{color:#956c26;background:#f7e9bf}.widget-composer .private-toggle{margin-left:0;font-size:8.5px}.modal-body>.sender-identity{width:fit-content;max-width:100%;margin:0 0 10px}.active-thread-chip{padding:3px 7px;border-radius:6px;color:#356a9f;background:#eaf2ff;font-size:8px;font-weight:700;white-space:nowrap}.minimal-composer{position:relative;min-height:50px;padding:6px;display:flex;align-items:flex-end;gap:6px;border:1px solid #dce3eb;border-radius:10px;background:#fbfcfe}.minimal-composer:focus-within{border-color:#91b2f0;box-shadow:0 0 0 3px #edf3ff;background:#fff}.minimal-composer.private{border-color:#ead9ab;background:#fffaf0}.minimal-composer textarea{flex:1;min-width:0;min-height:36px;max-height:105px;padding:6px;resize:vertical;border:0;outline:0;color:#28364a;background:transparent;font-size:11px}.minimal-composer .send-button{flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:9px;color:#fff;background:var(--blue)}.minimal-composer.private .send-button{background:#b8882e}.minimal-composer .send-button:disabled{opacity:.42}.composer-tools{display:flex;align-items:center;gap:1px}.minimal-composer .composer-tool{width:30px;height:36px;display:grid;place-items:center;border:0;border-radius:7px;color:#738196;background:transparent}.minimal-composer .composer-tool:hover:not(:disabled),.minimal-composer .composer-tool.active{color:#376da7;background:#eaf2fc}.minimal-composer .composer-tool:disabled{opacity:.38}.emoji-control{position:relative}.emoji-picker{position:absolute;z-index:15;left:-68px;bottom:43px;width:210px;padding:8px;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;border:1px solid #dde4ec;border-radius:10px;background:#fff;box-shadow:0 12px 34px #19304d26}.minimal-composer .emoji-picker button{min-width:0;width:30px;height:30px;padding:0;display:grid;place-items:center;border:0;border-radius:6px;color:inherit;background:transparent;font-size:16px}.minimal-composer .emoji-picker button:hover{background:#f0f4f8}.minimal-composer .emoji-picker button:nth-last-child(-n+2){grid-column:span 3;width:auto;font-size:10px}.minimal-composer .ai-trigger{color:#7056bd}.minimal-composer .ai-trigger:hover:not(:disabled),.minimal-composer .ai-trigger.active{color:#6540c1;background:#f0ebfc}.minimal-composer .template-trigger{position:relative;color:#28758a}.minimal-composer .template-trigger:hover:not(:disabled),.minimal-composer .template-trigger.active{color:#17677d;background:#e8f5f7}.shortcut-badge{position:absolute;right:2px;bottom:2px;min-width:11px;height:11px;display:grid;place-items:center;border:1px solid #cde1e5;border-radius:4px;color:#277386;background:#f5fbfc;font-size:7px;font-weight:800;line-height:1}.message-template-panel{margin-bottom:7px;overflow:hidden;border:1px solid #d5e5e9;border-radius:11px;background:linear-gradient(145deg,#fbfeff,#f7fbfc);box-shadow:0 6px 20px #183c4b0d}.template-panel-header{min-height:40px;padding:6px 8px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e2eef0}.template-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#247488;background:#e5f4f7}.template-panel-header>div{min-width:0;flex:1}.template-panel-header strong,.template-panel-header small{display:block}.template-panel-header strong{color:#2f5360;font-size:9.5px}.template-panel-header small{margin-top:1px;color:#81949a;font-size:7.5px}.template-header-actions{display:flex;align-items:center;gap:2px}.template-header-actions button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;color:#7c9298;background:transparent}.template-header-actions button:hover:not(:disabled){color:#17677d;background:#e8f5f7}.template-library{padding:8px;display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.6fr);gap:8px}.template-list{min-width:0}.template-search{height:29px;margin-bottom:5px;padding:0 7px;display:flex;align-items:center;gap:5px;border:1px solid #dfe9eb;border-radius:7px;color:#819399;background:#fff}.template-search:focus-within{border-color:#9fc9d3;box-shadow:0 0 0 2px #e9f5f7}.template-search input{width:100%;min-width:0;border:0;outline:0;color:#48616a;background:transparent;font-size:8px}.template-options{max-height:180px;overflow-y:auto}.template-options>button{width:100%;padding:8px;display:flex;flex-direction:column;gap:6px;border:1px solid #e1e9eb;border-radius:8px;color:#536970;background:#fff;text-align:left}.template-options>button+button{margin-top:5px}.template-options>button:hover,.template-options>button.selected{border-color:#9fc9d3;background:#edf8fa;box-shadow:inset 3px 0 #3b8da0}.template-options button>span:first-child{min-width:0}.template-options strong,.template-options small{display:block}.template-options strong{overflow:hidden;color:#36545d;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.template-options small{display:-webkit-box;margin-top:3px;overflow:hidden;color:#819299;font-size:7.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.template-empty{padding:18px 8px;text-align:center;color:#8c9b9f;font-size:8px;line-height:1.4}.template-preview{min-width:0;padding:8px;border:1px solid #e0e9eb;border-radius:8px;background:#fff}.template-preview-heading{margin-bottom:6px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.template-preview-heading>div{min-width:0}.template-preview-heading strong,.template-preview-heading small{display:block}.template-preview-heading strong{color:#39545d;font-size:8.5px}.template-preview-heading small{margin-top:2px;color:#8a999e;font-size:7px}.crm-variable{max-width:190px;padding:3px 6px;overflow:hidden;border-radius:5px;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:700}.crm-variable.resolved{color:#24715f;background:#e5f5ef}.crm-variable.missing{color:#98453e;background:#fff0ee}.template-preview pre{max-height:125px;margin:0;padding:7px 8px;overflow:auto;border:1px solid #e6ecee;border-radius:7px;color:#34464c;background:#fafcfd;font-family:inherit;font-size:8.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.template-error{margin-top:6px;padding:6px 7px;display:flex;align-items:center;gap:5px;border-radius:7px;color:#963e36;background:#fff0ef;font-size:8px}.template-panel-footer{margin-top:7px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.template-panel-footer>span{margin-right:auto;color:#87969b;font-size:7px;line-height:1.3}.template-panel-footer kbd{padding:1px 3px;border:1px solid #dce6e8;border-bottom-width:2px;border-radius:3px;color:#60757b;background:#f8fbfc;font-family:inherit;font-size:6.5px}.template-loading{min-height:120px;display:flex;align-items:center;justify-content:center;gap:6px;color:#7f9298;font-size:8px}.ai-panel{margin-bottom:7px;overflow:hidden;border:1px solid #ddd8ef;border-radius:11px;background:linear-gradient(145deg,#fcfbff,#f8faff);box-shadow:0 6px 20px #30205f0d}.ai-panel-header{min-height:40px;padding:6px 8px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #ebe7f5}.ai-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#6845bd;background:#eee8fc}.ai-panel-header>div{min-width:0;flex:1}.ai-panel-header strong,.ai-panel-header small{display:block}.ai-panel-header strong{color:#42365e;font-size:9.5px}.ai-panel-header small{margin-top:1px;color:#8a829a;font-size:7.5px}.ai-panel-header>button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;color:#877f95;background:transparent}.ai-panel-header>button:hover{color:#6540c1;background:#f0ebfa}.ai-settings{padding:7px 8px 0;display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:6px}.ai-settings label{min-width:0}.ai-settings label>span{display:block;margin:0 0 3px 2px;color:#898196;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.ai-settings select{width:100%;height:28px;padding:0 7px;border:1px solid #e2ddec;border-radius:7px;outline:0;color:#514763;background:#fff;font-size:8.5px}.ai-settings select:focus{border-color:#aa97d8;box-shadow:0 0 0 2px #eee8fb}.ai-actions{padding:7px 8px 8px;display:grid;grid-template-columns:repeat(4,minmax(85px,1fr));gap:5px}.ai-actions button{min-height:30px;padding:0 7px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #e3deed;border-radius:7px;color:#625673;background:#fff;font-size:8px;font-weight:650}.ai-actions button:hover:not(:disabled),.ai-actions button.selected{color:#6845bd;border-color:#c5b5e7;background:#f3effc}.ai-inline-error{margin:0 8px 8px;padding:6px 7px;display:flex;align-items:center;gap:5px;border-radius:7px;color:#963e36;background:#fff0ef;font-size:8px}.ai-result{margin:0 8px 8px;padding:7px;border:1px solid #dfdaeb;border-radius:8px;background:#fff}.ai-result-label{margin-bottom:5px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-result-label strong{color:#504365;font-size:8px}.ai-result-label span{color:#938a9f;font-size:7px}.ai-result textarea{width:100%;min-height:62px;max-height:125px;padding:7px 8px;resize:vertical;border:1px solid #e5e1ec;border-radius:7px;outline:0;color:#2f2940;background:#fcfbfd;font-size:9.5px;line-height:1.45}.ai-result textarea:focus{border-color:#b19edc;box-shadow:0 0 0 2px #f0ebfb;background:#fff}.ai-result-actions{margin-top:6px;display:flex;justify-content:flex-end;gap:5px}.attachment-drafts{margin-bottom:6px;display:flex;gap:5px;overflow-x:auto}.attachment-draft{flex:0 0 auto;min-width:145px;max-width:260px;height:42px;padding:5px 6px;display:flex;align-items:center;gap:6px;border:1px solid #dfe5ec;border-radius:8px;color:#607087;background:#f8fafc}.attachment-draft>img,.attachment-draft>video{flex:0 0 auto;width:30px;height:30px;object-fit:cover;border-radius:5px;background:#1d2733}.attachment-draft.pdf>svg{padding:4px;box-sizing:content-box;border-radius:5px;color:#fff;background:#d85850}.attachment-draft>span{min-width:0;flex:1}.attachment-draft strong,.attachment-draft small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-draft strong{color:#44546a;font-size:8.5px}.attachment-draft small{margin-top:2px;color:#8995a5;font-size:7.5px}.attachment-draft audio{width:105px;height:28px}.attachment-draft>button{width:23px;height:23px;display:grid;place-items:center;border:0;border-radius:5px;color:#8a96a5;background:transparent}.attachment-draft>button:hover{color:#b74d45;background:#fff0ef}.recording-bar{min-height:38px;margin-bottom:6px;padding:5px 7px 5px 10px;display:flex;align-items:center;gap:7px;border:1px solid #f1d2cf;border-radius:9px;color:#9a4a43;background:#fff5f4}.recording-dot{width:7px;height:7px;border-radius:50%;background:#d85149;animation:pulse-recording 1.2s infinite}.recording-bar strong{font-size:9px}.recording-bar time{flex:1;font-size:9px;font-variant-numeric:tabular-nums}.recording-bar button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;color:#96635f;background:transparent}.recording-bar button:hover{background:#f8e4e2}.recording-bar .stop-recording{color:#fff;background:#d85850}.recording-bar .stop-recording:hover{background:#c34c45}@keyframes pulse-recording{50%{opacity:.3;transform:scale(.78)}}.message-attachments{display:grid;gap:6px}.message-attachments:empty{display:none}.bubble.has-attachments{padding:6px 7px 5px}.bubble.has-attachments .message-content{margin:3px 4px 7px}.bubble.has-audio{width:min(310px,70vw)}.media-audio-card{width:100%;min-width:0;padding:7px;border-radius:9px;background:#ffffffb8}.media-card-heading{margin-bottom:5px;display:flex;align-items:center;gap:6px}.media-kind-icon{flex:0 0 auto;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#247f91;background:#dff1f4}.media-card-heading>span:nth-child(2),.media-card-footer>span,.file-card>span:nth-child(2){min-width:0;flex:1}.media-card-heading strong,.media-card-heading small,.media-card-footer strong,.media-card-footer small,.file-card strong,.file-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card-heading strong,.media-card-footer strong,.file-card strong{color:#40576a;font-size:8.5px}.media-card-heading small,.media-card-footer small,.file-card small{margin-top:1px;color:#8493a0;font-size:7px}.media-card-heading>a{width:25px;height:25px;display:grid;place-items:center;border-radius:6px;color:#708695}.media-card-heading>a:hover{color:#247f91;background:#edf6f8}.message-audio{display:block;width:100%;height:36px}.media-image-preview,.media-video-card,.media-document-card{width:min(320px,70vw);overflow:hidden;border-radius:9px;background:#fff}.media-image-preview,.media-document-card{display:block;text-decoration:none;color:inherit}.message-image,.message-video{display:block;width:100%;max-height:260px;object-fit:contain}.message-image{min-height:80px;background:#edf1f4}.message-video{background:#111}.media-preview-caption,.media-card-footer{min-height:36px;padding:6px 7px;display:flex;align-items:center;gap:6px;color:#6c7f8c;background:#ffffffeb}.media-preview-caption>strong{min-width:0;flex:1;overflow:hidden;color:#40576a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.media-preview-caption>small{color:#87949f;font-size:7px;white-space:nowrap}.media-preview-caption>svg,.media-card-footer>svg{flex:0 0 auto}.media-document-card{border:1px solid #e2e7eb}.media-document-card>img{display:block;width:100%;max-height:175px;object-fit:cover;object-position:top;background:#eef1f4}.pdf-preview{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#c64b45;background:linear-gradient(145deg,#fff,#f1f3f5)}.pdf-preview svg{padding:7px;box-sizing:content-box;border-radius:9px;color:#fff;background:#d85850;box-shadow:0 5px 13px #9d312727}.pdf-preview b{font-size:9px;letter-spacing:.8px}.bubble .attachment.file-card{width:min(285px,68vw);min-width:0;margin-top:0;padding:7px 8px;display:flex;align-items:center;gap:7px;border-radius:8px;text-decoration:none;color:#46647f;background:#ffffffc9}.file-card>svg{flex:0 0 auto;color:#738998}.template-parameters{margin-bottom:6px;color:#69778a;font-size:8.5px}.template-parameters summary{width:fit-content;cursor:pointer}.template-parameters textarea{width:100%;height:50px;margin-top:4px;padding:6px;resize:vertical;border:1px solid #e0e5ec;border-radius:7px;outline:0;font-size:8px}.widget-empty{min-height:100%}.widget-empty .primary{margin-top:10px;min-height:34px;padding:0 12px;font-size:10px}.compact-modal{width:min(460px,100%)}.compact-modal .contact-results:empty{display:none}@media(max-width:660px){.widget-page{padding:0}.talk-widget{width:100%;height:100vh;min-height:520px;border:0;border-radius:0;box-shadow:none}.widget-header{flex-wrap:wrap}.view-switch{order:3;width:100%;justify-content:center}.view-switch button{flex:1;justify-content:center}.context-toolbar{grid-template-columns:minmax(120px,1fr) minmax(135px,1fr) 34px}.toolbar-control.compact{grid-column:1 / span 2}.more-menu{grid-column:3;grid-row:2}.contact-identity h1{max-width:200px}.header-actions .icon-button:nth-child(3){display:none}.thread-heading{grid-template-columns:1fr auto auto}.thread-agent,.thread-heading time,.thread-status{display:none}.minimal-composer{flex-wrap:wrap}.composer-tools{order:2}.minimal-composer textarea{flex-basis:calc(100% - 45px)}.minimal-composer .send-button{order:1}.emoji-picker{left:0}.ai-actions{grid-template-columns:repeat(2,minmax(100px,1fr))}.ai-settings{grid-template-columns:1fr}.ai-result-label span{display:none}.template-library{grid-template-columns:1fr}.template-options{max-height:96px}.template-preview-heading{flex-direction:column}.crm-variable{max-width:100%}.template-panel-footer>span{display:none}}