:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#252735;background:#eef0f5;font-synthesis:none;--ink: #252735;--muted: #74798b;--faint: #9ba0b1;--line: #e2e5ec;--panel: #ffffff;--canvas: #f7f8fb;--rail: #1d1f29;--violet: #6e59d9;--violet-soft: #eeeaff;--green: #2ea77d;--green-soft: #e5f6ef;--amber: #c77b17;--amber-soft: #fff2dc;--red: #d84d60;--red-soft: #ffe9ed;--blue: #4584d7;--blue-soft: #eaf3ff;--shadow: 0 14px 40px rgba(36, 39, 53, .08);--touch: 44px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:#eef0f5}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(110,89,217,.35);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;z-index:100;top:0;left:1rem;transform:translateY(-130%);padding:.75rem 1rem;border-radius:0 0 10px 10px;color:#fff;background:var(--rail)}.skip:focus{transform:none}.icon{flex:0 0 auto}.app-shell{min-height:100vh;display:flex;background:#eef0f5}.app-content{min-width:0;flex:1;padding:12px 12px 12px 0}.app-rail{width:68px;min-height:calc(100vh - 24px);margin:12px;display:flex;flex-direction:column;align-items:center;overflow:hidden;border-radius:12px;color:#aeb2c2;background:var(--rail);box-shadow:0 18px 45px #1d1f2933}.brand-mark{width:38px;height:38px;min-height:38px;margin:16px 0 12px;border:0;border-radius:11px;color:#fff;background:var(--violet);font-size:1rem;font-weight:900}.rail-primary,.rail-bottom{width:100%;display:grid;gap:4px;padding:0 9px}.rail-bottom{margin-top:auto;padding-bottom:14px}.rail-button{position:relative;min-width:var(--touch);min-height:var(--touch);display:grid;place-items:center;border:0;border-radius:9px;color:#999eaf;background:transparent;transition:color .16s ease,background .16s ease}.rail-button:hover,.rail-button.active{color:#fff;background:#30323f}.rail-button.active:before{content:"";position:absolute;left:-9px;width:3px;height:24px;border-radius:0 4px 4px 0;background:var(--violet)}.rail-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid var(--rail);border-radius:10px;color:#fff;background:var(--red);font-size:.58rem;font-weight:900}.profile-button{position:relative;width:40px;height:40px;min-height:40px;margin-top:4px;border:0;border-radius:50%;color:#73412f;background:#dca188;font-size:.65rem;font-weight:900}.profile-button i{position:absolute;right:0;bottom:0;width:11px;height:11px;border:2px solid var(--rail);border-radius:50%;background:var(--green)}.primary-button,.text-button,.secondary-button,.icon-button,.resolve-button,.new-conversation,.send-button,.tab-button{min-height:var(--touch);border-radius:9px;font-weight:800}.primary-button,.resolve-button,.new-conversation,.send-button{border:0;color:#fff;background:var(--violet)}.primary-button,.text-button,.secondary-button,.resolve-button,.new-conversation{padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.text-button,.secondary-button,.icon-button{border:1px solid var(--line);background:#fff}.icon-button{width:44px;display:inline-grid;place-items:center}.eyebrow{color:var(--violet);font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pill{min-height:22px;padding:4px 8px;display:inline-flex;align-items:center;width:fit-content;border-radius:6px;color:#697083;background:#f0f2f6;font-size:.61rem;font-weight:850;white-space:nowrap}.pill-danger{color:var(--red);background:var(--red-soft)}.pill-warning{color:var(--amber);background:var(--amber-soft)}.pill-success{color:var(--green);background:var(--green-soft)}.pill-info{color:var(--violet);background:var(--violet-soft)}.avatar{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:50%;color:#a24368;background:#f7dfe9;font-size:.66rem;font-weight:900}.inbox-view{height:calc(100vh - 24px);min-height:680px;display:grid;grid-template-columns:240px 360px minmax(500px,1fr) 330px;overflow:hidden;border:1px solid #dfe2e9;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.queue-sidebar,.conversation-list-panel,.chat-panel,.contact-panel{min-width:0;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:#fff}.contact-panel{border-right:0;overflow-y:auto}.queue-sidebar{padding:14px 12px;background:#fbfbfd}.workspace-switcher{min-height:54px;padding:8px 5px;display:flex;align-items:center;justify-content:space-between}.workspace-switcher div{display:grid;gap:3px}.workspace-switcher strong{font-size:.9rem}.workspace-switcher small{color:var(--muted);font-size:.65rem}.new-conversation{width:100%;margin:5px 0 18px}.queue-section{margin-bottom:16px}.queue-section h2{margin:0 7px 5px;color:#9da2b0;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase}.queue-section button{width:100%;min-height:34px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:7px;color:#606578;background:transparent;font-size:.72rem;font-weight:750;text-align:left}.queue-section button:hover,.queue-section button.active{color:var(--violet);background:var(--violet-soft)}.queue-section b{min-width:24px;padding:3px 6px;border-radius:10px;color:#8a8fa1;background:#eceef3;font-size:.58rem;text-align:center}.queue-section button.active b{color:var(--violet);background:#ddd6ff}.conversation-list-panel{display:flex;flex-direction:column}.conversation-list-panel>header{min-height:70px;padding:14px 16px 9px;display:flex;align-items:center;justify-content:space-between}.conversation-list-panel h1{margin:2px 0 0;font-size:1.25rem;letter-spacing:-.04em}.search-box{min-height:40px;margin:0 16px 10px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;color:#a0a5b4;background:#fafbfc}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:.75rem}.conversation-items{min-height:0;flex:1;overflow-y:auto}.conversation-item{position:relative;width:100%;min-height:112px;padding:14px 15px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:start;border:0;border-top:1px solid #eef0f4;background:#fff;text-align:left}.conversation-item:hover{background:#fafaff}.conversation-item.selected{background:var(--violet-soft);box-shadow:inset 3px 0 var(--violet)}.conversation-copy{min-width:0;display:grid;gap:6px}.conversation-name{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.conversation-name small,.preview{color:var(--muted);font-size:.66rem}.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-tags{display:flex;flex-wrap:wrap;gap:5px}.channel-mark{padding:4px 6px;border-radius:5px;color:var(--blue);background:var(--blue-soft);font-size:.56rem;font-weight:900}.unread-count{min-width:21px;height:21px;display:grid;place-items:center;align-self:center;border-radius:50%;color:#fff;background:var(--violet);font-size:.58rem}.chat-panel{display:flex;flex-direction:column;background:var(--canvas)}.chat-header{min-height:70px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#fff}.chat-person{min-width:0;display:flex;align-items:center;gap:10px}.chat-person>div{min-width:0;display:grid;gap:3px}.chat-person strong{font-size:.82rem}.chat-person small{overflow:hidden;color:var(--muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.online-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--green)}.chat-actions{display:flex;gap:7px}.message-timeline{min-height:0;flex:1;overflow-y:auto;padding:18px 22px}.day-divider{margin:0 0 18px;display:flex;align-items:center;gap:12px;color:#a1a6b4;font-size:.55rem;font-weight:850;text-transform:uppercase}.day-divider:before,.day-divider:after{content:"";height:1px;flex:1;background:var(--line)}.bubble{width:fit-content;max-width:68%;margin:0 0 12px;padding:11px 13px 8px;border:1px solid var(--line);border-radius:9px;color:#484d5e;background:#fff;font-size:.74rem;line-height:1.45;box-shadow:0 4px 12px #24273509}.bubble.agent{margin-left:auto;border-color:#d8d0ff;background:#e9e4ff}.bubble.note{border-color:#edd38d;background:#fff5d5}.bubble.system{max-width:80%;margin-left:auto;margin-right:auto;padding:5px 12px;border:0;border-radius:5px;color:#9196a5;background:#eceef3;font-size:.6rem;text-align:center;box-shadow:none}.bubble span{display:block;margin-bottom:4px;color:var(--amber);font-size:.58rem;font-weight:900;text-transform:uppercase}.bubble p{margin:0}.bubble small{display:block;margin-top:5px;color:#9aa0af;font-size:.56rem;text-align:right}.collision{margin:8px 14px 0;padding:8px 11px;border:1px solid #f0cf80;border-radius:8px;color:#8f611a;background:#fff5d9;font-size:.65rem;font-weight:800}.composer{margin:0 14px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.composer-tabs{display:flex;align-items:center;gap:2px;padding:5px 7px;border-bottom:1px solid var(--line)}.composer-tabs button{min-height:32px;padding:0 10px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.64rem;font-weight:800}.composer-tabs button.active{color:var(--violet);background:var(--violet-soft)}.template-select{min-height:36px;margin-left:auto;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#fff;font-size:.64rem}.canned-row{padding:6px 9px 0;display:flex;gap:5px;overflow-x:auto}.canned-row button{min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fafbfc;font-size:.6rem;white-space:nowrap}.composer textarea{width:100%;min-height:88px;padding:12px 14px;resize:vertical;border:0;outline:0;color:var(--ink);background:#fff;font-size:.75rem}.composer-footer{padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line)}.composer-footer>div{display:flex;gap:5px}.composer-footer button{min-height:34px}.send-button{min-width:74px}.copilot-strip{padding:7px 10px;display:flex;flex-wrap:wrap;gap:5px;border-top:1px solid var(--line);background:#fbfbfd}.copilot-strip button{min-height:28px;padding:0 8px;border:0;border-radius:5px;color:var(--violet);background:var(--violet-soft);font-size:.58rem;font-weight:800}.copilot-card{margin:7px 10px 10px;padding:10px;border:1px solid #d8d0ff;border-radius:8px;background:#faf8ff;font-size:.68rem}.contact-tabs{min-height:54px;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.contact-tabs button{border:0;border-bottom:2px solid transparent;color:var(--muted);background:#fff;font-size:.62rem;font-weight:800}.contact-tabs button.active{color:var(--violet);border-bottom-color:var(--violet)}.contact-identity{padding:16px;display:flex;align-items:center;gap:12px}.contact-identity h2{margin:0 0 4px;font-size:.95rem}.contact-identity p{margin:0;color:var(--muted);font-size:.62rem}.detail-section{padding:14px 16px;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 10px;color:#8f94a4;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.detail-section p{color:var(--muted);font-size:.68rem;line-height:1.45}.detail-section .text-button{min-height:38px;margin:0 5px 6px 0;padding:0 10px;font-size:.62rem}.info-grid{display:grid;grid-template-columns:1fr auto;gap:12px;color:var(--muted);font-size:.65rem}.info-grid strong{color:var(--ink);text-align:right}.business-card{margin:8px 0;padding:11px;border:1px solid var(--line);border-left:3px solid var(--violet);border-radius:8px;background:#fbfbfd}.business-card header{display:flex;align-items:center;gap:7px}.business-card-status{margin-left:auto;padding:3px 7px;border-radius:5px;font-size:.55rem;font-weight:900}.business-card-type,.business-card-summary{font-size:.68rem;font-weight:850}.business-card-summary,.business-card-ref,.business-card-amount,.business-card-date{margin:6px 0 0}.business-card-ref,.business-card-date,.business-card-items{color:var(--muted);font-size:.6rem}.business-card-items{padding-left:16px}.dashboard-view,.admin-panel{min-height:calc(100vh - 24px);padding:22px;overflow:auto;border:1px solid #dfe2e9;border-radius:11px;background:var(--canvas);box-shadow:var(--shadow)}.dashboard-header{min-height:82px;margin:-22px -22px 20px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:#fff}.dashboard-header h1{margin:4px 0 2px;font-size:1.25rem;letter-spacing:-.035em}.dashboard-header p{margin:0;color:var(--muted);font-size:.7rem}.dashboard-filters{display:flex;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:12px}.metric-card,.state-card{min-height:96px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px;border:1px solid var(--line);border-radius:9px;background:#fff}.metric-card>span{grid-column:1 / 3;color:var(--muted);font-size:.66rem;font-weight:700}.metric-card strong{align-self:end;font-size:1.42rem;letter-spacing:-.04em}.metric-card .pill{align-self:end}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:12px}.panel{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.panel-heading{min-height:58px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0f4}.panel-heading h2{margin:3px 0 0;font-size:.86rem}.volume-chart{height:240px;padding:30px 22px 20px;display:flex;align-items:end;justify-content:space-between;gap:3%;background:repeating-linear-gradient(to bottom,transparent 0 47px,#eef0f4 48px)}.volume-chart i{width:8%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#8877e5,#6652ce);animation:chart-rise .55s ease both}.volume-chart i:nth-child(1){height:26%}.volume-chart i:nth-child(2){height:38%}.volume-chart i:nth-child(3){height:68%}.volume-chart i:nth-child(4){height:47%}.volume-chart i:nth-child(5){height:61%}.volume-chart i:nth-child(6){height:77%}.volume-chart i:nth-child(7){height:83%}.volume-chart i:nth-child(8){height:75%}.activity-line{min-height:49px;padding:0 15px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #eef0f4;font-size:.67rem}.activity-line small{color:var(--muted);text-transform:capitalize}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.health-dot.connected{background:var(--green)}.health-dot.disconnected{background:var(--red)}.attention-panel{margin-top:12px}.attention-row{width:100%;min-height:58px;padding:8px 15px;display:grid;grid-template-columns:38px minmax(0,1fr) auto 90px;align-items:center;gap:10px;border:0;border-bottom:1px solid #eef0f4;background:#fff;text-align:left}.attention-row:hover{background:#fafaff}.attention-row>span:nth-child(2){min-width:0;display:grid;gap:4px}.attention-row small{overflow:hidden;color:var(--muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.attention-row>strong:last-child{color:var(--amber);font-size:.67rem;text-align:right}.empty-state{min-height:120px;display:grid;place-content:center;gap:5px;padding:20px;color:var(--muted);font-size:.72rem;text-align:center}.empty-state small{display:block}.state-card{place-content:center;grid-template-columns:auto;color:var(--muted);text-align:center}.state-card strong{color:var(--ink)}.token-gate{min-height:100vh;flex:1;display:grid;place-items:center;padding:24px;background:#eef0f5}.token-card{width:min(520px,100%);padding:32px;display:grid;gap:15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.token-card h1{margin:0;font-size:1.8rem;letter-spacing:-.05em}.token-card p,.token-card small{margin:0;color:var(--muted);line-height:1.5}.token-card label{display:grid;gap:7px;font-size:.7rem;font-weight:800}.token-card input{width:100%;padding:0 12px;border:1px solid var(--line);border-radius:8px}.form-error{padding:10px;border-radius:8px;color:var(--red)!important;background:var(--red-soft)}.admin-panel{background:#fff}.tab-button{padding:0 12px;border:1px solid var(--line);color:var(--muted);background:#fff}.tab-button.active{border-color:var(--violet);color:#fff;background:var(--violet)}@keyframes chart-rise{0%{height:0;opacity:.3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1450px){.inbox-view{grid-template-columns:220px 330px minmax(460px,1fr)}.contact-panel{display:none}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.queue-sidebar{display:none}.inbox-view{grid-template-columns:330px minmax(430px,1fr)}.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{display:block}.app-rail{position:sticky;top:0;z-index:20;width:100%;min-height:60px;height:60px;margin:0;padding:7px 9px;flex-direction:row;border-radius:0}.brand-mark{margin:0 8px 0 0}.rail-primary,.rail-bottom{width:auto;display:flex;padding:0}.rail-bottom{margin-left:auto}.rail-primary .rail-button:nth-child(n+4),.rail-bottom .rail-button{display:none}.app-content{padding:8px}.inbox-view{height:auto;min-height:calc(100vh - 76px);display:block}.conversation-list-panel,.chat-panel{min-height:600px;border-right:0;border-bottom:1px solid var(--line)}.dashboard-view,.admin-panel{min-height:calc(100vh - 76px);padding:14px}.dashboard-header{margin:-14px -14px 14px;padding:14px;align-items:flex-start;flex-direction:column}.dashboard-filters{width:100%;flex-wrap:wrap}.metrics-grid{grid-template-columns:1fr}.attention-row{grid-template-columns:38px minmax(0,1fr) auto}.attention-row>strong:last-child{display:none}}[data-locale-selector]{position:fixed;z-index:30;right:.75rem;bottom:.75rem;min-height:40px;padding:.2rem .4rem;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff;font-size:.7rem}[data-locale-selector] select{min-height:36px;border:0;background:transparent}button,a,select,input,textarea{min-height:44px}[role=tab],.rail-button,.icon-button{min-width:44px}