:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#15243a;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}button,input,textarea,select{font:inherit}.app-header,.controller-header{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;background:#fff;border-bottom:1px solid #dce4ed;position:relative;z-index:20}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#15243a}.logo>span{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#285f9f,#193e6e);font-size:22px}.logo b{font-size:18px;letter-spacing:-.3px}.logo small{display:block;font-size:9px;color:#8290a1;font-weight:500;letter-spacing:.7px}.head-status{font-size:11px;color:#607388;background:#f2f6f9;border:1px solid #e1e8ef;padding:8px 13px;border-radius:18px}.head-status i,.controller-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#93a2b1;margin-right:7px}.head-status.waiting-controller i,.head-status.requesting-permission i{background:#e6a82c;box-shadow:0 0 0 4px #f8e7bd}.head-status.connected i{background:#18aa73;box-shadow:0 0 0 4px #d9f2e8}.app-header .danger{justify-self:end;border:0;border-radius:7px;background:#d94149;color:#fff;padding:10px 14px;font-size:10px;font-weight:800;cursor:pointer}.session-banner{min-height:175px;padding:26px 4vw;background:linear-gradient(112deg,#153763,#1d5089 57%,#2f6fa5);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.session-banner small,.welcome-banner small{font-size:9px;letter-spacing:.08em;color:#a9c7df}.session-banner h1{font-size:25px;margin:7px 0}.session-banner p{font-size:10px;color:#bbd1e4;margin:0}.code-card{display:flex;align-items:center;gap:19px;padding:12px 13px 12px 19px;border:1px solid #ffffff25;background:#ffffff0d;border-radius:10px}.code-card>div span,.code-card>div small{display:block;font-size:8px;color:#a8c4dc}.code-card strong{display:block;font:800 25px ui-monospace,SFMono-Regular,monospace;letter-spacing:3px;margin:4px 0}.code-card svg{background:#fff;padding:5px;border-radius:5px}.welcome-banner{min-height:310px;padding:50px 8vw;background:linear-gradient(120deg,#112f59,#1e568f);color:#fff;display:grid;grid-template-columns:1fr 350px;align-items:center}.welcome-banner h1{font-size:35px;line-height:1.25;margin:9px 0}.welcome-banner p{font-size:11px;line-height:1.7;color:#bad0e3}.welcome-banner button{margin-top:12px;background:#fff;color:#1f5790;border:0;border-radius:8px;padding:13px 18px;font-size:11px;font-weight:800;cursor:pointer}.welcome-banner button:disabled{opacity:.65}.welcome-banner button span{margin-left:30px}.welcome-banner .error-text{color:#ffd0d3}.security-graphic{height:190px;position:relative;display:grid;place-items:center}.security-graphic>b{width:74px;height:74px;border-radius:50%;background:#2d6ca7;border:1px solid #ffffff30;display:grid;place-items:center;font-size:36px;box-shadow:0 0 0 17px #ffffff08}.security-graphic>span{position:absolute;left:18px;top:57px;width:53px;height:40px;border:2px solid #90b7d9;border-radius:6px;display:grid;place-items:center;font-size:20px}.security-graphic i{position:absolute;width:100px;height:1px;background:#79a5cb;left:70px;top:78px}.security-graphic small{position:absolute;bottom:13px;color:#9ec0dc}.business-shell{max-width:1500px;min-height:560px;margin:25px auto 70px;width:92%;background:#fff;border:1px solid #d9e2eb;display:grid;grid-template-columns:200px 1fr;border-radius:9px;overflow:hidden;box-shadow:0 10px 35px #193d6514}.business-shell>aside{padding:22px 17px;border-right:1px solid #e4e9ef}.biz-logo{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.biz-logo>b{background:#29629a;color:#fff;padding:6px;border-radius:5px}.biz-logo small{display:block;color:#a0abb8;font-size:6px}.business-shell nav{display:flex;flex-direction:column;gap:8px;margin-top:30px}.business-shell nav a{font-size:10px;color:#748294;padding:9px;border-radius:5px}.business-shell nav .active{background:#eaf2fa;color:#27639d;font-weight:800}.business-shell article{padding:23px 28px;background:#f6f8fb}.crumb{font-size:8px;color:#8b97a5}.biz-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.biz-title h2{margin:0;font-size:20px}.biz-title p{font-size:9px;color:#8b96a4}.biz-title button,.form-actions button{border:1px solid #cfd9e3;background:#fff;border-radius:6px;padding:8px 13px;color:#637387;font-size:9px;cursor:pointer}.real-form{position:relative;background:#fff;border-radius:7px;padding:21px 25px;box-shadow:0 3px 10px #1c385710}.real-form h3{font-size:12px;border-left:3px solid #2d6da8;padding-left:8px}.real-form label{display:block;font-size:9px;color:#516174;margin:13px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.real-form input,.real-form select,.real-form textarea{display:block;width:100%;border:1px solid #d4dce5;border-radius:5px;padding:9px;margin-top:5px;background:#fff;color:#44566a;font-size:10px}.real-form textarea{height:75px;resize:vertical}.form-actions{text-align:right}.form-actions .primary{background:#2b67a2;border-color:#2b67a2;color:#fff;margin-left:7px}.toast{position:absolute;right:25px;top:18px;background:#e7f7f0;color:#20835e;padding:7px 10px;border-radius:5px;font-size:8px}.host-annotation{position:fixed;inset:0;width:100vw;height:100vh;z-index:50;pointer-events:none}.host-annotation path,.controller-drawing path{fill:none;stroke:#ef3f49;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.privacy-pill{position:fixed;z-index:60;left:50%;bottom:18px;transform:translate(-50%);background:#132842eb;color:#fff;border:1px solid #ffffff20;border-radius:20px;padding:8px 15px;font-size:9px;box-shadow:0 7px 24px #0c1a2e42}.controller-page{min-height:100vh;background:#0d1b2c;color:#dce6f1}.controller-header{grid-template-columns:1fr auto auto;gap:27px;padding:0 25px;background:#11243b;border-color:#ffffff12}.logo.light{color:#fff}.logo.light small{color:#7f97b1}.logo.light>span{background:#ffffff12;border:1px solid #ffffff1c}.controller-state{font-size:9px;color:#91a6bc}.controller-state i{background:#e0a82c}.controller-state i.connected{background:#21c88d;box-shadow:0 0 0 4px #21c88d20}.controller-state b{font:700 11px ui-monospace,monospace;color:#fff;letter-spacing:2px;margin-left:10px}.controller-header>button{border:1px solid #dc515858;background:#dc414914;color:#ff8e95;border-radius:6px;padding:8px 12px;font-size:9px;cursor:pointer}.controller-layout{display:grid;grid-template-columns:225px 1fr;min-height:calc(100vh - 68px)}.controller-layout>aside{background:#102238;border-right:1px solid #ffffff0e;padding:22px 16px}.controller-layout>aside h3{font-size:8px;color:#728aa3;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}.remote-user,.scope{background:#162b45;border:1px solid #ffffff0b;border-radius:8px;padding:12px;margin-bottom:22px}.remote-user{display:flex;align-items:center;gap:8px}.remote-user>span{width:33px;height:33px;border-radius:50%;background:#2b4c70;display:grid;place-items:center;font-size:9px;font-weight:800}.remote-user b,.remote-user small{display:block}.remote-user b{font-size:9px}.remote-user small{font-size:7px;color:#7188a2;margin-top:2px}.remote-user>i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#20c48a}.scope p{display:flex;gap:8px;align-items:flex-start;color:#44c393;font-size:11px}.scope p span{color:#dce6f1}.scope b,.scope small{display:block}.scope b{font-size:8px}.scope small{font-size:7px;color:#7188a2;margin-top:2px}.controller-layout ol{list-style:none;padding:0;margin:0}.controller-layout li{border-left:1px solid #324e6a;padding:0 0 13px 11px;font-size:7px;color:#8da2b7}.controller-layout time{display:block;color:#5f7891;margin-bottom:3px}.remote-area{padding:20px 24px 50px;min-width:0}.remote-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.remote-title h1{font-size:14px;margin:0}.remote-title h1 span{font-size:7px;background:#21836050;color:#4cdfa7;padding:3px 6px;border-radius:9px}.remote-title p,.remote-title>div:last-child{font-size:8px;color:#748ba4;margin:3px 0 0}.video-stage{height:min(59vw,680px);min-height:390px;background:#07111e;border:1px solid #304964;border-radius:6px;position:relative;overflow:hidden;touch-action:none}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}.video-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#152c48,#091523);gap:10px}.video-wait b{font-size:11px}.video-wait small{font-size:8px;color:#7189a3}.spinner{width:34px;height:34px;border:3px solid #ffffff1a;border-top-color:#55a6e8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controller-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.video-stage.tool-pen{cursor:crosshair}.video-stage.tool-spotlight{cursor:help}.spotlight-hint{position:absolute;left:50%;top:15px;transform:translate(-50%);background:#d69c23e8;color:#fff;padding:6px 11px;border-radius:15px;font-size:8px}.control-tools{width:max-content;max-width:100%;margin:12px auto 0;display:flex;align-items:center;background:#162b45;border:1px solid #ffffff12;border-radius:9px;padding:5px}.control-tools button{border:0;background:transparent;color:#8da2b8;border-radius:6px;padding:6px 10px;min-width:58px;cursor:pointer;font-size:15px}.control-tools button small{display:block;font-size:7px;margin-top:2px}.control-tools button.active{background:#2b659d;color:#fff}.control-tools button.red{background:#be3540}.control-tools>i{width:1px;height:30px;background:#ffffff15;margin:0 4px}.diagnostics{max-height:230px;overflow:auto;margin:13px auto 0;background:#202124;border:1px solid #3a3d40;border-top:2px solid #4f91d2;color:#d4d7da;font:9px ui-monospace,monospace}.diagnostics header{height:32px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #393c3f;padding:0 11px}.diagnostics header b{color:#fff}.diagnostics header span{font:7px system-ui;color:#90979e}.diagnostics header button{margin-left:auto;border:0;background:none;color:#bbb;font-size:17px}.diagnostics pre{margin:0;padding:7px 11px;border-bottom:1px solid #303236;white-space:pre-wrap}.diagnostics pre time{color:#8ab4f8}.diagnostics pre b{color:#ff8a80}.diagnostics pre small{color:#8c939a}.empty-log{padding:35px;text-align:center;color:#777f86}.browser-limit{max-width:850px;margin:12px auto 0;color:#778ea6;text-align:center;font-size:8px;line-height:1.6}@media (max-width:800px){.app-header{grid-template-columns:1fr auto;padding:0 14px}.head-status{display:none}.welcome-banner{grid-template-columns:1fr;padding:38px 22px}.welcome-banner h1{font-size:28px}.security-graphic{display:none}.session-banner{display:block;padding:25px 18px}.code-card{margin-top:20px;justify-content:space-between}.business-shell{grid-template-columns:1fr;margin-top:14px}.business-shell>aside{display:none}.business-shell article{padding:17px 13px}.field-row{grid-template-columns:1fr}.controller-header{grid-template-columns:1fr auto;padding:0 12px}.controller-state{display:none}.controller-layout{display:block}.controller-layout>aside{display:none}.remote-area{padding:14px 9px 60px}.video-stage{height:62vh;min-height:350px}.control-tools{width:100%;overflow-x:auto;justify-content:center}.control-tools button{min-width:55px;padding:6px}.remote-title>div:last-child{display:none}}.support-mask{position:fixed;inset:0;z-index:100;background:#071426aa;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.support-dialog{width:min(680px,96vw);max-height:88vh;overflow:hidden;background:#fff;border-radius:14px;box-shadow:0 25px 80px #06101e66;display:flex;flex-direction:column}.support-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid #e5ebf1}.support-dialog>header b,.support-dialog>header small{display:block}.support-dialog>header b{font-size:17px}.support-dialog>header small{font-size:9px;color:#8492a2;margin-top:4px}.support-dialog>header button{border:0;background:#eef3f7;border-radius:50%;width:29px;height:29px;cursor:pointer}.agent-list{padding:14px 20px;overflow:auto}.agent-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;border:1px solid #dce5ee;border-radius:10px;padding:13px;margin:8px 0;cursor:pointer;transition:.18s}.agent-list article:hover{border-color:#5389bc;box-shadow:0 5px 18px #173d6613}.agent-list article.offline{background:#f8fafc;cursor:default;filter:saturate(.7)}.agent-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#2a6ba8,#174674);color:#fff;font-weight:800}.agent-list b,.chat-agent b{font-size:11px}.agent-list b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aeb8c2;margin-left:5px}.agent-list b i.online{background:#20b87d}.agent-list b small{font-size:8px;color:#8b97a4}.agent-list p{font-size:9px;color:#637385;margin:4px 0}.agent-list em{font-size:8px;color:#29906b;font-style:normal}.agent-list article>button{border:1px solid #27689f;background:#27689f;color:#fff;border-radius:6px;padding:8px 11px;font-size:9px;cursor:pointer}.agent-list article.offline>button{border-color:#c9d3dc;background:#fff;color:#657688}.support-loading{padding:60px;text-align:center;color:#7e8d9c}.permission-note{padding:12px 22px;background:#f1f6fa;color:#708092;font-size:8px}.reminder-ok{margin:0;padding:0 23px 12px;color:#23845f;font-size:9px}.chat-agent{display:flex;align-items:center;gap:12px;padding:15px 22px;background:#f3f7fa}.chat-agent>div{flex:1}.chat-agent small{display:block;font-size:8px;color:#308b68;margin-top:3px}.chat-agent>a{color:#22639b;text-decoration:none;font-size:10px;background:#fff;border:1px solid #d7e1ea;border-radius:7px;padding:8px 10px}.chat-history{height:300px;overflow:auto;padding:18px 22px;background:#f8fafc}.chat-history p,.desk-chat p{max-width:75%;margin:8px 0;display:flex;flex-direction:column;align-items:flex-start}.chat-history p.customer,.desk-chat p.agent{margin-left:auto;align-items:flex-end}.chat-history p small,.desk-chat p small{font-size:7px;color:#94a0ad;margin-bottom:3px}.chat-history p span,.desk-chat p span{background:#fff;border:1px solid #e0e7ee;border-radius:4px 10px 10px;padding:8px 10px;font-size:9px;line-height:1.5}.chat-history p.customer span,.desk-chat p.agent span{background:#2b6ca5;color:#fff;border-color:#2b6ca5;border-radius:10px 4px 10px 10px}.chat-history p.system{max-width:100%;align-items:center}.chat-history p.system span,.desk-chat p.system span{border:0;background:none;color:#8996a4}.chat-compose{display:flex;gap:9px;padding:13px 20px;border-top:1px solid #e3e9ef}.chat-compose input{flex:1;border:1px solid #ccd7e1;border-radius:7px;padding:10px;font-size:10px}.chat-compose button{border:0;background:#27689f;color:#fff;border-radius:7px;padding:0 18px;cursor:pointer}.support-dialog footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#f6f8fa;font-size:8px;color:#8491a0}.support-dialog footer button{border:0;border-radius:5px;padding:7px 10px;cursor:pointer}.support-dialog footer .danger{background:#d94951;color:#fff}.check-label{display:flex!important;align-items:center;gap:8px;margin-top:32px!important}.check-label input{width:auto!important;margin:0!important}.remote-title-actions{display:flex;align-items:center;gap:10px}.remote-title-actions button{border:1px solid #3c5874;background:#162b45;color:#d9e5f0;border-radius:6px;padding:7px 10px;font-size:8px;cursor:pointer}.remote-area.fullscreen-mode{position:fixed;inset:0;z-index:200;width:100vw;height:100vh;padding:12px 18px;background:#0a1726;display:flex;flex-direction:column}.remote-area.fullscreen-mode .remote-title{flex:0 0 auto}.remote-area.fullscreen-mode .video-stage{flex:1;height:auto;min-height:0;border-radius:3px}.remote-area.fullscreen-mode .control-tools{flex:0 0 auto;margin-top:7px}.remote-area.fullscreen-mode .browser-limit{display:none}.remote-area.fullscreen-mode .diagnostics{position:absolute;right:18px;bottom:72px;width:min(680px,55vw);z-index:10}.remote-editor{display:flex;align-items:center;gap:8px;max-width:760px;margin:10px auto 0;padding:8px;background:#203954;border:1px solid #42627f;border-radius:8px}.remote-editor b{font-size:8px;white-space:nowrap}.remote-editor input,.remote-editor select{flex:1;min-width:80px;border:1px solid #59738c;background:#102337;color:#fff;border-radius:5px;padding:7px;font-size:9px}.remote-editor button{border:0;background:#2b78b8;color:#fff;border-radius:5px;padding:7px 10px;font-size:8px;cursor:pointer}.remote-editor .ghost{background:transparent;color:#9fb0c1;font-size:15px;padding:0 5px}.desk-login{min-height:100vh;background:radial-gradient(circle at 30% 20%,#234f7f,#0a1726 60%);display:grid;place-items:center;color:#16243a}.desk-login>section{width:min(410px,92vw);background:#fff;border-radius:15px;padding:35px 38px;box-shadow:0 30px 90px #0007}.desk-brand{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:#1d568b;color:#fff;font-size:28px}.desk-login h1{font-size:22px;margin:19px 0 7px}.desk-login>section>p{font-size:10px;color:#7a8999;line-height:1.6}.desk-login form label{display:block;font-size:9px;color:#596b7d;margin:15px 0}.desk-login input{display:block;width:100%;border:1px solid #ced8e2;border-radius:7px;padding:11px;margin-top:6px}.desk-login form>button{width:100%;border:0;background:#28699f;color:#fff;border-radius:7px;padding:12px;font-weight:700;cursor:pointer}.desk-login form small{display:block;font-size:8px;color:#9b7125;background:#fff8e7;padding:8px;margin-top:12px}.desk-login form em{display:block;color:#cc3f48;font-size:9px;font-style:normal;margin-top:10px}.support-desk{min-height:100vh;background:#eef3f7;color:#17263a}.support-desk>header{height:68px;background:#11243b;color:#fff;display:flex;align-items:center;padding:0 22px;gap:14px}.support-desk>header .logo{margin-right:auto}.desk-agent{display:flex;align-items:center;gap:8px}.desk-agent>i{width:8px;height:8px;background:#23c68b;border-radius:50%;box-shadow:0 0 0 4px #23c68b20}.desk-agent b,.desk-agent small{display:block;font-size:9px}.desk-agent small{font-size:7px;color:#87a0b8}.support-desk>header>button{border:1px solid #ffffff24;background:#ffffff0d;color:#d9e5f0;border-radius:6px;padding:8px 10px;font-size:8px;cursor:pointer}.support-desk>header .logout{color:#ff9398}.desk-grid{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 68px)}.desk-grid>aside{background:#fff;border-right:1px solid #dbe3eb;padding:18px 13px;overflow:auto}.desk-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.desk-summary>div{background:#f1f6fa;border-radius:8px;padding:12px;text-align:center}.desk-summary b,.desk-summary small{display:block}.desk-summary b{font-size:22px;color:#27689f}.desk-summary small{font-size:8px;color:#7b8998}.desk-grid>aside h3{font-size:8px;color:#82909f;margin:16px 5px 8px;text-transform:uppercase;letter-spacing:.08em}.request-card{width:100%;border:1px solid transparent;background:#fff;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;margin-bottom:5px}.request-card:hover,.request-card.selected{background:#edf5fc;border-color:#c8dff1}.request-card>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f1f9;color:#27689f;font-size:9px;font-weight:800}.request-card.urgent>span{background:#fff0e6;color:#de6d25}.request-card>div{min-width:0;flex:1}.request-card b,.request-card small,.request-card time{display:block}.request-card b{font-size:9px}.request-card small{font-size:7px;color:#718191;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.request-card time{font-size:7px;color:#9aa6b2}.request-card>i{width:7px;height:7px;border-radius:50%;background:#20bd83}.desk-empty{font-size:8px;color:#99a4af;text-align:center;padding:15px}.desk-main{min-width:0;padding:24px}.desk-main>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.desk-main h1{font-size:18px;margin:0}.desk-main>header p{font-size:9px;color:#7b8998}.desk-main>header button{border:0;border-radius:7px;color:#fff;padding:10px 15px;font-size:9px;cursor:pointer}.desk-main .accept{background:#1f9d70}.desk-main .open-control{background:#286da6}.desk-conversation{display:grid;grid-template-rows:1fr auto;float:left;width:calc(100% - 285px);height:calc(100vh - 165px);background:#fff;border:1px solid #dae3eb;border-radius:9px;overflow:hidden}.desk-chat{overflow:auto;padding:18px}.desk-conversation form{display:flex;gap:8px;border-top:1px solid #e2e8ee;padding:12px}.desk-conversation form input{flex:1;border:1px solid #ccd7e0;border-radius:6px;padding:9px}.desk-conversation form button{border:0;background:#286ba3;color:#fff;border-radius:6px;padding:0 18px}.request-details{margin-left:calc(100% - 265px);background:#fff;border:1px solid #dae3eb;border-radius:9px;padding:18px}.request-details h3{font-size:12px;margin-top:0}.request-details dl{font-size:8px}.request-details dt{color:#8c98a4;margin-top:12px}.request-details dd{margin:3px 0;color:#34475b}.request-details p{font-size:8px;color:#718294;line-height:1.7;background:#f3f7fa;padding:10px}.desk-placeholder{height:70vh;display:grid;place-items:center;color:#97a3ae}.desk-error{position:fixed;right:20px;bottom:20px;background:#c83d46;color:#fff;border-radius:7px;padding:10px 14px;font-size:9px}@media (max-width:800px){.support-mask{padding:8px}.support-dialog{max-height:96vh}.agent-list article{grid-template-columns:auto 1fr}.agent-list article>button{grid-column:2}.chat-agent>a{font-size:0}.chat-agent>a:first-letter{font-size:14px}.desk-grid{grid-template-columns:1fr}.desk-grid>aside{max-height:42vh}.desk-main{padding:12px}.desk-conversation{float:none;width:100%;height:46vh}.request-details{display:none}.support-desk>header>button:not(.logout){display:none}.remote-title-actions span{display:none}}.desk-actions{display:flex;gap:7px}.desk-main>header .finish{background:#fff;color:#b7444b;border:1px solid #dfb7ba}.missing-phone{display:inline-flex;align-items:center;color:#8a97a4;font-size:8px;padding:0 6px}.user-identity em{display:block;color:#8a97a4;font-size:8px;font-style:normal}.requester-form{padding:14px 22px 8px;background:#f7f9fb;border-bottom:1px solid #e5ebf1}.requester-form>b{font-size:10px}.requester-form>div{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:9px;margin:8px 0}.profile-values p{margin:0;border:1px solid #dce5ed;background:#fff;border-radius:6px;padding:8px}.profile-values small,.profile-values span{display:block}.profile-values small{font-size:7px;color:#8895a3}.profile-values span{font-size:9px;color:#33485d;margin-top:3px}.requester-form>small{font-size:7px;color:#8996a3}.agent-phone{display:block;width:max-content;color:#246a9f;text-decoration:none;font-size:9px;font-weight:700;margin:2px 0 5px}.agent-list b i.available{background:#20b87d}.agent-list b i.busy{background:#e49a28}.agent-list b i.away{background:#9ba6b1}.desk-agent>i.busy{background:#e49a28;box-shadow:0 0 0 4px #e49a2820}.desk-agent>i.away{background:#8a99a8;box-shadow:none}.desk-agent select{margin-left:7px;border:1px solid #ffffff25;background:#1b3550;color:#fff;border-radius:6px;padding:6px 20px 6px 8px;font-size:8px}.call-user{display:inline-flex;align-items:center;text-decoration:none;background:#fff;color:#286ba3;border:1px solid #bfd0df;border-radius:7px;padding:0 11px;font-size:9px}.user-identity{border:1px solid #dce5ec;background:#f6f9fb;border-radius:7px;padding:11px;margin-bottom:18px}.user-identity b,.user-identity small,.user-identity a{display:block}.user-identity b{font-size:11px}.user-identity small{font-size:8px;color:#7d8b99;margin:4px 0 9px}.user-identity a{color:#246a9f;text-decoration:none;font-size:10px;font-weight:700}.dialog-buttons{display:flex;gap:7px}.support-mask.minimized{background:transparent;backdrop-filter:none;place-items:end;pointer-events:none;padding:18px}.support-dialog.minimized{width:min(360px,calc(100vw - 24px));pointer-events:auto;border:1px solid #d6e1ea;box-shadow:0 12px 38px #07162638}.support-dialog.minimized>header{padding:12px 14px;border-bottom:0}.support-dialog.minimized>header b{font-size:12px}.support-dialog.minimized>header small{font-size:8px}.attach-button{display:grid;place-items:center;min-width:38px;border:1px solid #c7d4df;background:#f5f8fa;color:#27689f;border-radius:7px;padding:8px;cursor:pointer;font-size:10px}.attach-button input{display:none!important}.attach-button.disabled{opacity:.55;cursor:not-allowed}.chat-attachment{display:flex!important;flex-direction:column;align-items:flex-start;margin-top:5px;border:1px solid #cbdbe8!important;background:#eef6fc!important;color:#245f91!important;border-radius:7px!important;padding:7px 9px!important;max-width:100%;font-size:8px!important;cursor:pointer}.chat-attachment small{margin:2px 0 0!important;color:#7890a4!important}.controller-layout{grid-template-columns:310px 1fr}.controller-layout>aside{overflow:auto}.controller-chat{background:#152a43;border:1px solid #ffffff10;border-radius:8px;margin-bottom:20px;overflow:hidden}.controller-chat-history{height:230px;overflow:auto;padding:9px}.controller-chat-history p{display:flex;flex-direction:column;align-items:flex-start;margin:7px 0}.controller-chat-history p.agent{align-items:flex-end}.controller-chat-history p small{font-size:7px;color:#7189a2;margin-bottom:3px}.controller-chat-history p>span{max-width:90%;background:#203b58;color:#dce8f3;border-radius:4px 8px 8px;padding:6px 8px;font-size:8px;line-height:1.45}.controller-chat-history p.agent>span{background:#29699e}.controller-chat .chat-attachment{background:#1d4869!important;color:#dcecf8!important;border-color:#34688e!important}.controller-chat form{border-top:1px solid #ffffff10;padding:8px}.controller-chat form>input{width:100%;border:1px solid #38536d;background:#0f2135;color:#fff;border-radius:5px;padding:7px;font-size:8px}.controller-chat form>div{display:flex;justify-content:space-between;gap:6px;margin-top:6px}.controller-chat .attach-button,.controller-chat form button{border:1px solid #3b5c78;background:#203c58;color:#dce8f2;border-radius:5px;padding:6px 8px;font-size:8px;cursor:pointer}.controller-chat form button{margin-left:auto;background:#2b73aa}.fallback-frame{width:100%;height:100%;object-fit:contain;display:block}.compatibility-note{font-size:8px!important;color:#a9c7df!important;margin:9px 0 0!important}.compatibility-note.warning{color:#ffd08a!important}@media (max-width:800px){.requester-form>div{grid-template-columns:1fr}.desk-agent select{max-width:70px}.desk-actions{flex-wrap:wrap}.call-user{padding:7px 9px}}@media (max-width:800px){.controller-layout>aside{display:block;max-height:38vh;padding:12px;overflow:auto}.controller-layout>aside .safe-title,.controller-layout>aside .session-title,.controller-layout>aside .scope,.controller-layout>aside>ol{display:none}.controller-chat{margin-bottom:0}.controller-chat-history{height:120px}.remote-user{margin-bottom:12px}.support-mask.minimized{padding:8px}.support-dialog.minimized{width:calc(100vw - 16px)}}.permission-note{background:#fff8e7;color:#6e5b31;line-height:1.65}.permission-note b{display:block;color:#9a641a;font-size:9px}.controller-chat-access{margin:10px 0 18px;padding:10px;border:1px solid #614757;background:#382438;color:#ffd7df;border-radius:7px;font-size:8px;line-height:1.6}.demo-mode-badge{background:#74531c;color:#ffe8ac;border:1px solid #a97b2b;border-radius:999px;padding:6px 10px;font-size:8px}.fallback-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}.fallback-badge{position:absolute;right:10px;top:10px;z-index:3;background:#a66a16e8;color:#fff;border-radius:12px;padding:5px 9px;font-size:7px}.controller-drawing{right:auto;bottom:auto}.control-feedback{position:absolute;left:50%;bottom:14px;transform:translate(-50%);z-index:4;color:#fff;background:#102b42e8;border:1px solid #58a9d880;border-radius:16px;padding:6px 12px;font-size:8px;pointer-events:none}.video-wait button{border:1px solid #4e96cf;background:#183a57;color:#fff;border-radius:6px;padding:7px 13px;cursor:pointer}