@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253044;background:#f1f4f8;font-size:13px;--blue:#2563eb;--line:#e2e7ef;--muted:#697586}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5dce7;background:#fff;color:#344158;border-radius:6px;padding:8px 12px;font-weight:600}button:hover:not(:disabled){background:#eef3fc;border-color:#9bb6e9}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.danger{color:#b42338;background:#fff4f5;border-color:#f3d2d7}input,select,textarea{width:100%;border:1px solid #ccd5e1;border-radius:6px;padding:9px 10px;background:#fff;color:#253044}input:focus,select:focus,textarea:focus{outline:2px solid #a9c3fa;outline-offset:1px}textarea{resize:vertical;min-height:76px}label{display:grid;gap:6px;font-size:12px;font-weight:600}small,.muted{color:var(--muted)}p{line-height:1.5}h1,h2,h3,p{margin:0}h1{font-size:23px;letter-spacing:-.6px}h2{font-size:16px}h3{font-size:15px}.logo{display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;font-size:25px;font-weight:700;width:38px;height:38px}.auth-shell{height:100%;display:grid;place-items:center;padding:24px;overflow:auto}.auth-card{width:400px;max-width:100%;background:white;padding:32px;border:1px solid var(--line);border-radius:12px;display:grid;gap:18px;box-shadow:0 12px 40px #1427440a}.auth-card h1{margin-top:5px}.auth-card p{color:var(--muted)}#auth-error{color:#b42338}.auth-card small{font-size:11px}#workspace{height:100%;display:grid;grid-template-columns:210px minmax(0,1fr)}.sidebar{background:#20252e;color:#e8edf6;padding:25px 15px;display:flex;flex-direction:column;min-height:0}.brand{display:flex;gap:10px;align-items:center;color:white;text-decoration:none;font-size:20px;font-weight:700;padding:0 5px}.brand small{display:block;font-size:8px;letter-spacing:1.1px;color:#9da8ba;margin-top:5px}.workspace-label{padding:26px 12px 16px;font-weight:600;color:#aab5c7;font-size:12px}nav{display:grid;gap:6px}.nav{display:flex;gap:12px;align-items:center;width:100%;border:0;background:transparent;color:#bfc8d6;text-align:left;padding:12px}.nav.selected{background:#303e56;color:#dbe8ff}.sidebar-bottom{margin-top:auto;font-size:11px;padding:15px 10px 0;line-height:1.6;color:#d5dce8}.sidebar-bottom small{display:block;color:#99a7ba;margin-top:4px}.dot{display:inline-block;width:6px;height:6px;background:#568bea;border-radius:50%;margin-right:5px}#signed-user{margin:20px 0 9px;color:#aebacc;overflow-wrap:anywhere}#logout{background:transparent;color:#d5deed;border-color:#4a5362;padding:6px 12px}main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:25px 28px 24px;gap:20px}header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px}header p{margin-top:5px;color:var(--muted);font-size:12px}.mode-badge{font-size:9px;letter-spacing:1px;color:#65738a;border:1px solid #d9e1ed;border-radius:4px;padding:7px 9px;white-space:nowrap}.view{min-height:0;flex:1;min-width:0}#console{display:flex;flex-direction:column;gap:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex:none}.stats>div{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:white;border:1px solid var(--line);border-radius:8px}.stats strong{font-size:22px;color:#243b62}.stats small{font-size:11px}.console-grid{display:grid;grid-template-columns:minmax(285px,.85fr) minmax(350px,1.4fr);gap:16px;min-height:0;flex:1}.desk-column{display:grid;grid-template-rows:minmax(180px,1fr) minmax(200px,1fr);gap:16px;min-height:0}.card{border:1px solid var(--line);background:white;border-radius:9px;overflow:hidden;min-height:0}.card-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:.75px;padding:15px 17px;border-bottom:1px solid var(--line);gap:10px;flex:none}.card-heading span{font-size:10px;color:var(--muted);letter-spacing:0;font-weight:500}.phone-desk,.switchboard,.call-card{display:flex;flex-direction:column}.phone-content{padding:13px 17px;flex:none}.phone-content strong{font-size:19px;letter-spacing:-.4px}.phone-content p{color:var(--muted);font-size:11px;margin:6px 0 10px}.button-row{display:flex;gap:8px}.queue-heading{padding:9px 17px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.8px;background:#f8faff;border-block:1px solid var(--line)}#incoming-calls{flex:1;overflow:auto;min-height:30px}#incoming-calls:empty:after{content:'No incoming calls';display:block;padding:16px;color:#8792a5;font-size:12px}.incoming-row{display:flex;justify-content:space-between;gap:8px;padding:12px 17px;border-bottom:1px solid var(--line);font-size:11px}.incoming-row small{display:block;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.incoming-row button{flex:none;align-self:center}#departments{overflow:auto;flex:1}.department{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #edf0f5}.avatar{width:30px;height:30px;background:#edf3ff;color:#3c64a4;display:grid;place-items:center;border-radius:7px;font-weight:600}.department-info{flex:1;min-width:0}.department strong{font-size:12px}.department small{display:block;font-size:10px;margin-top:5px}.department button{font-size:10px;padding:6px 9px}.transfer-note{padding:10px 15px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);line-height:1.5}.operator-display{padding:16px 18px;border-bottom:1px solid var(--line)}.operator-state{display:flex;align-items:center;gap:12px}.operator-state>div:nth-child(2){flex:1}.operator-state p{font-size:11px;color:var(--muted);margin-top:5px}.orb{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d4e0f7;border-radius:10px;background:#edf3ff;color:#4777ce;font-size:20px;flex:none}.orb.active{background:#2563eb;color:white}.timer{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted)}.call-actions{display:flex;gap:7px;margin-top:17px}.call-actions button{padding:8px 10px;font-size:11px}.audio-note{font-size:10px;color:#8792a5;margin-top:10px}.conversation-heading{display:flex;justify-content:space-between;padding:13px 18px 8px;font-size:9px;letter-spacing:.8px;color:#64748b}.conversation-heading span{letter-spacing:0}.transcript{overflow:auto;flex:1;min-height:40px;padding:10px 18px;display:flex;flex-direction:column;gap:15px}.empty{padding:20px;text-align:center;color:#8390a4;font-size:12px;margin:auto}.empty small{display:block;margin-top:8px}.message{max-width:92%;align-self:flex-start}.message small{font-size:8px;letter-spacing:.7px}.bubble{padding:10px 12px;margin-top:5px;background:#f1f4f9;border-radius:0 9px 9px 9px;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{align-self:flex-end}.user .bubble{background:#eaf1ff;color:#214988;border-radius:9px 0 9px 9px}.message.system .bubble{background:none;padding:0;color:#697b96;font-size:11px}.source{font-size:9px;color:#7c8da6;overflow-wrap:anywhere;margin-top:6px}.suggestions{display:flex;gap:6px;padding:8px 18px;overflow:auto;flex:none}.suggestions button{font-size:10px;white-space:nowrap;padding:6px 9px;color:#5875a1}#message-form{display:flex;margin:0 16px 12px;border:1px solid #dbe3ef;border-radius:7px;overflow:hidden;flex:none}#message{border:0;min-width:0;background:#fafbfe;font-size:12px}#send{border:0;background:#edf3ff;color:#3165b8;border-radius:0;padding-inline:14px}.notice{color:#a54b25;font-size:11px;line-height:1.5;padding:0 17px;max-height:55px;overflow:auto}.notice:not(:empty){padding-bottom:12px}.scroll-view{overflow:auto;padding-right:5px}.info-banner{padding:14px 17px;background:#eaf1ff;border:1px solid #d7e4fb;border-radius:7px;color:#536984;font-size:12px;margin-bottom:16px;line-height:1.6}.reference-search{margin-bottom:16px}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.knowledge-item{padding:16px}.knowledge-item summary{cursor:pointer;list-style:none}.knowledge-item h3{margin:8px 0;font-size:14px}.knowledge-item summary span{font-size:10px;color:var(--muted)}.knowledge-item p{margin-top:15px;font-size:12px;white-space:pre-wrap}.knowledge-item a{display:inline-block;margin-top:15px;color:var(--blue)}.history-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px}.history-row small{display:block;margin-top:7px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-section{padding:22px;display:grid;gap:16px}.settings-section.wide{grid-column:1/-1}.settings-section h3{margin-bottom:2px}.settings-section p{font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.settings-section button{justify-self:start}.setting-row{padding:14px;background:#f6f8fc;border:1px solid var(--line);border-radius:7px;display:grid;gap:12px}.setting-row .form-grid{grid-template-columns:repeat(3,1fr)}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.settings-status{font-size:12px;color:#236347;white-space:pre-wrap}.settings-status.error{color:#b42338}.user-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px 0}.user-row>div{flex:1;min-width:140px}.user-row small{display:block;margin-top:5px}.user-row select{width:135px}.user-row button{font-size:11px}.user-row.disabled{opacity:.6}@media(max-width:1100px){#workspace{grid-template-columns:175px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand{font-size:17px}.brand small{font-size:7px}main{padding:20px;gap:16px}.console-grid{grid-template-columns:minmax(260px,.85fr) minmax(320px,1.2fr);gap:12px}.call-actions{gap:5px}.call-actions button{padding:8px}.settings-grid{grid-template-columns:1fr}.mode-badge{display:none}.operator-state p{max-width:250px}}@media(max-height:760px){main{padding-block:17px;gap:12px}.stats>div{padding:10px 15px}.card-heading{padding-block:11px}.operator-display{padding:12px 16px}.call-actions{margin-top:12px}.department{padding-block:10px}.phone-content{padding-block:10px}.desk-column{grid-template-rows:minmax(165px,1fr) minmax(180px,1fr)}.transfer-note{font-size:9px}}@media(max-width:850px){#workspace{grid-template-columns:60px minmax(0,1fr)}.sidebar{padding-inline:6px}.brand{padding:0 5px}.brand>span,.workspace-label,.nav span,.sidebar-bottom{display:none}.nav{justify-content:center;font-size:19px;padding:12px 0}nav{margin-top:24px}main{padding:16px}.console-grid{grid-template-columns:minmax(250px,.85fr) minmax(300px,1.2fr)}.stats small{max-width:95px}.operator-state{gap:7px}.orb{display:none}.knowledge-grid{grid-template-columns:1fr}}
.desk-column{grid-template-rows:minmax(180px,.9fr) minmax(230px,1.1fr)}.department{padding-block:8px}#department-settings,#source-settings,#connection-fields{display:grid;gap:12px}@media(max-height:760px){.department{padding-block:7px}.desk-column{grid-template-rows:minmax(165px,.9fr) minmax(235px,1.1fr)}}
@media(max-height:760px){.phone-content p{font-size:10px;margin:4px 0 7px;line-height:1.4}.phone-content strong{font-size:18px}.phone-content button{font-size:11px;padding:7px 10px}#incoming-calls:empty:after{padding:10px 17px;font-size:11px}.department{padding-block:6px}}
.mobile-panels{display:none}@media(max-width:650px){#workspace{display:block}.sidebar{position:fixed;inset:auto 0 0;height:60px;z-index:10;padding:0 5px;border-top:1px solid #364151}.brand,.sidebar-bottom,.workspace-label{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;gap:2px}.nav{display:flex;flex-direction:column;gap:3px;justify-content:center;padding:5px 2px;border-radius:0;font-size:17px}.nav span{display:block;font-size:9px;font-weight:500;white-space:nowrap}main{height:calc(100dvh - 60px);padding:15px 12px 12px;gap:12px}h1{font-size:21px}header p{font-size:11px}header{min-height:45px}.stats{gap:7px}.stats>div{padding:10px;display:block}.stats small{display:block;font-size:9px;max-width:none;white-space:nowrap}.stats strong{display:block;font-size:19px;margin-top:5px}#console{gap:10px}.mobile-panels{display:flex;gap:4px;background:#e1e7f0;border-radius:7px;padding:3px;flex:none}.mobile-panels button{flex:1;border:0;background:transparent;padding:8px 3px;font-size:11px}.mobile-panels button.selected{background:white;color:#2059bb;box-shadow:0 1px 3px #19294415}.console-grid{display:flex;min-height:0;gap:0}.desk-column{display:contents}.console-grid[data-mobile-panel=phone] .call-card,.console-grid[data-mobile-panel=phone] .switchboard,.console-grid[data-mobile-panel=voice] .desk-column,.console-grid[data-mobile-panel=directory] .phone-desk,.console-grid[data-mobile-panel=directory] .call-card{display:none}.phone-desk,.switchboard,.call-card{flex:1;width:100%;min-height:0}.console-grid[data-mobile-panel=voice] .phone-desk,.console-grid[data-mobile-panel=voice] .switchboard{display:none}.card-heading{padding:12px 14px}.phone-content{padding:15px}.phone-content strong{font-size:22px}.phone-content p{font-size:12px;line-height:1.5;margin:8px 0 12px}.phone-content button{font-size:12px;padding:9px 12px}.incoming-row{padding:13px 14px;font-size:12px}.incoming-row small{max-width:210px}.department{padding:15px}.department strong{font-size:14px}.department small{font-size:12px}.department button{font-size:12px}.operator-display{padding:12px}.operator-state p{font-size:10px}.operator-state h2{font-size:14px}.operator-state .timer{font-size:11px}.call-actions{gap:5px;flex-wrap:wrap}.call-actions button{font-size:10px;padding:7px}.audio-note{font-size:9px;margin-top:8px}.conversation-heading{padding:10px 12px 5px;font-size:8px}.transcript{padding:8px 12px}.suggestions{padding:6px 12px}#message-form{margin:0 12px 10px}#message{font-size:16px}.notice{font-size:10px;max-height:45px;padding-inline:12px}.settings-grid,.form-grid,.setting-row .form-grid{grid-template-columns:1fr}.settings-section{padding:17px}.full{grid-column:1}.settings-section input,.settings-section textarea,.settings-section select,.reference-search{font-size:16px}.knowledge-grid{grid-template-columns:1fr}.scroll-view{padding-right:0}.user-row select{width:115px}.history-row{padding:12px;font-size:11px}.auth-card{padding:24px}.auth-card input{font-size:16px}#settings-content>.settings-grid{gap:12px}}@media(max-width:380px){.stats small{font-size:8px}.call-actions button{padding:7px 6px}.nav span{font-size:8px}}
/* Operator workspace: supplied reference layout. */
:root{--blue:#0759f9;--line:#dce3f1;--muted:#68718d;color:#111a31;background:#f3f6fd}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal}svg{width:21px;height:21px;display:block}button:focus-visible{outline:2px solid #6093ff;outline-offset:3px}button{border-radius:7px}#workspace{grid-template-columns:225px minmax(0,1fr)}.sidebar{background:#0c1936;padding:28px 16px 20px;color:#f4f7ff}.brand{font-size:25px;letter-spacing:-1px;padding:0 3px;gap:11px}.brand .logo{width:40px;height:40px;border-radius:10px;font-size:26px;background:#165bff}.workspace-heading{font-size:9px;letter-spacing:1.2px;margin:30px 6px 9px}.workspace-picker{display:flex;align-items:center;justify-content:space-between;width:100%;background:#1b2b4c;color:#fff;border:1px solid #67748d;padding:10px 12px;text-align:left;font-size:12px;font-weight:500;gap:6px}.workspace-picker #business-label{padding:0;color:inherit;font:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-picker svg{width:15px;height:15px}nav{margin-top:26px;gap:10px}.nav{padding:13px 12px;gap:15px;font-size:13px;color:#f4f7ff;border-radius:8px}.nav svg{width:21px;height:21px}.nav.selected{background:#2359b8;color:#fff}.nav:hover:not(:disabled){background:#22375d;border-color:transparent}.sidebar-bottom{border-top:1px solid #39445d;margin-top:auto;padding:23px 3px 0}.identity{display:flex;gap:10px;align-items:center}.user-avatar,.profile-button span{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#dce9ff;color:#1955a7;font-size:13px;font-weight:700;border:3px solid #ffffff30;flex:none}#signed-user{margin:0;font-size:12px;color:white;min-width:0}#signed-user strong{font-weight:500}#signed-user small{margin-top:1px;color:#c5cfe3;font-size:10px}.desk-connection{display:flex;gap:5px;align-items:center;margin:15px 0 10px;font-size:10px}.desk-connection small{margin:0;font-size:9px;color:#aabbd7}.desk-connection .dot{margin:0}.powered{font-size:9px!important;text-align:center;margin-top:20px!important;color:#dae2f4!important}#logout{border:0;padding:4px 0;font-size:10px;display:flex;align-items:center;gap:7px}#logout svg{width:14px;height:14px}main{padding:26px 24px 24px;gap:18px}header{min-height:53px}h1{font-size:29px;letter-spacing:-1.1px;color:#131a30;font-weight:700}header p{font-size:13px;margin-top:4px;color:#6a718d}.header-actions{display:flex;align-items:center;gap:20px}.availability{display:flex;align-items:center;gap:9px;border:1px solid #c5d5ed;background:#edf3ff;color:#2c528b;font-weight:600;font-size:12px;padding:10px 13px;white-space:nowrap}.availability.online{background:#e4f8f0;border-color:#a1dfcb;color:#075f49}.availability .dot{width:8px;height:8px;background:#6886b8;margin:0}.availability.online .dot{background:#08ac85}.availability svg{width:14px;height:14px}.profile-button{border:0;background:transparent;padding:0}.profile-button span{width:43px;height:43px}.stats{gap:14px}.stats>div{padding:15px 18px;border-color:#d9e1f0;box-shadow:0 5px 16px #18366b04;gap:17px;justify-content:flex-start;min-width:0}.stats section{flex:1}.stats small{font-size:11px;color:#434f70;font-weight:600}.stats strong{font-size:28px;line-height:1.25;color:#1c253d;display:block;margin-top:3px;letter-spacing:-.7px}.stat-symbol{background:#edf3ff;color:#145abd;width:44px;height:44px;display:grid;place-items:center;border-radius:11px;flex:none}.stat-symbol svg{width:25px;height:25px}.stat-detail{font-size:7px;letter-spacing:1px;color:#8b9cbe;align-self:flex-end;margin-bottom:5px}#console{gap:17px}.console-grid{grid-template-columns:minmax(235px,.95fr) minmax(330px,1.28fr) minmax(260px,.98fr);gap:14px}.card{border:1px solid #d9e2f1;border-radius:11px;box-shadow:0 5px 12px #193b6f05;background:#fff}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 17px 0;gap:9px;flex:none}.panel-heading>div{display:flex;gap:11px;align-items:center;min-width:0}.panel-heading i{color:#123f91}.panel-heading svg{width:23px;height:23px}.panel-heading h2{font-size:18px;letter-spacing:-.5px;white-space:nowrap;color:#172039}.panel-heading>span{font-size:11px;white-space:nowrap;color:#465270}.panel-subtitle{font-size:11px;color:#6b7590;padding:8px 17px 16px;margin:0;flex:none}.phone-desk>.panel-subtitle{border-bottom:1px solid var(--line);margin:0 15px;padding-left:0;padding-right:0}.phone-desk{padding-bottom:13px}.phone-desk #incoming-calls{padding:14px 12px;flex:1;min-height:65px}.phone-desk #incoming-calls:empty:after{content:'Your phone queue is clear';padding:24px 10px;font-size:11px;text-align:center;color:#8b97ae}.incoming-row{border:1px solid #dce4f2;border-radius:9px;background:#fbfcff;padding:12px 11px;margin-bottom:10px;display:block;position:relative}.incoming-row.selected{border:1px solid #2166ff;background:#f1f6ff;box-shadow:0 0 0 2px #e7efff}.call-select{display:flex;align-items:center;gap:10px;width:100%;border:0;padding:0;background:transparent!important;text-align:left;font-weight:500}.queue-avatar{display:grid;place-items:center;background:#e1ecff;color:#165fe4;width:34px;height:34px;border-radius:50%;flex:none}.queue-avatar svg{width:21px;height:21px}.queue-info{min-width:0;flex:1}.queue-info strong{display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.queue-info small{display:block;font-size:10px;margin-top:4px;color:#6d7d99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:unset}.queue-status{font-size:8px;padding:4px 6px;background:#e6eeff;color:#23549e;border-radius:5px;white-space:nowrap}.queue-status.active{background:#135ffa;color:#fff}.queue-excerpt{font-size:10px;line-height:1.45;margin:12px 0 0;padding-top:9px;border-top:1px solid #dce6f9;color:#637799;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.answer-call{font-size:10px;color:#0d53ce;border:1px solid #90b0f7;padding:6px 9px;margin-top:10px}.browser-desk{display:flex;align-items:center;gap:10px;padding:11px;margin:0 12px 12px;background:#f5f8ff;border-color:#dbe5f8;text-align:left;font-size:11px;font-weight:600;color:#31557d;flex:none}.browser-desk>span{flex:1}.browser-desk small{display:block;font-size:9px;font-weight:400;margin-top:4px}.browser-desk svg{width:18px;height:18px}.phone-setup-card{border:1px solid #f3e0c0;background:#fff7e9;border-radius:10px;margin:0 11px;padding:13px 12px;flex:none}.setup-heading{display:flex;gap:9px;align-items:center;margin-bottom:8px}.setup-heading>i{background:#ffebc9;color:#a56c0a;width:31px;height:31px;border-radius:8px}.setup-heading strong{font-size:12px;color:#313b4d}.setup-heading small{display:block;font-size:9px;margin-top:3px;color:#92734a}.phone-setup-card>#phone-number{display:block;font-size:12px;color:#5c4a2d;font-weight:500}.phone-setup-card p{font-size:10px;line-height:1.5;color:#766b58;margin:5px 0 10px}.phone-setup-card .button-row{gap:6px;flex-wrap:wrap}.phone-setup-card button{padding:6px 8px;color:#0d50cb;border-color:#b5c8ee;font-size:9px;background:#fff}.phone-setup-card .configure-phone{margin-left:auto}.phone-desk>#hangup-phone{margin:10px 12px 0;font-size:10px}.call-card .panel-heading{padding-inline:18px;padding-bottom:15px}.ai-badge{background:#e6f8f3;color:#13745a!important;padding:6px 9px;border-radius:12px;font-size:9px!important}.conversation-tabs{display:flex;background:#f0f3fa;border-radius:8px;padding:2px;margin:0 13px 12px;flex:none}.conversation-tabs button{display:flex;justify-content:center;align-items:center;gap:9px;flex:1;border:0;background:transparent;padding:10px 6px;font-size:12px;color:#61718f;border-radius:7px;position:relative}.conversation-tabs button.selected{background:#fff;color:#064fea;box-shadow:0 2px 6px #1f386c0b}.conversation-tabs button.selected:after{content:'';position:absolute;bottom:0;left:7px;right:7px;background:#1462ff;height:2px;border-radius:2px}.conversation-tabs svg{width:18px;height:18px}.operator-display{border:0;padding:6px 18px 10px}.operator-state{gap:10px}.operator-state h2{font-size:13px}.operator-state p{font-size:10px;line-height:1.4;max-width:270px}.operator-state .orb{width:32px;height:32px;border-radius:50%;background:#e8efff;border:0}.orb svg{width:19px;height:19px}.operator-state .timer{font-size:11px}.operator-display #start{font-size:10px;margin-top:11px;padding:7px 11px;background:#095aff;border-color:#095aff}.audio-note{font-size:8px;margin-top:6px}.conversation-heading{padding:4px 18px 8px;letter-spacing:0;font-size:9px;color:#7785a0}.conversation-body{display:flex;flex:1;min-height:0;overflow:hidden}.conversation-body>.transcript{flex:1;min-height:0;padding:10px 18px 16px;gap:17px}.transcript .empty{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:11px;padding:14px}.transcript .empty svg{width:29px;height:29px;color:#acc0e4}.transcript .empty small{margin:0;font-size:10px}.message{max-width:100%;position:relative;padding-left:34px;align-self:stretch}.message:before{content:'S';position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;background:#e3edff;color:#2e6bdb;border-radius:50%;font-size:12px;font-weight:600}.message.user:before{content:'U';background:#eeebff;color:#8a66c4}.message.system:before{content:'i';background:#edf2fa;color:#8c9db9}.message small{font-size:10px;font-weight:600;letter-spacing:0;color:#26334e}.bubble{background:#e5edff;color:#1d315b;border-radius:0 12px 12px 12px;padding:11px 12px;font-size:11px;line-height:1.6}.message.user{align-self:stretch}.message.user .bubble{background:#f0f2f7;color:#3f4660;border-radius:0 12px 12px 12px}.message.system .bubble{font-size:10px;padding:5px 0}.call-context{flex:1;overflow:auto;padding:15px 20px;color:#61718f;font-size:11px;line-height:1.6}.context-intro{padding:16px;background:#f6f5ff;border:1px solid #e4ddfc;border-radius:9px;margin-bottom:16px}.context-intro>i{color:#8a60dc;margin-bottom:10px}.context-intro h3{font-size:13px;color:#3e3567;margin-bottom:8px}#reference-sites{display:grid;gap:9px;margin-bottom:15px}#reference-sites a{color:#2e64bd;overflow-wrap:anywhere;text-decoration:none}.call-context button{margin-top:15px;color:#195ac5;font-size:11px}#browser-controls{flex:none;padding-top:5px}.suggestions{padding:0 16px;gap:6px}.suggestions button{font-size:8px;padding:5px 7px;border-color:#e7ecf7;color:#7991b6}.call-actions{display:flex;justify-content:center;gap:17px;padding:15px 10px 16px;margin:0;flex-wrap:nowrap}.call-actions>div{display:flex;align-items:center;flex-direction:column;gap:7px}.call-actions button{width:44px;height:44px;border-radius:50%;border:0;background:#eaf0f9;display:grid;place-items:center;padding:0;color:#263d65}.call-actions button svg{width:21px;height:21px}.call-actions #mic{background:#0d5bff;color:white}.call-actions #end{background:#ef4056;color:white}.call-actions small{font-size:9px;color:#56627e}.call-actions button:disabled{opacity:.4}#message-form{margin:0 14px 14px;border:1px solid #c4d2ec;border-radius:7px;align-items:center;background:#fff}#message-form>i{color:#9662ee;margin-left:10px}#message-form>i svg{width:19px;height:19px}#message{background:white;font-size:11px;padding:12px 9px}#send{background:transparent;padding:9px;color:#3669df}#send svg{width:22px;height:22px}.phone-conversation-hint{font-size:11px;line-height:1.6;padding:14px 18px;background:#f3f7ff;border-top:1px solid var(--line);color:#627a9f}.detail-column{min-height:0;display:grid;grid-template-rows:minmax(260px,1.07fr) minmax(230px,1fr);gap:14px}.switchboard .panel-heading{padding:17px 15px 0}.switchboard .panel-subtitle{padding:7px 15px 13px;font-size:10px}.directory-search{display:flex;align-items:center;border:1px solid #d0dbed;border-radius:7px;margin:0 13px 12px;padding:0 10px;color:#8190b0;flex:none;gap:7px}.directory-search svg{width:17px;height:17px}.directory-search input{border:0;padding:9px 0;font-size:10px;min-width:0;outline-offset:0}.directory-search input:focus{outline:none}#departments{margin:0 13px;border:1px solid #e0e7f2;border-radius:9px;overflow:auto;flex:1;min-height:40px}.department{padding:10px 10px;gap:9px}.department .avatar{width:30px;height:30px;background:#e4edff;color:#3365bd;font-size:15px}.department:nth-child(2) .avatar{background:#dff4ef;color:#18836e}.department:nth-child(3) .avatar{background:#ece5fc;color:#7661c5}.department:nth-child(4) .avatar{background:#fff0db;color:#92651d}.department strong{font-size:11px;color:#1a2640}.department small{font-size:9px;color:#78839a;margin-top:4px}.department button{padding:5px;border-radius:6px;color:#105cf8;font-size:12px}.department button svg{width:17px;height:17px}.transfer-note{border:0;padding:8px 14px 11px;font-size:8px;line-height:1.5}.caller-details{display:flex;flex-direction:column;overflow:auto}.caller-details .panel-heading{padding:17px 15px 14px}.caller-details .panel-heading h2{font-size:17px}.caller-identity{display:flex;align-items:center;gap:10px;margin:0 14px;padding:12px 0;border-block:1px solid var(--line)}.caller-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e6f0ff;color:#2667cb;flex:none}.caller-avatar svg{width:22px;height:22px}.caller-identity strong{font-size:12px;overflow-wrap:anywhere}.caller-identity small{display:block;font-size:9px;margin-top:4px}dl{margin:0 14px;font-size:10px}dl>div{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:10px}dt{display:flex;align-items:center;gap:8px;color:#737e98;white-space:nowrap}dt svg{width:14px;height:14px}dd{margin:0;text-align:right;color:#34425f;font-size:10px;overflow-wrap:anywhere}.caller-details>#add-note{display:flex;align-items:center;gap:9px;border:0;color:#0b5aff;background:transparent;padding:13px 15px;font-size:11px;flex:none}.caller-details>#add-note svg{width:17px;height:17px}#note-form{margin:0 14px 10px;display:grid;gap:8px}#note-form label{font-size:10px}#note-form textarea{min-height:65px;font-size:11px}#note-form button{font-size:10px;justify-self:start}#saved-note{font-size:10px;color:#70809d;padding:0 15px 12px;white-space:pre-wrap;overflow-wrap:anywhere}.notice{font-size:10px;max-height:55px}.mobile-panels{display:none}
@media(min-width:1450px){#workspace{grid-template-columns:245px minmax(0,1fr)}main{padding:29px 24px 24px}.panel-heading h2{font-size:20px}.stats>div{padding:18px 20px}.stats strong{font-size:31px}.panel-heading{padding:20px 19px 0}.department strong{font-size:13px}.department small{font-size:10px}.department{padding:12px}.caller-identity strong{font-size:15px}.caller-details dl{font-size:12px}.caller-details dd{font-size:12px}.call-actions button{width:50px;height:50px}.call-actions{gap:23px}.bubble{font-size:12px}}
@media(min-width:1101px) and (max-width:1250px){#workspace{grid-template-columns:190px minmax(0,1fr)}.brand{font-size:21px}.console-grid{grid-template-columns:minmax(210px,.9fr) minmax(305px,1.25fr) minmax(235px,1fr);gap:11px}main{padding:22px 18px}.nav{font-size:11px;gap:10px}.panel-heading h2{font-size:16px}.panel-heading svg{width:19px;height:19px}.panel-heading{padding-inline:13px}.stat-detail{display:none}.stats>div{padding:13px;gap:11px}.department{padding:9px 7px}.department strong{font-size:10px}.department small{font-size:8px}.department .avatar{width:24px;height:28px}.call-actions{gap:14px}.ai-badge{font-size:8px!important;padding:5px 7px}}
@media(max-height:780px) and (min-width:1101px){main{padding-block:20px;gap:14px}#console{gap:14px}.stats>div{padding-block:11px}.stats strong{font-size:25px}.panel-heading{padding-top:14px}.panel-heading h2{font-size:16px}.panel-subtitle{padding-bottom:12px}.operator-display{padding-top:0;padding-bottom:5px}.operator-state p{font-size:9px}.audio-note{display:none}.conversation-tabs{margin-bottom:7px}.call-actions{padding-block:9px;gap:15px}.call-actions button{width:36px;height:36px}.call-actions small{font-size:8px}.detail-column{grid-template-rows:minmax(255px,1.15fr) minmax(200px,1fr);gap:12px}.department{padding-block:7px}.department .avatar{width:25px;height:25px}.directory-search{margin-bottom:8px}.transfer-note{font-size:7px;padding-block:6px}.caller-details .panel-heading{padding-block:12px}.caller-identity{padding:9px 0}.caller-identity strong{font-size:11px}dl>div{padding-block:9px}.phone-setup-card{padding:10px}.phone-setup-card p{font-size:9px}.setup-heading{margin-bottom:6px}.phone-desk #incoming-calls{padding-top:10px}.operator-display #start{margin-top:8px}.phone-desk .panel-subtitle{font-size:10px}.sidebar{padding-top:23px}.powered{margin-top:10px!important}}
@media(min-width:651px) and (max-width:1100px){#workspace{grid-template-columns:65px minmax(0,1fr)}.sidebar{padding:22px 9px}.brand{padding:0 3px}.brand>span,.workspace-heading,.workspace-picker,.sidebar-bottom{display:none}nav{margin-top:30px}.nav{padding:13px 0;justify-content:center}.nav span{display:none}main{padding:20px 18px;gap:14px}h1{font-size:25px}header p{font-size:11px}.header-actions{gap:10px}.availability{font-size:10px;padding:8px}.profile-button span{width:34px;height:34px}.stats>div{padding:11px 12px;gap:10px}.stats small{font-size:10px}.stat-symbol{width:35px;height:35px}.stat-symbol svg{width:22px;height:22px}.stats strong{font-size:23px}.stat-detail{display:none}#console{gap:12px}.console-grid{grid-template-columns:minmax(215px,.86fr) minmax(280px,1.14fr);gap:12px}.detail-column{grid-column:1/-1;display:none}.mobile-panels{display:flex;gap:4px;background:#e7ecf6;padding:3px;border-radius:7px;flex:none}.mobile-panels button{border:0;background:transparent;flex:1;padding:7px;font-size:11px}.mobile-panels button.selected{background:white;color:#0e5aed}.console-grid[data-mobile-panel=directory]{display:flex}.console-grid[data-mobile-panel=directory]>.phone-desk,.console-grid[data-mobile-panel=directory]>.call-card{display:none}.console-grid[data-mobile-panel=directory]>.detail-column{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;flex:1;min-width:0}.panel-heading h2{font-size:16px}.panel-heading{padding-inline:13px}.call-actions{gap:14px}.ai-badge{font-size:8px!important}.conversation-tabs button{font-size:11px}}
@media(max-width:650px){#workspace{display:block}.sidebar{position:fixed;inset:auto 0 0;height:60px;padding:0 5px;z-index:10;border-top:1px solid #233858}.brand,.workspace-heading,.workspace-picker,.sidebar-bottom{display:none}nav{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:100%;gap:2px}.nav{display:flex;flex-direction:column;gap:3px;justify-content:center;padding:5px 2px;border-radius:0;font-size:17px}.nav svg{width:18px;height:18px}.nav span{display:block;font-size:9px;font-weight:500;white-space:nowrap}main{height:calc(100dvh - 60px);padding:14px 11px 11px;gap:11px}header{min-height:45px}h1{font-size:21px;letter-spacing:-.6px}header p{font-size:9px;margin-top:4px}.header-actions{gap:0}.profile-button{display:none}.availability{padding:7px;font-size:8px;gap:5px}.availability i{display:none}.availability .dot{width:6px;height:6px}.stats{gap:7px}.stats>div{padding:9px;display:flex;gap:7px;min-height:61px;position:relative}.stat-symbol{width:23px;height:28px;border-radius:6px}.stat-symbol svg{width:15px;height:15px}.stats small{font-size:8px;line-height:1.4;font-weight:500;white-space:normal;max-width:none}.stats strong{font-size:20px;margin-top:2px;line-height:1.2}.stat-detail{display:none}#console{gap:9px}.mobile-panels{display:flex;gap:4px;background:#e3eaf7;border-radius:7px;padding:3px;flex:none}.mobile-panels button{flex:1;border:0;background:transparent;padding:8px 3px;font-size:10px}.mobile-panels button.selected{background:white;color:#2059bb;box-shadow:0 1px 3px #19294415}.console-grid{display:flex;min-height:0;gap:0}.console-grid[data-mobile-panel=phone]>.call-card,.console-grid[data-mobile-panel=phone]>.detail-column,.console-grid[data-mobile-panel=voice]>.phone-desk,.console-grid[data-mobile-panel=voice]>.detail-column,.console-grid[data-mobile-panel=directory]>.phone-desk,.console-grid[data-mobile-panel=directory]>.call-card{display:none}.console-grid[data-mobile-panel=directory]>.detail-column{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr);gap:0;flex:1}.console-grid[data-mobile-panel=directory] .caller-details{display:none}.phone-desk,.call-card{flex:1;width:100%;min-height:0}.panel-heading{padding:15px 14px 0}.panel-heading h2{font-size:18px}.panel-heading>span{font-size:10px}.panel-subtitle{font-size:11px}.phone-setup-card{padding:12px}.phone-setup-card p{font-size:10px}.phone-setup-card button{font-size:11px}.queue-info strong{font-size:14px}.queue-info small{font-size:11px}.queue-status{font-size:9px}.queue-excerpt{font-size:11px}.browser-desk{padding:12px;font-size:12px}.browser-desk small{font-size:10px}.call-card .panel-heading{padding:14px 13px 12px}.call-card .panel-heading h2{font-size:17px}.ai-badge{font-size:8px!important}.conversation-tabs{margin-bottom:7px}.conversation-tabs button{font-size:11px;padding:8px 5px}.operator-display{padding:4px 14px 6px}.operator-state .orb{display:none}.operator-state h2{font-size:12px}.operator-state p{font-size:9px}.operator-state .timer{font-size:10px}.audio-note{display:none}.operator-display #start{font-size:10px;margin-top:8px;padding:7px 10px}.conversation-heading{padding:5px 14px;font-size:8px}.conversation-body>.transcript{padding:8px 13px;gap:13px}.message{padding-left:28px}.message:before{width:22px;height:22px;font-size:10px}.bubble{font-size:11px;padding:9px}.message small{font-size:9px}.suggestions{padding:0 12px}.suggestions button{font-size:8px}.call-actions{gap:19px;padding:10px 8px}.call-actions button{width:36px;height:36px}.call-actions button svg{width:19px;height:19px}.call-actions small{font-size:8px}.call-actions>div{gap:5px}#message-form{margin:0 11px 11px}#message{font-size:16px;padding:10px 7px}#message-form>i{margin-left:8px}#message-form>i svg{width:16px;height:16px}#send{padding:7px}.switchboard .panel-heading{padding:15px}.switchboard .panel-subtitle{padding:0 15px 14px}.directory-search input{font-size:16px}.department{padding:15px 11px}.department strong{font-size:13px}.department small{font-size:11px}.department .avatar{width:34px;height:34px}.department button{padding:7px}.transfer-note{font-size:10px;padding:12px 15px}.notice{font-size:10px;max-height:45px}.settings-grid,.form-grid,.setting-row .form-grid{grid-template-columns:1fr}.settings-section{padding:17px}.full{grid-column:1}.settings-section input,.settings-section textarea,.settings-section select,.reference-search{font-size:16px}.knowledge-grid{grid-template-columns:1fr}.scroll-view{padding-right:0}.auth-card input{font-size:16px}}
@media(max-width:380px){.stats small{font-size:7px}.stats>div{gap:5px;padding:8px}.availability{font-size:7px;padding:6px}.call-actions{gap:15px}.call-card .panel-heading h2{font-size:16px}.nav span{font-size:8px}}
@media(min-width:1101px) and (max-height:780px){.detail-column{grid-template-rows:minmax(300px,1.4fr) minmax(190px,.9fr)}.caller-details .panel-heading{padding-block:11px}.caller-identity{padding-block:8px}.caller-avatar{width:29px;height:29px}.caller-identity strong{font-size:11px}.caller-identity small{font-size:8px}dl>div{padding-block:8px;font-size:9px}.caller-details dd{font-size:9px}.caller-details>#add-note{padding:10px 14px;font-size:10px}.department{padding-block:6px}.transfer-note{font-size:7px}.caller-details .panel-heading h2{font-size:16px}#saved-note:empty{display:none}}
@media(min-width:1101px) and (max-height:700px){.stats>div{padding-block:8px}.stats strong{font-size:22px}.stat-symbol{width:35px;height:35px}.detail-column{grid-template-rows:minmax(270px,1.4fr) minmax(165px,.85fr);gap:10px}.switchboard .panel-heading{padding-top:12px}.switchboard .panel-heading h2{font-size:15px}.switchboard .panel-subtitle{font-size:9px;padding-bottom:8px}.directory-search{margin-bottom:7px}.directory-search input{padding-block:7px}.department{padding-block:5px}.department strong{font-size:10px}.department small{font-size:8px}.department .avatar{width:22px;height:22px;font-size:12px}.transfer-note{padding-block:5px;font-size:6px}.caller-details .panel-heading{padding-block:8px}.caller-details .panel-heading h2{font-size:14px}.caller-identity{padding-block:6px}.caller-identity small{display:none}dl>div{padding-block:6px}.caller-details>#add-note{padding-block:8px}.call-actions{padding-block:7px}.operator-state p{display:none}.conversation-tabs button{padding-block:8px}}
@media(min-width:1101px) and (min-height:781px){.detail-column{grid-template-rows:minmax(310px,1.2fr) minmax(230px,1fr)}}
@media(min-width:1450px){h1{font-size:34px}header p{font-size:16px}.nav{font-size:15px;padding-block:15px}nav{gap:12px}.workspace-heading{font-size:10px}.workspace-picker{font-size:14px}.brand{font-size:28px}.stats small{font-size:14px}.stats strong{font-size:34px}.stat-symbol{width:51px;height:51px}.stat-symbol svg{width:29px;height:29px}.stat-detail{font-size:8px}.panel-heading h2{font-size:21px}.panel-heading>span{font-size:12px}.panel-subtitle{font-size:13px}.switchboard .panel-subtitle{font-size:12px;padding-bottom:15px}.conversation-tabs button{font-size:14px;padding:12px 7px}.ai-badge{font-size:10px!important}.operator-state h2{font-size:15px}.operator-state p{font-size:12px}.operator-state .orb{width:37px;height:37px}.operator-display #start{font-size:12px;padding:8px 13px}.audio-note{font-size:10px}.conversation-heading{font-size:10px}.transcript .empty{font-size:13px}.transcript .empty small{font-size:12px}.message small{font-size:12px}.bubble{font-size:14px}.call-actions{gap:25px;padding-block:18px}.call-actions button{width:54px;height:54px}.call-actions button svg{width:25px;height:25px}.call-actions small{font-size:11px}.suggestions button{font-size:10px}.directory-search input{font-size:12px}.department strong{font-size:14px}.department small{font-size:11px}.department .avatar{width:36px;height:36px;font-size:19px}.department{padding:10px}.transfer-note{font-size:8px}#message{font-size:13px}.caller-details .panel-heading h2{font-size:20px}.caller-identity{padding-block:15px}.caller-identity strong{font-size:16px}.caller-identity small{font-size:11px}dl>div{font-size:12px;padding-block:14px}.caller-details dd{font-size:12px}.caller-details>#add-note{font-size:13px;padding-block:17px}.phone-setup-card{padding:16px}.phone-setup-card p{font-size:12px}.setup-heading strong{font-size:14px}.setup-heading small{font-size:10px}.phone-setup-card>#phone-number{font-size:13px}.phone-setup-card button{font-size:11px}.browser-desk{padding:14px;font-size:13px}.browser-desk small{font-size:11px}.phone-desk #incoming-calls:empty:after{font-size:13px}.queue-info strong{font-size:15px}.queue-info small{font-size:12px}.queue-excerpt{font-size:12px}.queue-status{font-size:10px}.incoming-row{padding:15px}.caller-details #saved-note{font-size:12px}}
.message time{float:right;color:#8290aa;font-size:9px;font-weight:400}.call-actions button[aria-pressed=true]{box-shadow:0 0 0 2px #7fa3e5;background:#d1e1ff}#mic.listening{box-shadow:0 0 0 2px #8cb2ff}
@media(min-width:1101px){.switchboard .transfer-note{display:none}.switchboard{padding-bottom:13px}}
.caller-panel-button{display:none}@media(max-width:650px){.mobile-panels .caller-panel-button{display:block}.console-grid[data-mobile-panel=details]>.phone-desk,.console-grid[data-mobile-panel=details]>.call-card,.console-grid[data-mobile-panel=details] .switchboard{display:none}.console-grid[data-mobile-panel=details]>.detail-column{display:flex;flex:1;min-width:0}.console-grid[data-mobile-panel=details] .caller-details{display:flex;flex:1}.caller-details .panel-heading h2{font-size:18px}.caller-details .caller-identity{padding-block:16px}.caller-details .caller-identity strong{font-size:15px}.caller-details .caller-identity small{display:block;font-size:11px}.caller-details dl>div{padding-block:15px;font-size:12px}.caller-details dd{font-size:12px}.caller-details>#add-note{padding-block:16px;font-size:13px}.caller-details #saved-note{font-size:12px}.caller-details #note-form textarea{font-size:16px;min-height:90px}}
.ai-choice{display:inline-flex;gap:7px;align-items:center;font-size:9px;color:#657998;margin-top:10px}.ai-choice select{font-size:10px;width:auto;padding:6px 9px;border-color:#d5e0f3}.operator-display #start{margin-left:8px}.routing-choices{display:grid;gap:7px;padding:8px 0}.routing-choices label{display:flex;align-items:center;gap:6px;font-size:11px}.routing-choices input{width:auto}.user-routing{width:100%;font-size:11px;color:#657797}.user-routing summary{cursor:pointer}.user-routing button{margin-top:5px}.ai-profile-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;background:#f5f8ff;border:1px solid #dce5f4;border-radius:8px}@media(max-width:650px){.ai-choice select{font-size:16px;padding:3px 7px}.ai-choice{font-size:9px;margin-top:8px}.operator-display #start{margin-left:6px}.ai-profile-row{grid-template-columns:1fr}}
.ringer-controls{display:flex;gap:12px;margin-top:8px}.phone-setup-card .ringer-controls button{background:transparent;border:0;padding:3px 0;font-size:9px;color:#8c744e;font-weight:500}.phone-setup-card .ringer-controls button[aria-pressed=true]{color:#a13232}@media(max-width:650px){.phone-setup-card .ringer-controls button{font-size:11px}}

/* Supplied SocialCalls artwork, preserved without recolouring. */
.brand{background:#fff;border-radius:8px;padding:8px;min-height:56px}.brand-image{display:block;width:100%;height:auto;object-fit:contain}.auth-brand-image{display:block;width:100%;height:auto;max-width:310px}.brand-image{max-height:64px}@media(max-width:850px){.brand{padding:3px;min-height:28px}.brand-image{width:100%;height:auto}}

.visitor-history-entry{padding:15px;border-bottom:1px solid #dce4ef}.visitor-history-entry summary{cursor:pointer;font-weight:600;overflow-wrap:anywhere}.visitor-history-entry p{margin-top:12px;overflow-wrap:anywhere}.visitor-history-status{padding:12px;color:#617089}#history>.card{margin-bottom:18px}

#chats{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}#chats[hidden]{display:none}.chat-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.chat-workspace{display:grid;grid-template-columns:minmax(220px,30%) minmax(0,1fr);gap:14px;flex:1;min-height:0}.chat-queue{overflow:auto}.chat-ticket{display:block;width:100%;text-align:left;margin:8px 0}.chat-conversation{display:flex;flex-direction:column;min-height:0;overflow:hidden;gap:10px}#chat-person p{overflow-wrap:anywhere}#chat-messages{flex:1;min-height:0;overflow:auto}.chat-message{padding:12px;border-radius:10px;background:#f0f3f8;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message strong,.chat-message span{display:block}.chat-message strong{font-size:12px;margin-bottom:5px;color:#526079}.chat-message.operator{background:#e9f0ff}.chat-message.system{font-size:12px;background:transparent}#chat-reply{display:flex;gap:8px}#chat-reply input{flex:1;min-width:0}@media(max-width:700px){.chat-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.chat-queue{max-height:130px;padding:12px}.chat-queue h2{font-size:16px}.chat-queue p{margin:2px 0}.chat-ticket{margin:3px 0}.chat-conversation{padding:12px}#chat-person h2{font-size:18px}#chat-person p{font-size:12px;margin:3px 0}}

@media(max-width:700px){.sidebar .nav{padding:5px 2px;min-width:0;font-size:9px}.sidebar .nav span{overflow:hidden;text-overflow:ellipsis;max-width:100%}}

.console-channels{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px}.channel-switch{display:flex;gap:4px;padding:4px;border:1px solid #dce3ed;border-radius:10px;background:#fff}.channel-switch button{border:0;display:flex;align-items:center;gap:8px;padding:9px 22px;background:transparent;color:#65718a}.channel-switch button.selected{background:#e9f0ff;color:#1454d9}.channel-switch svg{width:18px;height:18px}#console-chat-count{background:#d8e5ff;color:#1454d9;border-radius:6px;padding:1px 6px;font-size:11px}.channel-hint{color:#77839a;font-size:12px}#console[data-channel=chats]>.console-grid,#console[data-channel=chats]>.mobile-panels{display:none!important}#console>#chats{flex:1;min-height:0}.chat-workspace{grid-template-columns:minmax(220px,.85fr) minmax(300px,1.5fr) minmax(200px,.75fr);height:100%}.chat-queue{display:flex;flex-direction:column;overflow:hidden;padding:0}.chat-panel-title{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px solid #e8edf4}.chat-panel-title svg{height:22px;width:22px;color:#1858d6}.chat-panel-title p{font-size:12px;color:#7a879c;margin-top:5px}#chat-list{flex:1;min-height:0;overflow:auto;padding:12px}.chat-ticket{display:flex;gap:10px;padding:14px;border-radius:10px;border:1px solid #e4eaf4;margin:0 0 10px;align-items:flex-start}.chat-ticket.selected{border-color:#4785ff;background:#f1f6ff}.chat-avatar{flex-shrink:0;width:36px;height:36px;background:#e4eeff;color:#1858d6;border-radius:50%;display:grid;place-items:center}.chat-ticket>span:last-child{min-width:0}.chat-ticket strong,.chat-ticket small,.chat-ticket em{display:block}.chat-ticket small{font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0;color:#738098}.chat-ticket em{font-style:normal;font-size:10px;color:#2563eb}.chat-desk-control{padding:16px;border-top:1px solid #e8edf4;background:#f8faff}.chat-desk-control button{width:100%;color:#1d5bd4}.chat-desk-control p{font-size:11px;color:#77839a;margin-top:8px}.chat-conversation{padding:0;gap:0}.chat-conversation-header{padding:18px 20px;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;gap:10px}#chat-person h2{font-size:16px}#chat-person p{font-size:12px;color:#78849a;margin-top:5px}.chat-state-badge{font-size:10px;white-space:nowrap;color:#245ac0;background:#edf3ff;padding:6px 8px;border-radius:6px}#chat-messages{padding:18px;background:#fcfdff}.chat-message{max-width:88%;width:fit-content;margin:0 0 18px;padding:13px 15px;background:#f0f2f7;border-radius:4px 14px 14px 14px;font-size:13px;line-height:1.6}.chat-message.operator{margin-left:auto;background:#e9f0ff;border-radius:14px 4px 14px 14px}.chat-message.system{max-width:100%;width:100%;text-align:center;font-size:11px;color:#8290a5;padding:4px;background:none}.chat-message.system strong{display:none}.chat-composer{padding:14px 18px 18px;border-top:1px solid #e8edf4}.chat-actions{display:flex;align-items:center;gap:8px;margin-bottom:10px}.chat-actions span{margin-right:auto;font-size:11px;color:#8290a5}.chat-actions button{font-size:11px}#chat-reply{align-items:stretch;border:1px solid #dbe3ef;border-radius:10px;padding:8px;background:#fff}#chat-reply textarea{border:0;resize:none;min-height:48px;max-height:100px;padding:5px;font-size:13px}#chat-reply button{width:42px;flex-shrink:0;align-self:end;padding:9px}#chat-reply svg{height:18px;width:18px}.chat-visitor{display:flex;flex-direction:column}#chat-visitor-details{padding:0 20px;overflow:auto;flex:1;min-height:0}#chat-visitor-details>div{padding:16px 0;border-bottom:1px solid #edf0f6}#chat-visitor-details small,#chat-visitor-details strong{display:block;overflow-wrap:anywhere}#chat-visitor-details small{font-size:11px;margin-bottom:7px}#chat-visitor-details strong{font-size:13px;font-weight:500}.chat-privacy-note{display:flex;align-items:start;gap:8px;padding:18px;background:#f8faff;font-size:11px;color:#7b879b}.chat-privacy-note svg{width:24px;height:24px;flex-shrink:0;color:#7b9aca}.chat-queue-empty,.chat-conversation-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;color:#7a879c}.chat-queue-empty{padding:40px 8px;font-size:12px}.chat-queue-empty svg{height:32px;width:32px;color:#9bb4dd}.chat-conversation-empty{height:100%;max-width:360px;margin:auto;font-size:13px;line-height:1.7}.chat-conversation-empty svg{width:56px;height:56px;color:#9db8e6;background:#eef4ff;padding:14px;border-radius:16px}.chat-conversation-empty h2{color:#34415a;font-size:17px}.history-recording{padding:16px 0}.history-recording audio{width:100%;max-width:500px;margin-top:8px}@media(max-width:1100px){.chat-workspace{grid-template-columns:minmax(200px,.8fr) minmax(300px,1.6fr)}.chat-visitor{display:none}.chat-conversation-header{flex-wrap:wrap}}@media(max-width:700px){.channel-hint{display:none}.channel-switch{width:100%}.channel-switch button{flex:1;justify-content:center}.chat-workspace{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:10px}.chat-queue{max-height:165px;display:grid;grid-template-columns:1fr 1fr}.chat-panel-title{padding:10px;border:0}.chat-panel-title h2{font-size:14px}.chat-panel-title p{font-size:10px}.chat-desk-control{padding:8px;border:0;grid-column:2;grid-row:1}.chat-desk-control p{display:none}#chat-list{grid-column:1/-1;padding:0 8px 8px}.chat-queue-empty{padding:4px;font-size:11px}.chat-queue-empty svg,.chat-queue-empty p{display:none}.chat-ticket{padding:8px;margin:0}.chat-ticket small{margin:3px 0}.chat-conversation-header{padding:12px}.chat-state-badge{font-size:9px}#chat-messages{padding:12px}.chat-composer{padding:10px}.chat-actions span{font-size:10px}.chat-message{font-size:12px}.chat-workspace .chat-visitor{display:none}}