@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f5f0;--paper:#fffefa;--forest:#263f34;--green:#4f6d56;--lime:#d4e5a9;--ink:#283c32;--muted:#81867d;--line:#e9e9e1;--terra:#ba7054;--sage:#edf1e7;--shadow:0 12px 40px #233d3410}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button,a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}button{border:0}button:hover{filter:brightness(.97)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a6bf77;outline-offset:3px}input:focus{outline:none}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}button [data-icon]{pointer-events:none}.sidebar{width:232px;background:#263e33;color:#f4f5ed;position:fixed;inset:0 auto 0 0;z-index:20;padding:34px 18px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 17px;font-size:35px;font-weight:750;letter-spacing:-1.9px;font-family:Manrope,sans-serif}.brand-icon{color:#d7e9ad}.brand-icon svg{width:29px;height:36px;stroke-width:2.4}.brand-tel{font-weight:500}.brand i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d8e7b5;margin-left:3px}.workspace{display:flex;align-items:center;gap:10px;margin:34px 5px 29px;border:1px solid #ffffff19;border-radius:10px;padding:11px 9px;font-size:12px}.workspace-logo{display:flex;justify-content:center;align-items:center;font-size:18px;background:#f2eedb;color:#425344;border-radius:7px;width:31px;height:31px;font-family:Manrope}.workspace div{font-weight:600}.workspace div span{font-weight:400;font-size:9px;color:#acb9af;display:block;margin-top:3px}.workspace>span:last-child{margin-left:auto;color:#a5b5a9}.workspace svg{width:14px}.nav-label{font-size:9px;letter-spacing:1.8px;color:#91a497;margin:0 18px 14px;font-weight:600}.nav-item{display:flex;gap:13px;align-items:center;width:100%;text-align:left;background:transparent;color:#bdc9be;padding:13px 17px;border-radius:8px;margin-bottom:6px;font-size:13px;font-weight:500}.nav-item svg{width:18px;height:18px}.nav-item.active{background:#dbe7bd;color:#2c4434}.nav-item:hover{background:#ffffff12}.nav-item.active:hover{background:#dbe7bd}.nav-count{font-size:10px;margin-left:auto;background:#ffffff12;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:36px}.quiet-card{padding:21px 18px 0;margin:0 6px 28px;background:#ffffff06;border:1px solid #ffffff09;border-radius:10px;overflow:hidden;height:173px}.quiet-card>span{color:#ccdcac;margin-bottom:12px}.quiet-card strong{display:block;font-size:12px;font-weight:500}.quiet-card p{font-size:11px;line-height:1.7;color:#9eafa1;margin-top:7px}.quiet-lines{display:flex;height:42px;gap:7px;align-items:center;justify-content:flex-end;transform:rotate(-15deg);opacity:.25;margin-top:-2px}.quiet-lines i{width:3px;height:20px;border-radius:5px;background:#d4e5a9}.quiet-lines i:nth-child(3n){height:50px}.quiet-lines i:nth-child(3n + 1){height:35px}.admin-link{display:flex;align-items:center;gap:10px;padding:13px 13px 21px;font-size:11px;color:#afc0b2}.admin-link svg{width:16px}.profile{border-top:1px solid #ffffff15;display:flex;width:100%;background:none;align-items:center;gap:10px;padding:19px 9px 5px;text-align:left;color:#f6f7ee}.profile>div{font-size:11px;font-weight:600}.profile>div span{display:block;font-weight:400;font-size:9px;color:#a4b7a9;margin-top:4px}.profile>span:last-child{margin-left:auto}.profile svg{width:14px}.avatar{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:600;flex-shrink:0;background:#ececde;color:#546443}.user-avatar{background:#dfdfcb;color:#4c5e43;border:2px solid #ffffff30}.avatar.small{height:33px;width:33px;font-size:10px}.peach{background:#f3e5d8;color:#8d674e}.sage{background:#e5ebdc;color:#5b7452}.lavender{background:#ebe7f0;color:#7c6b8b}.blue{background:#e3ebec;color:#5e7b82}.rose{background:#f0e0dd;color:#a3746a}.app-shell{margin-left:232px}.topbar{height:80px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfaf6}.breadcrumb{font-size:11px;color:#92958c;display:flex;align-items:center;gap:14px}.breadcrumb strong{font-weight:500;color:#455247}.breadcrumb>span{color:#c1c4b9}.top-actions{display:flex;align-items:center;gap:20px}.demo-label{font-size:8px;letter-spacing:1px;color:#9a8b6c;font-weight:600;border:1px solid #e9e2d3;border-radius:4px;padding:4px 6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border-radius:6px;color:#899084}.icon-button svg{width:18px;height:18px}.icon-button:hover{background:#edf0e5}.top-divider{height:22px;width:1px;background:var(--line)}.status-button{display:flex;align-items:center;gap:8px;background:none;font-size:11px;padding:6px 0}.status-button svg{width:12px}.status-dot{width:6px;height:6px;border-radius:50%;background:#7eaa60;display:inline-block;box-shadow:0 0 0 3px #83ac6610;flex-shrink:0}main{padding:34px 42px 0;max-width:1710px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{letter-spacing:1.6px;font-size:8px;font-weight:600;color:#939786;margin-bottom:10px}h1{font-size:29px;letter-spacing:-1px;font-weight:650;line-height:1.35}h1>span{color:#9aaa72}.page-heading p{font-size:12px;color:#8a8f82;margin-top:8px}.primary{border-radius:7px;background:var(--forest);color:#fffdf4;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:500;box-shadow:0 3px 5px #263f3410}.primary svg{width:16px;height:16px}.primary:hover{background:#3a5943}.shortcut{display:inline-flex;width:19px;height:19px;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ffffff27;color:#c7d2c3;font-size:9px;margin-left:13px}.hero{position:relative;background:#eeeee2;border:1px solid #e7e7d8;border-radius:12px;min-height:252px;overflow:hidden;display:flex;align-items:center}.hero-content{padding:31px 35px;z-index:2}.hero-kicker{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.2px;font-weight:600;color:#6c7b59;margin-bottom:15px}.hero h2{font-size:30px;letter-spacing:-1px;line-height:1.35;font-weight:600}.hero p{font-size:11px;color:#8a8e7c;margin-top:11px}.hero-button{display:flex;align-items:center;gap:20px;border:1px solid #c7cbb6;color:#4b5e42;background:#ffffff35;padding:10px 14px;border-radius:6px;margin-top:22px;font-size:10px;font-weight:600}.hero-button svg{height:14px;width:14px}.hero-art{position:absolute;right:45px;top:50%;width:370px;height:290px;transform:translateY(-50%)}.orbit{position:absolute;top:50%;left:50%;border:1px solid #8fa17026;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:178px;height:178px}.orbit-two{width:256px;height:256px}.orbit-three{width:334px;height:334px}.art-center{position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%) rotate(-10deg);background:linear-gradient(140deg,#fcfbf1,#d4d9bb);border-radius:30px;border:1px solid #fff8;box-shadow:13px 20px 30px #707d3823,-6px -6px 15px #fffff780;color:#526646}.art-center svg{height:51px;width:51px;stroke-width:1.2}.art-chip{display:flex;align-items:center;gap:10px;background:#fdfcf4ed;border:1px solid #fff;border-radius:8px;box-shadow:0 8px 22px #7d875e15;position:absolute;padding:10px 12px;font-size:9px;color:#6f785f}.chip-one{top:54px;left:0;transform:rotate(-5deg)}.mini-avatar{border-radius:50%;background:#e5d5c5;font-size:8px;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.chip-one .status-dot{width:5px;height:5px;margin-left:8px}.chip-two{bottom:52px;right:2px;transform:rotate(5deg)}.chip-two svg{height:19px;color:#839160}.orbit-point{position:absolute;right:75px;top:24px;width:9px;height:9px;background:#c5cea6;border:3px solid #e7ebd9;border-radius:50%}.hero-watermark{position:absolute;bottom:-24px;right:6px;font-family:Manrope;font-weight:800;font-size:113px;letter-spacing:-8px;color:#7c8c4e07}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.stats article{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:17px 20px;position:relative;overflow:hidden;min-height:135px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7a8174}.stat-top svg{height:16px;width:16px;color:#929c83}.stat-value{font-family:Manrope;font-size:30px;font-weight:650;letter-spacing:-1px;margin:7px 0}.stat-trend{color:#75935b;background:#f0f4e8;border-radius:4px;padding:3px 5px;font-size:8px;vertical-align:middle;letter-spacing:0;margin-left:6px}.stat-foot{color:#95998c;font-size:9px}.stat-foot strong{font-weight:500;color:#5e6b54}.stat-pill{font-family:'DM Sans';font-size:8px;letter-spacing:0;background:#f6e9e2;color:#b57f62;vertical-align:middle;padding:4px 7px;border-radius:4px;margin-left:5px}.stat-neutral{font-family:'DM Sans';font-size:10px;font-weight:400;letter-spacing:0;color:#a1a595;margin-left:4px}.sparkline{position:absolute;right:20px;bottom:33px;width:57px;height:27px;display:flex;align-items:flex-end;gap:3px}.sparkline i{background:#d7e0be;width:4px;border-radius:2px}.terra{color:var(--terra)}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;padding:0;color:#748260;font-size:10px;font-weight:500}.text-button svg{width:13px;height:13px}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar{width:21px;height:21px;font-size:6px;border:2px solid var(--paper);margin-left:-5px}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack .stat-foot{font-size:8px;margin-left:7px}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;gap:10px}.section-heading h2{font-size:13px;font-weight:700;letter-spacing:-.25px}.section-heading p{font-size:10px;color:#9a9d91;margin-top:5px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:8px;font-weight:500;letter-spacing:.8px;color:#9a9e90;padding:8px 22px;background:#f8f8f1;border-top:1px solid #eeeee5;border-bottom:1px solid #eeeee5}td{padding:13px 22px;border-bottom:1px solid #f0f0e8;font-size:10px;color:#969b8d}tr:last-child td{border-bottom:0}.contact-cell{display:flex;align-items:center;gap:11px}.contact-cell .avatar{width:32px;height:32px;font-size:9px}.contact-cell strong{display:block;color:#4c5847;font-size:10px;font-weight:500}.contact-cell small{display:block;font-size:9px;color:#a0a496;margin-top:4px}.call-type{display:flex;align-items:center;gap:6px;font-size:9px}.call-type svg{width:13px;height:13px}.incoming{color:#7e9270}.outgoing{color:#849387}.missed{color:#bb8c73}.round-call{width:27px;height:27px;border:1px solid #e7eadc;background:#f5f7ee;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#8b9c75}.round-call svg{width:12px;height:12px}.round-call:hover{background:#dae8c1;color:#3f5f34}.soft-icon{width:31px;height:31px;border-radius:8px;background:#f1f3e9;color:#99a684}.soft-icon svg{width:16px;height:16px}.queue-summary-item{margin:0 22px;padding:13px 0;border-top:1px solid #efeee6;display:flex;align-items:center;gap:10px}.queue-summary-item .queue-icon{background:#f0f1e5;width:35px;height:35px;border-radius:9px;color:#879976;display:flex;align-items:center;justify-content:center}.queue-icon svg{width:15px;height:15px}.queue-summary-item:nth-child(2) .queue-icon{background:#f6ebdf;color:#bb9875}.queue-summary-item strong{font-size:11px;font-weight:500;display:block}.queue-summary-item small{font-size:9px;color:#999f8b;display:block;margin-top:5px}.queue-summary-item small b{font-weight:500;color:#7e8c67}.queue-right{margin-left:auto;display:flex;align-items:center;gap:9px}.queue-wait{font-size:9px;color:#999f8d}.toggle{width:30px;height:17px;border-radius:15px;background:#daddd2;position:relative;padding:0;flex-shrink:0}.toggle:after{content:'';height:11px;width:11px;position:absolute;left:3px;top:3px;background:white;border-radius:50%;transition:transform .2s}.toggle.on{background:#819565}.toggle.on:after{transform:translateX(13px)}.queue-footer{width:100%;border-top:1px solid var(--line);padding:15px 22px;justify-content:space-between;margin-top:12px}.favorites-section{margin-top:27px}.favorites-section>.section-heading{padding:0 0 17px}.inline-heading{display:flex;align-items:center;gap:15px}.inline-heading>span{font-size:10px;color:#9b9f92}.favorite-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.person-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:17px;position:relative}.person-top{display:flex;gap:10px;align-items:center}.person-top .avatar{width:35px;height:35px;font-size:9px;position:relative}.avatar .presence{position:absolute;right:-1px;bottom:1px;border:2px solid var(--paper);width:9px;height:9px}.person-card strong{font-weight:500;font-size:10px}.person-card .role{font-size:9px;color:#9b9e93;margin-top:4px}.person-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;border-top:1px solid #f0f0e8;padding-top:11px}.person-bottom .availability{font-size:8px;color:#8a9777}.person-bottom .availability.busy-text{color:#b58e6c}.person-actions{display:flex;gap:8px;align-items:center}.star-button{background:none;padding:3px;color:#bdc6a4}.star-button svg{width:13px;height:13px}.star-button.is-favorite svg{fill:#c6cfa6;stroke:#b6c292}.presence{width:6px;height:6px;display:inline-block;border-radius:50%;background:#8da373;flex-shrink:0}.presence.busy{background:#c18b76}.presence.away{background:#d3b271}footer{display:flex;align-items:center;justify-content:space-between;color:#b0b3a6;font-size:8px;padding:29px 0 24px;gap:15px}footer>span:first-child{color:#7b8770;font-weight:500;display:flex;align-items:center;gap:5px}.footer-dot{width:4px;height:4px;background:#a2ad8b;border-radius:50%;margin-right:3px}.muted{color:#aaafa0;font-size:8px;font-weight:400}.footer-demo{font-size:8px}.floating-operator{position:fixed;bottom:27px;right:26px;background:var(--forest);color:#e9eddd;width:56px;height:56px;border-radius:50%;box-shadow:0 5px 20px #263f3438;display:flex;align-items:center;justify-content:center;z-index:25;border:3px solid #f6f5f0}.floating-operator svg{width:23px;height:23px}.floating-dot{position:absolute;right:0;top:1px;width:10px;height:10px;background:#b9ce8e;border:2px solid var(--bg);border-radius:50%}.floating-label{display:none;font-size:10px;margin-left:10px}.floating-operator:hover{width:137px;border-radius:30px}.floating-operator:hover .floating-label{display:block}.hidden{display:none!important}.view{display:none}.view.active{display:block}.list-toolbar{padding:21px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);align-items:center}.tabs{display:flex;gap:7px}.tabs button{background:none;padding:9px 13px;border-radius:6px;font-size:11px;color:#8c947f}.tabs button.selected{background:#eaf0de;color:#526d3e}.tabs span{margin-left:3px;font-size:9px}.search{border:1px solid #e6e8dd;border-radius:7px;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fffefa;min-width:0}.search:focus-within{border-color:#9dac85;box-shadow:0 0 0 2px #a9b98618}.search svg{height:16px;width:16px;color:#9ba48e}.search input{border:0;background:none;min-width:0;width:100%;font-size:11px;color:var(--ink)}.search input::placeholder{color:#a0a695}.grow{flex:1;max-width:520px}select{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-size:11px;color:#7e8a71}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-card .people-grid{padding:23px}.people-grid .person-card{padding:22px}.people-grid .person-card strong{font-size:13px}.people-grid .person-top .avatar{height:44px;width:44px;font-size:12px}.people-grid .role{font-size:11px}.people-grid .availability{font-size:10px}.queue-page{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.large-queue{padding:25px}.large-queue h2{font-size:18px;margin:17px 0 7px}.large-queue p{font-size:12px;color:#8a927e;line-height:1.6}.queue-numbers{display:flex;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:24px 0}.queue-numbers strong{display:block;font-size:24px}.queue-numbers span{font-size:10px;color:#8d9780}.queue-join{display:flex;align-items:center;justify-content:space-between;font-size:11px}.empty-state{text-align:center;color:#949d87;padding:50px 20px;grid-column:1/-1}.popover{position:fixed;top:68px;right:67px;z-index:50;width:260px;border-radius:11px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);padding:10px}.popover-title{font-size:11px;font-weight:600;padding:10px 10px 14px}.popover button{display:flex;align-items:center;text-align:left;gap:8px;width:100%;background:none;padding:12px 10px;border-radius:6px;font-size:12px}.popover button:hover{background:var(--sage)}.popover button span{margin-left:auto;font-size:9px;color:#929b84}.popover p{font-size:9px;color:#a0a790;border-top:1px solid var(--line);padding:12px 10px 4px;line-height:1.5}.drawer-backdrop{position:fixed;inset:0;z-index:60;background:#182d2745;backdrop-filter:blur(3px)}.operator{position:fixed;z-index:70;right:15px;bottom:15px;top:15px;background:var(--bg);border-radius:15px;box-shadow:0 10px 70px #18342640;display:flex;flex-direction:column;transition:width .25s;max-width:calc(100vw - 30px)}.operator.wide{width:1000px}.operator.compact{width:420px}.operator.full{width:calc(100vw - 30px)}.operator-header{display:flex;justify-content:space-between;padding:20px 23px;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);border-radius:15px 15px 0 0}.operator-title{display:flex;gap:12px;align-items:center}.operator-title strong{font-size:14px}.operator-title div>span{display:block;font-size:10px;color:#8d997f;margin-top:4px}.operator-title div>span .presence{margin-right:5px}.drawer-actions{display:flex;gap:15px;align-items:center}.size-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:6px}.size-switch button{background:none;padding:5px;border-radius:4px;color:#909c80}.size-switch button.selected{background:#e9eedf;color:#4f693c}.size-switch svg{height:15px;width:15px}.operator-context{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 22px;gap:15px}.operator-context>div{border:1px solid #e8e9df;border-radius:6px;padding:8px 11px;font-size:8px;letter-spacing:.5px;color:#9ba18f}.operator-context strong{display:block;font-size:11px;letter-spacing:0;color:#61714f;margin-top:4px;font-weight:500}.operator-body{display:grid;grid-template-columns:1fr 1fr;gap:17px;overflow:auto;padding:0 22px 22px;min-height:0}.operator-column{display:flex;flex-direction:column;gap:16px;min-width:0}.third-column{display:none}.operator.full .operator-body{grid-template-columns:1fr 1.05fr .8fr}.operator.full .third-column{display:flex}.operator.compact .operator-body{grid-template-columns:1fr}.operator.compact .operator-header{padding:16px}.operator.compact .operator-context{padding:12px;font-size:8px;gap:6px}.operator.compact .operator-body{padding:0 12px 12px}.operator.compact .operator-title>.soft-icon{display:none}.operator.compact .drawer-actions{gap:6px}.dialer-card{text-align:center;padding:23px}.call-empty-icon{background:#edf1e2;width:55px;height:55px;border-radius:50%;color:#8b9d73;margin:0 auto 17px}.call-empty-icon svg{height:25px;width:25px}.dialer-card h2{font-size:16px;letter-spacing:-.4px}.dialer-card>p{font-size:10px;line-height:1.6;color:#929c83;margin:9px 0 21px}.dial-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:5px 10px;gap:8px}.dial-input>span{color:#9ca88d}.dial-input svg{height:15px;width:15px}.dial-input input{width:100%;min-width:0;background:none;border:0;font-size:12px;color:#4d6340}.dial-input input::placeholder{font-size:11px;color:#a0a792}.call-submit{width:100%;margin-top:12px}.demo-note{display:flex;justify-content:center;align-items:center;gap:5px;color:#a4a996;font-size:8px;margin-top:18px;line-height:1.5}.demo-note svg{width:12px;height:12px}.compact-heading{padding:17px}.compact-heading h2{font-size:12px}.compact-heading>span{color:#99a78b}.compact-heading h2 svg{height:14px;width:14px;margin-right:4px}.waiting-person{display:flex;align-items:center;gap:10px;padding:12px 17px;border-top:1px solid #efefe6}.waiting-person .avatar{width:32px;height:32px;font-size:9px}.waiting-person strong{font-size:10px;font-weight:500}.waiting-person div>span{display:block;font-size:9px;color:#9ea68e;margin-top:4px}.waiting-person button:last-child{margin-left:auto}.count-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e9efdc;font-size:10px;margin-left:5px;color:#7e9166}.transfer-card>p{font-size:10px;line-height:1.7;color:#929e81;padding:0 17px 17px}.transfer-card>.primary{margin:0 17px 17px}.operator-directory>.search{margin:0 17px 12px}.operator-person{display:flex;align-items:center;padding:11px 17px;border-top:1px solid #f0f0e6;gap:9px}.operator-person .avatar{width:31px;height:31px;font-size:9px}.operator-person strong{font-size:10px;font-weight:500}.operator-person small{display:block;font-size:9px;color:#a0a78f;margin-top:4px}.operator-person button{margin-left:auto;background:#f2f4eb;color:#889a70;padding:6px 9px;border-radius:5px;font-size:9px}.operator-tip{padding:32px 17px;color:#9aa985}.operator-tip h3{font-size:16px;color:#728561;margin:17px 0 12px}.operator-tip p{font-size:11px;line-height:1.8}.operator-tip>span:last-child{display:block;font-size:9px;margin-top:28px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.keypad button{background:#f4f5ee;border-radius:6px;font-size:20px;padding:10px}.keypad button small{display:block;font-size:8px;color:#96a183;height:10px;letter-spacing:2px}.call-control-row{display:flex;justify-content:center;gap:20px;margin:15px 0 22px}.control-button{background:none;font-size:9px;color:#85966f}.control-button>[data-icon]{display:flex;background:#eef2e4;width:39px;height:39px;border-radius:50%;margin:auto auto 7px}.control-button.selected>[data-icon]{background:#d9e4be;color:#53673b}.call-timer{font-family:Manrope;font-size:28px;color:#7d9460}.danger{background:#b97763;color:white;border-radius:7px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;width:100%}.danger svg{height:16px;width:16px;transform:rotate(135deg)}dialog{border:1px solid var(--line);border-radius:18px;background:var(--paper);padding:42px;width:440px;max-width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 100px #1d3b3425}dialog::backdrop{background:#213b3155;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:12px;top:12px}.login-logo{display:block;font-family:Manrope;font-weight:750;font-size:38px;letter-spacing:-2px;margin-bottom:27px}.login-logo>span{color:#b3c78c}dialog h2{font-size:23px;letter-spacing:-.7px;margin-bottom:10px}dialog p{font-size:12px;color:#919b83;line-height:1.8;margin-bottom:25px}.identity-button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);border-radius:8px;background:white;padding:13px;font-size:12px;margin-top:11px}.identity-button>span:last-child{margin-left:auto}.provider-symbol{width:30px;height:30px;background:#405e48;color:#f0f2df;display:flex;align-items:center;justify-content:center;border-radius:7px;font-family:Manrope;font-weight:600}.provider-symbol.qlave{background:#ebe6d4;color:#65724e}.auth-info{background:#f2f2e9;border:1px solid #e9eadc;border-radius:7px;padding:13px;margin-top:23px;font-size:10px;color:#8a937b;line-height:1.7}.login-back{margin:22px auto 0;display:flex;justify-content:center;width:100%}.help-row{display:flex;align-items:center;gap:13px;font-size:11px;color:#7c8b6e;margin-bottom:15px}.help-row+ p{margin-top:25px}kbd{background:#f1f3e9;border:1px solid var(--line);border-radius:5px;padding:6px;font-size:11px;min-width:34px;text-align:center}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#294233;color:#f2f5e9;box-shadow:0 5px 20px #1a322126;border:1px solid #ffffff20;border-radius:8px;padding:14px 22px;z-index:100;font-size:12px;max-width:calc(100vw - 35px);text-align:center}
@media(min-width:1550px){main{padding-top:42px}.hero{min-height:290px}.hero h2{font-size:35px}.hero-art{right:100px}.stats article{padding:22px;min-height:151px}.content-grid{grid-template-columns:1.8fr 1fr}td{padding-top:17px;padding-bottom:17px}.person-card{padding:21px}.section-heading{padding:25px}}
@media(max-width:1200px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.app-shell{margin-left:205px}main{padding:28px 27px 0}.topbar{padding:0 27px}.hero-art{right:0;transform:translateY(-50%) scale(.85);transform-origin:right center}.hero h2{font-size:27px}.hero-content{padding-left:28px}.stats{gap:11px}.stats article{padding:15px}.stat-foot{font-size:8px}.stat-pill{font-size:7px}.stat-value{font-size:26px}.sparkline{width:38px;right:14px}.avatar-stack .stat-foot{display:none}td,th{padding-left:15px;padding-right:15px}.favorite-grid{gap:11px}.person-card{padding:12px}.person-top{gap:7px}.person-card strong{font-size:9px}.person-card .role{font-size:8px}.content-grid{gap:17px}.section-heading{padding:18px}.hero-art .chip-one{left:25px}.hero-art .chip-two{right:20px}.list-toolbar{flex-wrap:wrap}.queue-page{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.sidebar{width:78px;padding:25px 11px}.brand{padding:0;justify-content:center}.brand>span:last-child,.workspace,.nav-label,.nav-item>span.nav-count,.sidebar-bottom .quiet-card,.admin-link,.profile>div,.profile>span:last-child{display:none}.brand-icon svg{width:28px}.sidebar nav{margin-top:45px}.nav-item{font-size:0;gap:0;justify-content:center;padding:14px}.nav-item svg{width:21px;height:21px}.profile{padding:15px 4px;justify-content:center}.app-shell{margin-left:78px}.hero-art{transform:translateY(-50%) scale(.7);right:-5px}.hero h2{font-size:25px}.hero p{max-width:230px;line-height:1.6}.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.favorite-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}.quiet-card{display:none}.people-grid{grid-template-columns:repeat(2,1fr)}.operator.full .operator-body{grid-template-columns:1fr 1fr}.operator.full .third-column{display:none}.footer-demo{display:none}}
@media(max-width:600px){.sidebar{width:60px;padding:25px 7px}.app-shell{margin-left:60px}.nav-item{padding:13px 5px}.sidebar .profile{padding-left:0;padding-right:0}.sidebar .avatar{width:31px;height:31px;font-size:9px}.topbar{height:64px;padding:0 17px}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:10px}.top-actions>.demo-label,.top-divider,.top-actions>#helpButton,.top-actions>.avatar{display:none}.status-button{font-size:9px;gap:5px}.status-dot{width:5px;height:5px}main{padding:24px 16px 0}.page-heading{align-items:flex-start;gap:15px;flex-direction:column;margin-bottom:23px}.eyebrow{font-size:7px}h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.6}.page-heading>.primary{padding:10px 13px}.hero{min-height:258px}.hero-content{padding:25px 21px}.hero h2{font-size:25px}.hero p{max-width:200px}.hero-art{display:none}.hero-watermark{font-size:100px;color:#7c8c4e09}.stats{gap:9px;margin:15px 0}.stats article{padding:13px 11px;min-height:120px}.stat-top{font-size:8px;gap:5px}.stat-value{font-size:25px}.stat-pill{font-size:6px;margin-left:1px;padding:3px}.stat-trend{font-size:7px;margin-left:2px}.stat-neutral{font-size:8px}.stat-foot{font-size:7px}.sparkline{display:none}.section-heading{padding:17px 13px}.section-heading h2{font-size:12px}.section-heading p{font-size:9px}.section-heading>.text-button{font-size:8px}.table-wrap th,.table-wrap td{padding-left:12px;padding-right:12px}.recent-card th:nth-child(2),.recent-card td:nth-child(2){display:none}.contact-cell{gap:8px}.contact-cell strong{font-size:9px}.contact-cell small{font-size:8px}.contact-cell .avatar{width:28px;height:28px;font-size:8px}.queue-summary-item{margin:0 14px}.favorite-grid,.people-grid{grid-template-columns:1fr}.person-card{padding:17px}.person-card strong{font-size:12px}.person-card .role{font-size:10px}.person-bottom .availability{font-size:10px}.inline-heading{display:block}.inline-heading>span{display:block;margin-top:5px;font-size:9px}footer{font-size:7px;flex-wrap:wrap;line-height:1.5;padding-bottom:95px}.floating-operator{width:49px;height:49px;bottom:20px;right:18px}.queue-page{grid-template-columns:1fr}.tabs{flex-wrap:wrap;gap:3px}.tabs button{font-size:10px;padding:8px}.list-toolbar{padding:13px;gap:12px}.list-toolbar .search{width:100%}.directory-card .people-grid{padding:13px;gap:12px}.popover{right:16px;top:56px}.operator{top:7px;bottom:7px;right:7px;max-width:calc(100vw - 14px)}.operator.full{width:calc(100vw - 14px)}.operator.full .operator-body,.operator.wide .operator-body{grid-template-columns:1fr}.operator-header{padding:15px 12px}.operator-title>.soft-icon{display:none}.drawer-actions{gap:5px}.operator-context{padding:12px;gap:6px}.operator-context>div{padding:7px;font-size:7px}.operator-context strong{font-size:9px}.operator-body{padding:0 12px 12px;gap:13px}.operator-title strong{font-size:13px}.operator-title div>span{font-size:9px}.size-switch button{padding:5px}.operator.wide .third-column{display:none}dialog{padding:30px 24px}dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

.top-telephony{display:flex;gap:4px;align-items:center}.operator-column>.card{flex-shrink:0}@media(max-width:750px){.top-telephony{display:none}}

.person-card .availability{color:#8b9482}.identity-button[aria-disabled="true"]{opacity:.6;cursor:not-allowed}