:root{font-family:'DM Sans',sans-serif;color:#252536;background:#f7f8fc;font-synthesis:none;--ink:#252536;--muted:#9293a5;--line:#edecf2;--violet:#7564df;--soft:#f2f0ff}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;overflow:hidden}.app-shell{height:100vh;display:flex;background:#fff}.rail{width:68px;flex:none;border-right:1px solid #efeff4;display:flex;align-items:center;flex-direction:column;padding:20px 0 16px;gap:14px;background:#fff}.brand-mark{width:37px;height:37px;border-radius:13px;background:#7564df;display:grid;place-items:center;color:#fff;text-decoration:none;font:800 25px Manrope;margin-bottom:27px;box-shadow:0 6px 14px #7564df35}.brand-mark span{transform:translateY(-1px)}.rail-button,.icon-button{border:0;background:transparent;color:#9b9bad;cursor:pointer;display:grid;place-items:center}.rail-button{width:39px;height:39px;border-radius:12px;font-size:19px}.rail-button:hover,.rail-button.selected{background:#f1efff;color:#7462de}.rail-spacer{flex:1}.rail-avatar{border:0}.inbox-panel{width:325px;flex:none;border-right:1px solid #efeff4;display:flex;flex-direction:column;background:#fdfdff}.inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 22px 18px}.eyebrow{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#a1a0b1}.inbox-heading h1{font:800 23px Manrope;margin:5px 0 0;letter-spacing:-.8px}.icon-button{width:34px;height:34px;border:1px solid #eeeef3;border-radius:10px;font-size:19px;color:#67677b;background:#fff;position:relative}.icon-button:hover{color:var(--violet);border-color:#d8d2fb}.inbox-heading .icon-button{background:#7564df;color:#fff;border:0;font-size:24px;box-shadow:0 4px 10px #7564df30}.searchbox{height:39px;margin:0 20px 15px;border:1px solid #eaeaf0;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 10px;gap:8px;color:#9999a8}.searchbox>span{font-size:21px;transform:rotate(-20deg)}.searchbox input{border:0;outline:0;width:100%;font:12px 'DM Sans';color:var(--ink)}.searchbox input::placeholder{color:#aaaab5}.searchbox kbd{white-space:nowrap;font:10px 'DM Sans';color:#a8a8b6;border:1px solid #eeeef2;border-radius:4px;padding:2px 4px}.filter-row{display:flex;padding:0 19px 17px;gap:5px}.filter-chip{font:500 11px 'DM Sans';border:0;background:transparent;padding:6px 9px;border-radius:7px;color:#9292a4;cursor:pointer}.filter-chip.active{background:#f0efff;color:#6f5ddd;font-weight:700}.queue-label{border-top:1px solid #f1f1f5;padding:17px 21px 8px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;font-weight:700;color:#a2a1af}.count-pill{background:#f0efff;color:#7160db;border-radius:6px;padding:3px 7px;font-size:10px;letter-spacing:0}.conversation-list{overflow:auto;flex:1;padding:0 10px}.conversation-card{padding:13px 11px 12px;border-radius:12px;margin-bottom:4px;cursor:pointer;position:relative}.conversation-card:hover{background:#f7f6fc}.conversation-card.selected{background:#f2f0ff}.conversation-card.selected:before{content:'';position:absolute;width:3px;left:-10px;top:14px;bottom:14px;background:#7564df;border-radius:0 3px 3px 0}.card-top{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;border-radius:50%;width:38px;height:38px;flex:none;color:#fff;background:#8473e5;font-weight:700;font-size:13px;position:relative}.card-avatar{width:36px;height:36px;font-size:11px}.card-copy{min-width:0;flex:1}.card-name-row{display:flex;align-items:center;justify-content:space-between;gap:5px}.card-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-time{font-size:9px;color:#a3a2b0;white-space:nowrap}.card-subject{font-size:10px;color:#77778a;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin:8px 0 0 46px}.mini-agent{font-size:9px;color:#9b9aaa;display:flex;align-items:center;gap:5px}.mini-agent i{width:6px;height:6px;border-radius:50%;background:#55bb91}.unread-badge{min-width:17px;height:17px;border-radius:6px;background:#7564df;color:#fff;font-size:9px;display:grid;place-items:center;padding:0 4px}.inbox-bottom{height:53px;display:flex;align-items:center;gap:7px;border-top:1px solid #f0eff4;padding:0 17px;font-size:10px;color:#858597}.online-dot,.person-presence i,.live-status i{width:7px;height:7px;border-radius:50%;background:#54bd91}.inbox-bottom strong{color:#383849;margin-left:2px}.availability{margin-left:auto;color:#48a984;border:0;background:#edfaf4;border-radius:7px;padding:5px 7px;font:600 9px 'DM Sans';cursor:pointer}.availability.offline{color:#a1a0ae;background:#f1f1f4}.main-panel{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:65px;border-bottom:1px solid #efeff4;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px}.crumb-muted{color:#9e9eac}.crumb-divider{color:#d4d3dd}.breadcrumb strong{font-weight:600;color:#4e4d60}.top-actions{display:flex;align-items:center;gap:17px}.live-status{color:#54aa85;background:#effaf5;border-radius:15px;padding:6px 9px;font-size:9px;display:flex;align-items:center;gap:6px}.live-status i{width:6px;height:6px}.top-actions>.icon-button{border:0;font-size:18px}.notification-dot{position:absolute;width:5px;height:5px;background:#ee8b76;border:1px solid white;border-radius:50%;right:6px;top:6px}.small-avatar{width:29px;height:29px;border:2px solid #fff;box-shadow:0 0 0 1px #e8e6f1;font-size:10px;cursor:pointer}.chat-layout{display:flex;min-height:0;flex:1}.chat-column{min-width:0;flex:1;display:flex;flex-direction:column;position:relative}.empty-state{margin:auto;text-align:center;padding:35px 20px 70px}.empty-art{width:124px;height:112px;position:relative;margin:0 auto 17px;background:#f5f3ff;border-radius:44% 56% 55% 45%;display:grid;place-items:center;color:#7464df}.empty-art span{font-size:47px;position:relative;z-index:1}.empty-art i,.empty-art b{position:absolute;width:21px;height:21px;border-radius:7px;background:#e9e5ff;right:10px;top:13px;transform:rotate(19deg)}.empty-art b{width:12px;height:12px;right:auto;left:5px;top:54px;background:#f4d6ca}.empty-state h2{font:700 21px Manrope;letter-spacing:-.5px;margin:0 0 8px}.empty-state p{font-size:12px;color:#9695a4;margin:0 0 20px}.primary-button{border:0;border-radius:9px;background:#7564df;color:#fff;padding:11px 17px;font:600 11px 'DM Sans';box-shadow:0 5px 11px #7564df30;cursor:pointer}.primary-button:hover,.send-button:hover{background:#6554d0}.active-chat{min-width:0;flex:1;display:flex;flex-direction:column}.hidden{display:none!important}.conversation-header{height:76px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0eff4}.person-summary{display:flex;align-items:center;gap:11px}.person-avatar{width:39px;height:39px;background:#edbba4;color:#764e42}.person-summary h2{font:700 13px Manrope;margin:0 0 5px}.person-presence{font-size:9px;color:#9d9cab;display:flex;align-items:center;gap:5px}.person-presence i{width:6px;height:6px}.separator-dot{color:#d7d6df}.conversation-controls{display:flex;gap:8px}.outline-button{height:33px;border:1px solid #e9e8ef;border-radius:8px;padding:0 10px;background:#fff;color:#686879;font:500 10px 'DM Sans';cursor:pointer}.conversation-context{height:57px;border-bottom:1px solid #f2f1f5;display:flex;align-items:center;padding:0 25px;gap:10px}.context-icon{width:28px;height:28px;border-radius:9px;background:#f1efff;display:grid;place-items:center;color:#7867e0}.conversation-context>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.conversation-context strong{font-size:10px}.conversation-context span{font-size:9px;color:#a1a0ae}.priority-tag{margin-left:auto;border:1px solid #f2e6d7;background:#fffaf3;color:#c28d46;border-radius:6px;padding:5px 7px;font:500 9px 'DM Sans';cursor:pointer}.priority-tag.high{background:#fff3f0;border-color:#f4ded7;color:#d37560}.message-list{overflow:auto;flex:1;padding:20px max(26px,calc((100% - 700px)/2));display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.date-divider{display:flex;align-items:center;gap:12px;color:#aaa9b5;font-size:9px;margin:4px 0 2px}.date-divider:before,.date-divider:after{content:'';height:1px;background:#f0eff4;flex:1}.message-row{display:flex;gap:8px;align-items:flex-end;max-width:86%}.message-row.outgoing{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edbba4;color:#764e42;font-size:9px;flex:none}.outgoing .message-avatar{background:#7564df;color:#fff}.message-content{min-width:0}.message-meta{font-size:9px;color:#9e9daa;margin:0 4px 5px;display:flex;gap:7px}.outgoing .message-meta{justify-content:flex-end}.bubble{background:#f5f5f8;border-radius:4px 12px 12px 12px;padding:10px 12px;color:#555566;font-size:11px;line-height:1.65;overflow-wrap:anywhere}.outgoing .bubble{background:#7665df;color:#fff;border-radius:12px 4px 12px 12px}.message-row.deleted .bubble{background:#f6f5f8;color:#aaa;font-style:italic}.read-label{font-size:8px;color:#aaa9b7;text-align:right;margin-top:3px}.message-file{display:flex;align-items:center;gap:8px;margin-top:7px;padding:8px;background:#ffffff25;border-radius:7px;color:inherit;text-decoration:none;font-size:10px}.incoming .message-file{background:#fff}.message-file span{overflow:hidden;text-overflow:ellipsis}.typing-line{height:21px;padding-left:calc(max(26px, (100% - 700px)/2) + 34px);display:flex;align-items:center;gap:7px;color:#aaa9b5;font-size:9px}.typing-dots{display:flex;gap:3px}.typing-dots i{width:4px;height:4px;border-radius:50%;background:#a6a2bd;animation:pulse .8s infinite alternate}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.3;transform:translateY(-2px)}}.note-strip{margin:0 26px 8px;padding:9px 11px;background:#fff8ec;border:1px solid #faedd8;border-radius:8px;color:#9c7945;font-size:10px}.composer-wrap{margin:0 auto 18px;width:min(700px,calc(100% - 48px));border:1px solid #e7e6ee;border-radius:12px;background:#fff;box-shadow:0 5px 18px #3b326009}.composer-tools{height:37px;display:flex;align-items:center;padding:0 11px;gap:10px}.tool-button{border:0;background:transparent;color:#858494;font:500 9px 'DM Sans';cursor:pointer;padding:5px 0}.tool-button:first-child{color:#7160d8}.tool-divider{height:15px;width:1px;background:#ebeaf0}.composer-hint{font-size:8px;color:#b4b3be;margin-left:auto}.composer{display:flex;align-items:flex-end;gap:8px;padding:0 9px 9px 12px}.composer textarea{border:0;resize:none;outline:0;flex:1;min-height:39px;max-height:100px;padding:10px 0;font:11px 'DM Sans';color:#4e4e60}.composer textarea::placeholder{color:#b5b4c0}.composer-actions{display:flex;align-items:center;gap:5px}.composer-actions .icon-button{border:0}.attach-button{transform:rotate(-40deg);font-size:20px}.send-button{width:29px;height:29px;border:0;border-radius:8px;background:#7564df;color:#fff;font-size:18px;cursor:pointer}.attachment-preview{margin:0 10px 9px;padding:6px 8px;border-radius:7px;background:#f5f4fa;font-size:9px;color:#757487}.script-menu{position:absolute;z-index:3;bottom:105px;left:25px;width:270px;max-height:240px;overflow:auto;background:#fff;border:1px solid #e9e8f0;border-radius:12px;box-shadow:0 12px 35px #29244220;padding:8px}.script-menu button,.script-line{width:100%;text-align:left;border:0;background:#fff;border-radius:8px;padding:9px;display:block;cursor:pointer}.script-menu button:hover{background:#f5f3ff}.script-menu strong,.script-menu span{display:block}.script-menu strong{font-size:10px;margin-bottom:4px}.script-menu span{font-size:9px;color:#8c8b9a;line-height:1.5}.details-panel{width:272px;flex:none;border-left:1px solid #efeff4;overflow:auto;padding-bottom:20px;background:#fff}.details-heading{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #f0eff4}.details-heading h3{font:700 12px Manrope;margin:0}.details-heading .icon-button{border:0;width:28px;height:28px}.profile-card{text-align:center;padding:20px 15px 17px;border-bottom:1px solid #f0eff4}.profile-avatar{margin:0 auto 8px;width:44px;height:44px;background:#edbba4;color:#764e42}.profile-card h3{font:700 12px Manrope;margin:0 0 4px}.profile-card p{font-size:9px;color:#a3a2af;margin:0 0 9px}.text-action{border:0;background:none;color:#7564dc;font:500 9px 'DM Sans';cursor:pointer;padding:2px}.detail-section{padding:17px 16px;border-bottom:1px solid #f0eff4}.detail-section h4{font-size:8px;letter-spacing:1px;color:#aaa9b5;margin:0 0 12px}.detail-select{display:flex;align-items:center;gap:8px;height:34px;border:1px solid #efedf3;border-radius:8px;padding:0 9px;color:#77768a;font-size:12px}.detail-select select{border:0;outline:0;appearance:none;background:transparent;flex:1;color:#57576a;font:500 10px 'DM Sans'}.mode-setting{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#9998a7;font-size:9px}.mode-setting select{width:92px;border:0;background:#f7f6fa;border-radius:5px;padding:5px 4px;color:#716f82;font:9px 'DM Sans'}.detail-line{display:flex;gap:9px;align-items:center;color:#77768a;font-size:9px;margin:10px 0}.detail-line span:first-child{color:#a4a3b1}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h4{margin-bottom:11px}.notes-list{display:flex;flex-direction:column;gap:7px}.note-card{padding:8px;border-radius:7px;background:#fff9ee;color:#917344;font-size:9px;line-height:1.5}.note-card small{display:block;color:#b19a72;margin-top:5px;font-size:8px}.team-count{font-size:9px;color:#aaa9b5}.team-member{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:9px;color:#656477}.team-avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px}.team-member small{margin-left:auto;color:#aaa9b5}.scripts-list{display:flex;flex-direction:column;gap:6px}.scripts-list button{border:1px solid #efedf3;background:#fff;border-radius:7px;padding:8px;text-align:left;color:#77768a;font:9px 'DM Sans';cursor:pointer;line-height:1.4}.scripts-list button:hover{border-color:#cec8f3;background:#faf9ff}.toast-region{position:fixed;right:20px;top:75px;z-index:10;display:flex;flex-direction:column;gap:8px}.toast{border-radius:9px;padding:11px 15px;background:#29283a;color:white;font-size:11px;box-shadow:0 8px 25px #23203325;animation:toast-in .2s ease-out}@keyframes toast-in{from{transform:translateY(-5px);opacity:0}}dialog{border:0;border-radius:16px;padding:0;width:min(410px,calc(100% - 30px));box-shadow:0 20px 80px #1d183442;color:var(--ink)}dialog::backdrop{background:#26223b55;backdrop-filter:blur(2px)}#new-form{padding:23px;display:flex;flex-direction:column;gap:14px}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2px}.dialog-top h2{font:700 21px Manrope;margin:5px 0}.dialog-top .icon-button{border:0;font-size:22px}.dialog-top+.field{margin-top:4px}#new-form label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#757486}#new-form label input{height:39px;border:1px solid #e9e8f0;border-radius:8px;padding:0 10px;outline-color:#a79ce9;font:11px 'DM Sans'}.dialog-submit{margin-top:3px}.empty-list{text-align:center;color:#aaa9b6;font-size:10px;padding:25px 10px}.notification-panel{position:fixed;right:74px;top:60px;width:250px;background:#fff;border:1px solid #edecf2;border-radius:11px;box-shadow:0 10px 30px #24213924;padding:14px;z-index:5;font-size:10px}.notification-panel strong{display:block;margin-bottom:7px}.notification-panel p{color:#8c8b99;line-height:1.5;margin:5px 0}
.rail-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.delete-chat-button{color:#b94242;border-color:#f0dada}.delete-chat-button:hover{color:#a52d2d;border-color:#e5bcbc;background:#fff8f8}