@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";.softphone-live,.softphone-down{border-radius:12px;font:700 10px inherit;color:#198260!important;border:1px solid #dceee6!important;padding:4px 8px!important}.softphone-down{color:#c45d57!important;border-color:#f1d2cf!important}.onboarding{text-align:center;padding:32px}.onboarding-mark{color:#fff;background:#6d5add;border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 16px;display:grid}.onboarding-steps{justify-content:center;gap:22px;margin-bottom:20px;display:flex}.onboarding-steps span{color:#8e97a8;background:#eceef4;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid;position:relative}.onboarding-steps span.done{color:#16805d;background:#e5f8ef}.onboarding h2{font:700 20px Manrope,sans-serif}.onboarding-icon{color:#6856d7;margin:8px}.device-test{color:#6654d4;background:#f7f6ff;border:1px solid #ded9fa;border-radius:7px;justify-content:center;gap:6px;width:100%;margin:9px 0 15px;padding:10px;font:600 11px inherit;display:flex}.device-test.tested{color:#1a825f;background:#e7f8ef;border-color:#d5f1e5}.full{width:100%}.reason-row{color:#4e5971;background:#fff;border:1px solid #e3e5ec;border-radius:7px;justify-content:space-between;width:100%;margin-top:7px;padding:10px;font:600 11px inherit;display:flex}.reason-row.selected{color:#6553d2;background:#f4f2ff;border-color:#cfc8f8}.break-policy{color:#8e651e;background:#fff4de;border-radius:7px;flex-direction:column;gap:4px;margin-top:15px;padding:10px;font-size:10px;line-height:1.4;display:flex}.break-timer{color:#8d641d;background:#fff4de;border:1px solid #f5dfb7;border-radius:9px;align-items:center;gap:10px;margin-bottom:15px;padding:11px 14px;font-size:11px;display:flex}.break-timer span{flex:1}.break-timer i{background:#e3a03c;border-radius:50%;width:7px;height:7px;display:inline-block}.break-timer b{font:700 15px Manrope,sans-serif}.break-timer button{color:#7d591c;background:#fff;border:0;border-radius:6px;padding:7px 9px;font:600 10px inherit}.callback-form label{color:#586278;margin-top:11px;font-size:11px;font-weight:700;display:block}.callback-form input,.callback-form select,.callback-form textarea{border:1px solid #e0e3eb;border-radius:7px;width:100%;margin-top:5px;padding:9px;font:12px inherit;display:block}.callback-form textarea{resize:vertical;height:72px}.form-error{color:#bf5953!important;margin:8px 0 0!important;font-size:10px!important}.shortcut-modal p{color:#596379;border-top:1px solid #eef0f4;align-items:center;gap:12px;margin:0;padding:10px 0;font-size:11px;display:flex}.shortcut-modal kbd{text-align:center;color:#475269;background:#f7f8fb;border:1px solid #dfe2eb;border-bottom-width:2px;border-radius:4px;min-width:24px;padding:3px}.softphone-offline{text-align:center;background:#fff;border:1px solid #f1d3d0;border-radius:11px;margin-top:18px;padding:56px}.softphone-offline svg{color:#c35d56}.softphone-offline h2{margin:13px 0 5px;font:700 21px Manrope,sans-serif}.softphone-offline p{color:#8790a2;font-size:12px}.softphone-offline .primary{margin:13px auto 0}.sound-preview{color:#596379;background:#f7f7fb;border-radius:7px;justify-content:space-between;align-items:center;padding:10px;font-size:11px;display:flex}.sound-preview button{color:#6553d4;background:0 0;border:0;align-items:center;gap:5px;font:600 10px inherit;display:flex}.sound-toggle{align-items:center;gap:7px;margin-top:14px!important;font-size:11px!important;font-weight:500!important;display:flex!important}.sound-toggle input{width:auto!important;margin:0!important}.danger-link{color:#c55d56;background:0 0;border:0;margin-top:17px;padding:0;font:600 10px inherit}.inline-callback{background:#f6f5ff;border-radius:7px;grid-template-columns:1fr 1.5fr 1fr;gap:6px;margin-top:12px;padding:11px;display:grid}.inline-callback label{align-items:center;gap:5px;display:flex;margin:0!important;font-size:10px!important}.inline-callback input[type=checkbox]{width:auto}.inline-callback input,.inline-callback select{margin:0!important;padding:7px!important;font-size:10px!important}.required{color:#c25d56;margin-left:4px;font-size:9px}.consulting-state{text-align:center;background:#f5f4ff;border-radius:8px;padding:20px}.consulting-state span{background:#6755d7;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;display:inline-block}.consulting-state b{color:#3f4962;margin:9px 0 4px;font-size:12px;display:block}.consulting-state p{color:#818a9c;margin:0;font-size:10px}.simulate-failure{color:#c15d56;background:0 0;border:0;margin-top:13px;padding:0;font:600 10px inherit}.agent-page{max-width:1120px}.agent-page>header{margin:2px 0 22px}.agent-page>header p{color:#7770bc;letter-spacing:.1em;margin:0;font-size:10px;font-weight:700}.agent-page>header h2{margin:6px 0 4px;font:700 24px Manrope,sans-serif}.agent-page>header span{color:#858ea0;font-size:13px}.agent-tabs{gap:7px;margin-bottom:14px;display:flex}.agent-tabs button{color:#80899a;background:0 0;border:0;border-radius:6px;padding:8px 11px;font:600 12px inherit}.agent-tabs .selected{color:#6252cc;background:#eeebff}.list-card{background:#fff;border:1px solid #e6e9ef;border-radius:10px}.callback-row,.history-row{border-top:1px solid #eef0f4;align-items:center;gap:11px;padding:14px 17px;display:flex}.callback-row:first-child,.history-row:first-child{border-top:0}.contact-circle{color:#6653d4;background:#eeeaff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.callback-row>div:nth-child(2),.history-row>div{flex:1}.callback-row b,.history-row b{color:#404a62;font-size:12px}.callback-row p,.history-row p{color:#929bab;margin:4px 0 0;font-size:10px}.callback-row>span{color:#667086;text-align:right;margin-right:10px;font-size:11px}.callback-row>span small{margin-top:3px;font-size:9px;display:block}.due-now{color:#cb615a!important}.upcoming{color:#967027!important}.compact{padding:8px 10px!important;font-size:10px!important}.completed{align-items:center;gap:4px;display:flex;color:#19835e!important;font-size:10px!important}.history-tools{gap:9px;margin-bottom:14px;display:flex}.history-tools>div{color:#8992a4;background:#fff;border:1px solid #e1e4ec;border-radius:7px;flex:1;align-items:center;gap:7px;height:36px;padding:0 10px;display:flex}.history-tools input{border:0;outline:0;width:100%;font:12px inherit}.history-row>span{color:#22a574;background:#e4f8ef;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.history-row>small{text-align:right;color:#7f889a;font-size:10px;line-height:1.6}.agent-empty{color:#929bab;flex-direction:column;align-items:center;gap:9px;padding:45px;font-size:12px;display:flex}.agent-empty svg{color:#6957d7}.personal-metrics{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:16px;display:grid}.personal-metrics article{background:#fff;border:1px solid #e7e9ef;border-radius:9px;padding:14px}.personal-metrics b{font:700 18px Manrope,sans-serif;display:block}.personal-metrics span{color:#929bab;margin-top:4px;font-size:10px;display:block}.modal-backdrop{z-index:10;background:#11182c77;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.agent-modal{background:#fff;border-radius:12px;width:min(430px,100%);padding:26px;position:relative;box-shadow:0 18px 50px #11182c4a}.agent-modal h3{margin:0 0 12px;font:700 18px Manrope,sans-serif}.modal-close{color:#697389;background:#f1f2f6;border:0;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;position:absolute;top:15px;right:16px}.modal-copy{color:#7f889a;margin:0 0 16px;font-size:12px;line-height:1.5}.segmented{background:#f3f3f8;border-radius:7px;padding:3px;display:flex}.segmented button{color:#7e8799;background:0 0;border:0;border-radius:5px;flex:1;padding:8px;font:600 11px inherit}.segmented .selected{color:#5e4dcc;background:#fff;box-shadow:0 1px 3px #11182c15}.modal-label{color:#59637a;margin-top:18px;font-size:11px;font-weight:700;display:block}.modal-label select{color:#455068;background:#fff;border:1px solid #e0e3eb;border-radius:7px;width:100%;margin-top:6px;padding:10px;font:12px inherit;display:block}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.dialed{text-align:center;color:#4e5870;border:1px solid #e5e7ee;border-radius:7px;padding:12px;font:600 16px Manrope,sans-serif}.keypad{grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;display:grid}.keypad button{color:#4c5670;background:#fff;border:1px solid #e2e5ed;border-radius:7px;height:40px;font:600 14px inherit}.full{justify-content:center;width:100%}.device-row{color:#6755d5;text-align:left;background:#fff;border:1px solid #e3e5ed;border-radius:8px;align-items:center;gap:9px;width:100%;margin-top:8px;padding:10px;display:flex}.device-row.selected{background:#f8f7ff;border-color:#bcb3f5}.device-row span{flex:1}.device-row b,.device-row small{display:block}.device-row b{color:#445067;font-size:11px}.device-row small{color:#959dae;margin-top:3px;font-size:9px}.device-row i{background:#28b585;border-radius:50%;width:8px;height:8px}.agent-toast{z-index:20;color:#fff;background:#293653;border:0;border-radius:8px;align-items:center;gap:14px;padding:11px 13px;font:600 11px inherit;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #10172d4d}.live-call-top button{align-items:center;gap:5px;display:flex;font-size:10px!important}.grid-icon{font-size:16px;line-height:1}.context-tabs{border-bottom:1px solid #edf0f4;gap:6px;margin-top:14px;display:flex}.context-tabs button{color:#8b94a6;background:0 0;border:0;padding:8px 7px;font:600 10px inherit}.context-tabs .selected{color:#6252ce;border-bottom:2px solid #6252ce}.script-panel{padding-top:14px}.script-panel h4{margin:0;font-size:11px}.script-panel>div>span{color:#939bac;font-size:9px}.script-step{text-align:left;color:#586278;background:0 0;border:0;border-top:1px solid #edf0f4;gap:8px;width:100%;margin-top:10px;padding:10px 0;font-size:10px;line-height:1.4;display:flex}.script-step i{color:#7b8495;border:1px solid #d8dce6;border-radius:50%;flex:0 0 19px;place-items:center;height:19px;font-size:9px;font-style:normal;display:grid}.script-step.done{color:#208360}.script-step.done i{color:#208360;background:#e3f7ed;border-color:#e3f7ed}:root{color:#25304a;background:#f6f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.agent-app{min-height:100vh;display:flex}.agent-sidebar{color:#b5c0d5;background:#101930;flex-direction:column;width:240px;padding:24px 14px 15px;display:flex}.agent-brand{color:#fff;align-items:center;gap:7px;padding:0 10px 38px;font:700 20px Manrope,sans-serif;display:flex}.agent-brand>span:first-child{background:#7564e6;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.agent-brand>span:last-child{color:#907fff}.agent-sidebar nav button,.side-bottom>button{color:#acb7ce;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;width:100%;height:43px;padding:0 10px;font:500 13px inherit;display:flex}.agent-sidebar nav button+button{margin-top:4px}.agent-sidebar .side-active{color:#fff;background:#29365c}.agent-sidebar nav i{color:#fff;background:#5141c3;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.side-bottom{margin-top:auto}.agent-profile{color:#fff;border-top:1px solid #27324d;align-items:center;gap:9px;margin-top:13px;padding:15px 9px 0;display:flex}.agent-profile>div,.profile-menu>div{color:#5948ce;background:#ded9ff;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.agent-profile span{font-size:11px}.agent-profile b,.agent-profile small{display:block}.agent-profile small{color:#8692a9;margin-top:3px}.agent-profile svg{color:#8792a9;margin-left:auto}main{flex:1;min-width:0}.agent-header{background:#fff;border-bottom:1px solid #e6e9f0;justify-content:space-between;align-items:center;height:91px;padding:0 40px;display:flex}.agent-header p,.small-label{color:#7770bc;letter-spacing:.1em;margin:0;font-size:10px;font-weight:700}.agent-header h1{letter-spacing:-.04em;margin:5px 0 0;font:700 23px Manrope,sans-serif}.header-right{align-items:center;gap:13px;display:flex}.header-right>button{color:#596479;background:0 0;border:0;position:relative}.header-right>span{border-left:1px solid #e4e6ec;height:27px}.alert-dot:after{content:"";background:#ef7169;border-radius:50%;width:6px;height:6px;position:absolute;top:0;right:0}.profile-menu{align-items:center;gap:8px;display:flex;color:#3f4a62!important;font:600 12px inherit!important}.agent-content{max-width:1420px;padding:27px 40px}.availability{color:#fff;background:#202b4a;border-radius:12px;justify-content:space-between;align-items:center;padding:25px 29px;display:flex}.availability .small-label{color:#aca4ed}.availability h2{letter-spacing:-.04em;margin:6px 0;font:700 24px Manrope,sans-serif}.availability p{color:#bec6d7;margin:0;font-size:13px}.availability>button{border:0;border-radius:8px;align-items:center;gap:8px;padding:11px 13px;font:600 12px inherit;display:flex}.ready-toggle{color:#137754;background:#e4f9ef}.break-toggle{color:#fff;background:#3a4867}.availability button i{background:#27b583;border-radius:50%;width:8px;height:8px}.break-toggle i{background:#efb146}.call-card{background:#fff;border:1px solid #e5e2fb;border-radius:12px;align-items:center;gap:16px;margin-top:16px;padding:23px 27px;display:flex;box-shadow:0 9px 28px #6756d912}.call-pulse{color:#6955dc;background:#efecff;border-radius:50%;place-items:center;width:50px;height:50px;animation:1.8s infinite pulse;display:grid}.call-person{flex:1}.call-person h2{margin:8px 0 4px;font:700 21px Manrope,sans-serif}.call-person p{color:#80899d;margin:0;font-size:13px}.call-person p i{background:#a7afbd;border-radius:50%;width:4px;height:4px;margin:0 7px 2px;display:inline-block}.call-actions{gap:9px;display:flex}.call-actions button,.complete-wrap{border:0;border-radius:7px;align-items:center;gap:7px;padding:10px 14px;font:600 12px inherit;display:flex}.decline{color:#d35e57;background:#fff0ee}.accept,.complete-wrap{color:#fff;background:#26b484}.active-layout{grid-template-columns:1fr 350px;gap:16px;margin-top:16px;display:grid}.call-panel,.customer-context,.wrapup,.idle-card,.campaign-card,.quick-card,.history-card{background:#fff;border:1px solid #e7e9ef;border-radius:11px}.call-panel{text-align:center;min-height:465px;padding:19px 26px}.live-call-top{color:#6c5bd6;letter-spacing:.08em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.live-call-top span i{background:#27b585;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.live-call-top button{color:#8791a3;background:0 0;border:0}.customer-avatar{color:#6554d1;background:#eeeaff;border-radius:50%;place-items:center;width:80px;height:80px;margin:55px auto 14px;font:700 20px Manrope,sans-serif;display:grid}.call-panel h2{margin:0;font:700 25px Manrope,sans-serif}.call-panel>p{color:#8a93a6;font-size:12px}.call-tags{justify-content:center;gap:7px;margin:19px;display:flex}.call-tags span{color:#6959d4;background:#f1efff;border-radius:5px;padding:5px 8px;font-size:10px}.call-controls{border-top:1px solid #edf0f4;justify-content:center;gap:13px;padding-top:26px;display:flex}.call-controls button{color:#5c667c;background:#fff;border:1px solid #e3e6ed;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:61px;height:61px;display:flex}.call-controls small{font-size:9px}.call-controls .control-on{color:#6554d1;background:#efecff;border-color:#dcd7fb}.call-controls .hangup{color:#d25852;background:#fff0ee;border:0}.hold-message{color:#a76a0d;background:#fff5df;border-radius:6px;gap:5px;margin-top:15px;padding:7px;font-size:10px;display:inline-flex}.customer-context{padding:20px}.context-title,.card-head{justify-content:space-between;align-items:center;display:flex}.context-title h3,.card-head h3{margin:0;font:700 14px Manrope,sans-serif}.context-title button,.card-head button{color:#6252cb;background:0 0;border:0;align-items:center;gap:4px;font:600 10px inherit;display:flex}.customer-line{border-bottom:1px solid #edf0f4;gap:10px;padding:18px 0;display:flex}.customer-line>div{color:#6654d4;background:#eeeaff;border-radius:50%;place-items:center;width:35px;height:35px;font-size:10px;font-weight:700;display:grid}.customer-line b,.customer-line small{font-size:12px;display:block}.customer-line small{color:#939bac;margin-top:3px;font-size:10px}.context-section{padding-top:16px}.context-section h4{letter-spacing:.08em;color:#959eae;margin:0 0 9px;font-size:10px}.context-section p{color:#8c94a5;justify-content:space-between;margin:8px 0;font-size:11px;display:flex}.context-section p b{color:#465069}.context-section article{background:#f7f7fb;border-radius:7px;padding:9px;font-size:10px}.context-section article b{color:#46506a}.context-section article p{margin:4px 0 0;font-size:10px;display:block}.context-section ul{color:#677187;margin:0;padding-left:16px;font-size:10px;line-height:1.7}.wrapup{grid-template-columns:1fr 280px;gap:30px;margin-top:16px;padding:29px;display:grid}.wrapup-left h2{margin:8px 0;font:700 24px Manrope,sans-serif}.wrapup-left>p{color:#818a9c;font-size:13px}.wrapup label{color:#4e5870;margin-top:19px;font-size:11px;font-weight:700;display:block}.wrapup select,.wrapup textarea{color:#4a5470;background:#fff;border:1px solid #e0e3eb;border-radius:7px;width:100%;margin-top:7px;padding:10px;font:12px inherit}.wrapup textarea{resize:vertical;height:100px}.complete-wrap{margin-top:17px}.wrapup-summary{border-left:1px solid #eef0f4;padding-left:28px}.wrapup-summary h3{margin:0 0 14px;font:700 14px Manrope,sans-serif}.wrapup-summary p{color:#939bac;justify-content:space-between;font-size:11px;display:flex}.wrapup-summary b{color:#434d65}.idle-card{text-align:center;margin-top:16px;padding:54px}.idle-card>div{color:#1ba274;background:#e6f9f0;border-radius:50%;place-items:center;width:50px;height:50px;margin:auto;display:grid}.idle-card h2{margin:15px 0 6px;font:700 21px Manrope,sans-serif}.idle-card p{color:#8a93a5;font-size:12px}.idle-card .accept{margin:18px auto 0}.below-grid{grid-template-columns:1.1fr 1fr 1fr;gap:16px;margin-top:16px;display:grid}.campaign-card,.quick-card,.history-card{padding:19px}.campaign-title{border-bottom:1px solid #eef0f4;align-items:center;gap:10px;padding:20px 0;display:flex}.campaign-title>span{color:#6655d5;background:#eeebff;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.campaign-title b{font:700 12px Manrope,sans-serif}.campaign-title p{color:#929aaa;margin:4px 0;font-size:10px}.progress-label{color:#8891a2;justify-content:space-between;margin:18px 0 7px;font-size:10px;display:flex}.progress-label b{color:#596278}.progress{background:#eeeff4;border-radius:6px;height:6px;overflow:hidden}.progress i{background:#6b59da;border-radius:6px;width:60%;height:100%;display:block}.agent-stats{grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.agent-stats div{border-left:1px solid #eceef3;padding-left:9px}.agent-stats div:first-child{border:0;padding-left:0}.agent-stats b,.agent-stats span{display:block}.agent-stats b{font:700 15px Manrope,sans-serif}.agent-stats span{color:#9199aa;margin-top:3px;font-size:9px}.quick-card>button{color:#6656d5;text-align:left;background:0 0;border:0;border-top:1px solid #eef0f4;align-items:center;gap:10px;width:100%;padding:13px 0;display:flex}.quick-card>button span{flex:1}.quick-card b,.quick-card small{display:block}.quick-card b{color:#465069;font-size:11px}.quick-card small{color:#929aab;margin-top:3px;font-size:9px}.quick-card i{color:#6654d3;background:#eeeaff;border-radius:10px;padding:2px 6px;font-size:9px;font-style:normal}.quick-card em{background:#25b484;border-radius:50%;width:7px;height:7px}.recent{border-top:1px solid #eef0f4;align-items:center;gap:10px;padding:12px 0;display:flex}.recent>span{color:#1eaa79;background:#e2f8ee;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.recent b{font-size:11px}.recent p{color:#939bac;margin:4px 0;font-size:9px}.recent small{color:#7c8598;margin-left:auto;font-size:10px}@keyframes pulse{0%,to{box-shadow:0 0 #6b59d933}50%{box-shadow:0 0 0 10px #6b59d900}}@media (width<=1050px){.agent-sidebar{width:64px;padding:20px 8px}.agent-brand{padding:0 8px 30px;font-size:0}.agent-brand span:last-child{display:none}.agent-sidebar button{justify-content:center;padding:0!important;font-size:0!important}.agent-profile span,.agent-profile svg{display:none}.agent-profile{padding:14px 8px}.active-layout,.below-grid{grid-template-columns:1fr 1fr}.customer-context{grid-column:span 2}}@media (width<=700px){.agent-header,.agent-content{padding-left:20px;padding-right:20px}.agent-header{height:auto;padding-top:18px;padding-bottom:18px}.header-right>span,.profile-menu{display:none!important}.availability{flex-direction:column;align-items:flex-start;gap:14px}.call-card{flex-wrap:wrap;align-items:flex-start}.call-actions{margin-left:66px}.active-layout,.below-grid,.wrapup{grid-template-columns:1fr}.customer-context{grid-column:auto}.wrapup-summary{border-top:1px solid #eef0f4;border-left:0;padding:20px 0 0}.call-controls{gap:7px}.call-controls button{width:56px;height:56px}}.prototype-notice{color:#705200;text-align:center;background:#fff0bd;padding:8px 20px;font:600 13px system-ui}.live-app{min-height:100vh}.live-app button:disabled,.live-login button:disabled{opacity:.48;cursor:not-allowed}.live-app button:focus-visible,.live-app input:focus-visible,.live-app select:focus-visible,.live-app textarea:focus-visible,.live-login :focus-visible{outline-offset:3px;outline:3px solid #a69bea}.live-app .agent-sidebar{flex-shrink:0;height:100vh;position:sticky;top:0}.live-app .agent-brand{white-space:nowrap}.live-app .agent-content{width:100%;max-width:1500px}.live-app .agent-header{gap:20px}.live-header-status{color:#737d91;align-items:center;gap:8px;font-size:11px;display:flex}.live-dot{background:#b79444;border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-dot.good{background:#18a775}.live-chip{color:#6858bf;white-space:nowrap;background:#f1effa;border:0;border-radius:6px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;font-weight:600;display:inline-flex}.live-chip.good{color:#17815e;background:#e7f7f0}.live-chip.warn{color:#926418;background:#fff3da}.live-header-status .live-chip{margin-left:12px}.live-banner{color:#564797;background:#f0edff;border:1px solid #e0dafc;border-radius:9px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;font-size:12px;line-height:1.5;display:flex}.live-banner>span{flex:1;min-width:0}.live-banner>button:not(.live-primary){color:inherit;background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:4px;display:flex}.live-banner.warn{color:#846521;background:#fffaec;border-color:#eddfb9}.live-banner.danger{color:#b74d48;background:#fff1ef;border-color:#f1cdca}.live-banner.success{color:#19784e;background:#edf9f2;border-color:#cae8d5}.phone-prompt b,.phone-prompt small{display:block}.phone-prompt b{margin-bottom:2px}.phone-prompt small{color:#b74d48;margin-top:5px}.live-primary,.live-secondary{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:11px 15px;font:600 12px inherit;display:inline-flex}.live-primary{color:#fff;background:#6956d7}.live-primary:hover{background:#5847c4}.live-secondary{color:#6553bd;background:#f5f3fc;border:1px solid #e5dff6}.live-secondary:hover{background:#ece7fb}.live-icon{color:#6654bf;background:#f5f3fc;border:1px solid #e5dff6;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.live-muted{color:#788399;font-size:12px;line-height:1.65}.live-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.live-id{overflow-wrap:anywhere;font-size:9px}.live-app .presence-label{color:#ccd1e0;font-size:10px}.presence-label select{color:#1c7055;background:#e5f8ef;border:0;border-radius:7px;min-width:150px;margin-top:6px;padding:10px 13px;font:600 12px inherit;display:block}.live-workspace-grid{grid-template-columns:1.15fr 1fr;gap:17px;margin-top:17px;display:grid}.live-card{background:#fff;border:1px solid #e5e8ef;border-radius:11px;padding:24px}.live-form label,.live-dialer label,.live-login label{color:#4b566f;margin:17px 0;font-size:12px;font-weight:600;display:block}.live-form input,.live-form select,.live-form textarea,.live-dialer input,.live-dialer select,.live-login input{color:#37415b;background:#fff;border:1px solid #dce1ec;border-radius:7px;width:100%;min-width:0;margin-top:7px;padding:11px 12px;font:13px inherit;display:block}.live-form textarea{resize:vertical}.live-dialer .live-primary{margin-top:5px}.live-dialer>.live-muted:last-child{margin-bottom:0;font-size:10px}.live-mini-row{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;padding:17px 0;display:flex}.live-mini-row>span{flex:1}.live-mini-row b{font-size:12px;display:block}.live-mini-row small{color:#8a93a5;margin-top:5px;font-size:10px;display:block}.live-mini-row+.live-secondary{margin-top:17px}.live-empty{text-align:center;color:#8b80c1;padding:34px 16px}.live-empty h3{color:#48526a;margin:12px 0 7px;font-size:14px}.live-empty p{color:#8790a2;max-width:340px;margin:0 auto;font-size:12px;line-height:1.65}.live-loading{color:#6a57d2;flex-direction:column;justify-content:center;align-items:center;height:100vh;font-size:14px;display:flex}.live-list-page{margin-top:0}.live-page-tools{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.live-search{color:#8790a4;border:1px solid #e1e5ed;border-radius:7px;flex:1;align-items:center;gap:8px;max-width:500px;padding:9px 12px;display:flex}.live-search input{color:#4e5870;background:0 0;border:0;outline:0;width:100%;min-width:0;font:12px inherit}.live-table-scroll{overflow-x:auto}.live-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.live-table th{color:#8992a4;letter-spacing:.05em;background:#f8f9fc;padding:14px 10px;font-size:10px}.live-table td{color:#5e687d;vertical-align:top;border-bottom:1px solid #edf0f5;padding:18px 10px}.live-table td:first-child{color:#3d4862;min-width:150px}.live-table td:last-child{width:95px}.live-note{white-space:pre-wrap;overflow-wrap:anywhere;color:#8790a4;max-width:340px;margin-top:5px;font-size:10px;line-height:1.6;display:block}.live-callback{border-top:1px solid #edf0f4;align-items:center;gap:13px;padding:19px 0;display:flex}.live-callback>div:first-of-type{flex:1;min-width:100px}.live-callback b{font-size:13px}.live-callback p{color:#8790a4;margin:5px 0 0;font-size:11px;line-height:1.6}.live-row-actions{gap:7px;display:flex}.live-history{border-top:1px solid #edf0f5;padding:20px 0}.live-history-title{flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.live-history-title time{color:#9098a7;margin-left:auto;font-size:11px}.live-history-meta{color:#8992a4;flex-wrap:wrap;gap:17px;margin-top:11px;font-size:11px;display:flex}.live-history>p{color:#5c6780;background:#f8f9fc;border-radius:6px;padding:12px 15px;font-size:12px;line-height:1.65}.live-form-error{color:#b94e4a;background:#fff0ef;border-radius:7px;padding:11px 13px;font-size:12px;line-height:1.6}.live-modal{width:min(480px,100%);max-height:90vh;overflow-y:auto}.live-modal-backdrop{z-index:50}.live-phone-settings dl{font-size:12px}.live-phone-settings dl>div{border-bottom:1px solid #eef0f5;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.live-phone-settings dt{color:#8490a3}.live-phone-settings dd{color:#4b5670;text-align:right;margin:0}.live-app .customer-context>.live-secondary{margin-top:22px}.live-app .wrapup{grid-template-columns:1fr 300px}.live-app .wrapup-summary p{gap:16px;line-height:1.6}.live-app .wrapup-summary p b{text-align:right}.live-app .wrapup-summary>.live-secondary{margin-top:20px}.live-app .live-call-top button:disabled{opacity:.5}.live-app .call-panel{min-height:430px}.live-login{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.live-login-story{color:#fff;background:#202b4a;flex-direction:column;justify-content:center;padding:54px 12%;display:flex;position:relative;overflow:hidden}.live-login-story:after{content:"";pointer-events:none;border:1px solid #55618a55;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-350px;left:-220px;box-shadow:0 0 0 80px #55618a18,0 0 0 160px #55618a12}.live-login-story .agent-brand{padding:0;font-size:27px;position:absolute;top:45px;left:12%}.live-login-story .agent-brand>span:first-child{width:36px;height:36px}.live-login-eyebrow{letter-spacing:.18em;color:#b5a6ff;margin-top:60px;font-size:10px;font-weight:700}.live-login-story h1{letter-spacing:-.05em;margin:25px 0;font:700 clamp(36px,4vw,58px)/1.12 Manrope,sans-serif}.live-login-story>p{color:#b9c1d3;max-width:340px;font-size:15px;line-height:1.9}.live-login-features{color:#d1d4e4;flex-direction:column;gap:18px;margin-top:35px;font-size:12px;display:flex}.live-login-features>span{align-items:center;gap:11px;display:flex}.live-login-features svg{color:#aa97ff}.live-login-panel{justify-content:center;align-items:center;padding:50px;display:flex}.live-login-panel form{width:100%;max-width:370px}.live-login-panel h2{letter-spacing:-.04em;margin:20px 0 8px;font:700 28px Manrope,sans-serif}.live-login-panel .live-muted{margin-bottom:28px}.live-login-panel .live-primary{margin-top:10px;padding:13px}.live-login-panel .live-primary+.live-muted{text-align:center;margin-top:23px;font-size:11px}.live-login-icon{color:#6b58d6;background:#eeeaff;border-radius:14px;place-items:center;width:55px;height:55px;display:grid}.live-login input{padding:13px 12px}.live-app .personal-metrics{margin-bottom:15px}@media (width<=1150px){.live-app .agent-header{padding-left:25px;padding-right:25px}.live-app .agent-content{padding:24px 25px}.live-header-status>span:not(.live-dot){display:none}.live-callback{flex-wrap:wrap}.live-app .active-layout{grid-template-columns:1fr}.live-app .customer-context{grid-column:auto}.live-app .agent-sidebar nav span,.live-app .side-bottom>button span{display:none}.live-app .agent-sidebar nav i{position:absolute;transform:translate(14px,-12px)}.live-app .agent-sidebar .agent-brand{font-size:0}.live-app .agent-sidebar .agent-brand>span:last-child{display:none}.live-app .agent-sidebar{width:64px;padding:20px 8px}.live-app .agent-sidebar .agent-brand{padding:0 7px 30px}.live-app .agent-sidebar button{justify-content:center;padding:0}.live-app .agent-profile span{display:none}.live-app .agent-profile{padding:14px 6px}.live-app .wrapup{grid-template-columns:1fr}.live-app .wrapup-summary{border-top:1px solid #edf0f5;border-left:0;padding:20px 0 0}}@media (width<=750px){.live-login{grid-template-columns:1fr}.live-login-story{min-height:230px;padding:35px 28px}.live-login-story .agent-brand{margin-bottom:25px;font-size:23px;position:static}.live-login-eyebrow{margin-top:0}.live-login-story h1{margin:15px 0 0;font-size:34px}.live-login-story>p,.live-login-features{display:none}.live-login-panel{padding:35px 28px 55px}.live-login-panel h2{font-size:25px}.live-app .agent-content{padding:18px 16px}.live-app .agent-header{align-items:flex-start;padding:18px 16px}.live-app .agent-header h1{font-size:20px}.live-app .live-header-status{gap:0}.live-header-status .live-chip{width:31px;height:31px;margin-left:6px;padding:8px;font-size:0}.live-header-status .live-dot{display:none}.live-workspace-grid{grid-template-columns:1fr}.live-banner{flex-wrap:wrap;padding:12px}.live-banner>b{width:100%}.phone-prompt>.live-primary{margin-left:32px}.live-app .availability{padding:22px}.live-app .availability h2{font-size:23px}.live-app .presence-label,.presence-label select{width:100%}.live-card{padding:18px}.live-app .personal-metrics{grid-template-columns:repeat(2,1fr)}.live-page-tools{flex-wrap:wrap}.live-search{flex-basis:100%;max-width:none}.live-page-tools .live-primary{margin-left:auto}.live-callback .live-row-actions{width:100%;padding-left:47px}.live-app .call-card{gap:11px;padding:20px}.live-app .call-person{min-width:120px}.live-app .call-person h2{overflow-wrap:anywhere;font-size:18px}.live-app .call-actions{margin-left:0}.live-app .call-actions button{padding:10px 12px}.live-app .call-panel{min-height:400px;padding:19px 14px}.live-app .customer-avatar{margin-top:35px}.live-app .call-panel h2{overflow-wrap:anywhere;font-size:22px}.live-app .call-controls{gap:6px}.live-app .call-controls button{width:51px;height:57px}.live-app .wrapup{padding:22px}.live-history-title time{width:100%;margin-left:0}.live-modal{padding:23px}.live-app .agent-sidebar{width:54px;padding-left:4px;padding-right:4px}.live-app .agent-sidebar .agent-brand{padding-left:7px;padding-right:7px}.live-app .agent-profile{padding-left:8px;padding-right:8px}.live-app .agent-profile>div{width:25px;height:25px}}