@font-face{font-family:Inter;src:url(inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--navy:#084965;--deep:#103f52;--ink:#132c38;--muted:#526773;--border:#d5dfe1;--bg:#f4f7f7;--white:#fff;--teal:#007c72;--green:#197951;--orange:#a3560e;--red:#aa3448}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button,select,input,textarea{border:1px solid var(--border);border-radius:8px;color:inherit;background:white}button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:9px 13px;font-weight:590;cursor:pointer}button:hover{background:#eef4f4}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #04978c;outline-offset:2px}a{color:var(--navy)}input,select,textarea{padding:10px 12px;max-width:100%;min-width:0}textarea{resize:vertical;width:100%;min-height:74px}svg{flex-shrink:0;vertical-align:middle}i[data-icon]{display:inline-flex}
.frame{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100dvh}.rail{background:#fff;border-right:1px solid var(--border);padding:25px 15px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh}.logo{width:128px;height:64px;object-fit:contain;align-self:flex-start;margin:0 0 35px 12px}.navgroup{margin:0 0 27px}.overline,.navgroup h2,.kicker{font-size:11px;line-height:1.4;letter-spacing:.105em;text-transform:uppercase;font-weight:730;color:var(--muted)}.navgroup h2{margin:0 12px 10px}.navlink{display:flex;gap:12px;align-items:center;margin:3px 0;padding:10px 12px;text-decoration:none;color:#435762;border-radius:8px;font-size:14px;font-weight:540}.navlink:hover{background:#f2f6f6}.navlink.active{color:var(--navy);background:#e7f1f3;font-weight:690}.rail-foot{margin-top:auto;display:flex;gap:10px;align-items:center;padding:14px 7px 0;border-top:1px solid var(--border)}.rail-foot small,.sub,small{display:block;color:var(--muted);font-size:12px}.avatar{display:inline-grid;place-items:center;background:#e4edf1;color:#25526b;border-radius:50%;width:35px;height:35px;font-size:12px;font-weight:700;flex:none}.a1{color:#80552a;background:#f5eadb}.a2{color:#4f5082;background:#ecebf7}.a3{color:#226c5e;background:#dcf0e9}.workspace{min-width:0}.bar{min-height:64px;background:#fff;border-bottom:1px solid var(--border);padding:0 clamp(20px,3.2vw,52px);display:flex;align-items:center;justify-content:space-between;gap:12px}.crumb,.top-right,.web,.inline{display:flex;gap:9px;align-items:center}.crumb,.web{color:var(--muted);font-size:12px}.crumb b{color:var(--ink)}.crumb span{color:#9baaae;margin:0 2px}.top-right{gap:18px}.web svg{width:15px}.top-right button{font-size:12px;padding:7px 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.dot.busy{background:#c37a22}.dot.off{background:#83929a}.dot.warn{background:#a45a31}
main{max-width:1490px;margin:auto;padding:clamp(22px,3vw,44px) clamp(20px,3.2vw,52px) 48px}.pagehead,.cardhead,.row,.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.pagehead{margin-bottom:25px;align-items:flex-end}.pagehead h1{font-size:clamp(30px,3.1vw,45px);letter-spacing:-.055em;margin:4px 0 0;line-height:1.12;font-weight:690}.pagehead p{margin:7px 0 0;color:var(--muted)}.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.primary:hover{background:#073a50}.ghost{border-color:transparent;background:transparent}.danger{color:var(--red)}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr);gap:20px;align-items:start}.stack{display:grid;gap:20px}.card{padding:20px 22px;background:#fff;border:1px solid var(--border);border-radius:14px}.cardhead{margin-bottom:15px}.cardhead h2,.card h2{font-size:18px;letter-spacing:-.035em;margin:0}.cardhead small{margin-top:2px}.row{padding:13px 0;border-bottom:1px solid #e5ebec}.row:last-child{border:0}.person,.record{display:flex;gap:11px;align-items:center;min-width:0}.person strong,.record strong{display:block;font-size:14px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:650;border-radius:20px;padding:4px 9px;background:#eff4f3;color:#385864;white-space:nowrap}.pill.good{background:#e7f4ed;color:#226341}.pill.amber{background:#fff1db;color:#824c12}.pill.red{background:#fae7e9;color:#99394e}.soft{background:#ecf4f5;color:var(--navy)}.smallbtn{font-size:12px;padding:6px 9px}.round{width:34px;height:34px;padding:0;border-radius:50%}.round svg,.smallbtn svg,.btnicon svg{width:16px}.empty{color:var(--muted);padding:20px 0}.tagline{color:var(--muted);font-size:12px}.call{position:relative;overflow:hidden;padding:25px 28px 23px;background:#0a4056;color:#fff;border-radius:15px;isolation:isolate}.call:before,.call:after{content:"";position:absolute;pointer-events:none;border:1px solid #39849980;border-radius:50%;width:310px;height:310px;right:-95px;top:-170px;z-index:-1}.call:after{width:370px;height:370px;right:-125px;top:-200px}.call.hold{background:#4b412d}.call-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.call-state{display:inline-flex;align-items:center;gap:7px;color:#c6efe8;font-size:12px;font-weight:650}.call.hold .call-state{color:#ffe3ad}.call-state svg{width:15px}.call small{color:#c9dce2}.call h2{font-size:clamp(27px,3.1vw,43px);font-weight:630;letter-spacing:-.055em;line-height:1.1;margin:18px 0 6px;font-variant-numeric:tabular-nums}.call p{margin:0;color:#c6dbe0}.call-actions{margin-top:19px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.call-actions button{padding:8px 11px;font-size:13px;background:#ffffff13;border-color:#ffffff40;color:white}.call-actions button:hover{background:#ffffff28}.call-actions button.accept{background:#acf0d8;color:#103f41;border-color:#acf0d8}.call-actions button.end{margin-left:auto;color:#fff;background:#864454;border-color:#a86572}.call-actions svg{width:16px}.history-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf4f4;color:#277261}.history-symbol.missed{color:#ad3950;background:#fff0f0}.history-symbol.out{color:#3e6786;background:#eaf2f9}.history-symbol svg{width:17px}.mute{color:var(--muted)}.iconlink{display:inline-flex;align-items:center;gap:5px;color:#195c70;font-weight:650;font-size:12px;text-decoration:none}.ruleline{display:flex;gap:10px;align-items:center}.ruleline b{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#e8f1f3;color:var(--navy)}.tabs{display:flex;gap:4px;margin:0 0 17px;flex-wrap:wrap}.tabs button{font-size:12px;padding:6px 10px;background:transparent;border-color:transparent;color:var(--muted)}.tabs button.sel{background:#e5eff1;color:var(--navy)}.search{width:100%;margin:0 0 8px}.formline{display:grid;gap:6px;margin-bottom:15px;font-weight:600;font-size:13px}.formline input,.formline select,.formline textarea{font-weight:450;width:100%}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.save{margin-top:15px}.route-row{display:grid;grid-template-columns:26px minmax(105px,1fr) 80px auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #e3e9eb}.route-row select{width:100%;padding:8px 4px}.step{width:24px;height:24px;border-radius:50%;background:#e4eff1;font-size:12px;display:grid;place-items:center;color:var(--navy);font-weight:bold}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{padding:5px}.actions svg{width:15px}.route-note{border-top:1px solid var(--border);margin-top:15px;padding-top:15px}.tran{font-size:18px;line-height:1.65;letter-spacing:-.015em;margin:15px 0}.mail{max-width:730px;margin:auto}.mail .logo{margin:7px 0 15px;width:122px}.mail hr{border:0;border-top:1px solid var(--border);margin:22px 0}audio{width:100%;margin-top:14px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:11px;letter-spacing:.05em;color:var(--muted);text-transform:uppercase}td,th{border-bottom:1px solid #e5ebec;padding:13px 8px}td:first-child,th:first-child{padding-left:0}tr:last-child td{border:0}.detail{border-left:3px solid #a5d6ce;padding:3px 15px;color:var(--muted)}
dialog{padding:0;border:1px solid var(--border);border-radius:16px;color:var(--ink);width:min(450px,92vw);box-shadow:0 24px 95px #102c3c36}dialog::backdrop{background:#122b394f}#modal-body{padding:23px}.dialoghead{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.dialoghead h2{margin:0;font-size:21px;letter-spacing:-.04em}.dialoghead button{padding:5px}.full{width:100%}#feedback:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#183e4c;color:white;padding:10px 18px;border-radius:9px;z-index:10}#mobile-nav{display:none}.back{margin-bottom:14px}.rule-summary{margin:3px 0 0}.status-list .row{align-items:start}.sign{max-width:380px;margin:8vh auto;text-align:center;padding:34px}.sign .logo{margin:0 auto 12px}.sign h1{letter-spacing:-.04em}
@media(max-width:1040px){.frame{grid-template-columns:185px 1fr}.rail{padding-inline:10px}.grid{grid-template-columns:minmax(0,1.4fr) minmax(225px,1fr)}.card{padding:17px}.web{display:none}.call{padding:21px}.navlink{font-size:13px}.route-row{grid-template-columns:24px 1fr 72px}.route-row .actions{grid-column:2/4}}
@media(max-width:780px){.frame{display:block}.rail{display:none}.rail.open{display:flex;position:fixed;inset:58px auto 0 0;width:222px;height:calc(100dvh - 58px);z-index:5;box-shadow:12px 6px 30px #213c4522}.bar{padding:10px 16px;min-height:58px}#mobile-nav{display:inline-flex;padding:6px}.crumb{margin-right:auto}.crumb>i,.crumb>span,.crumb>b{display:none}.grid{grid-template-columns:1fr}.pagehead{gap:12px;align-items:center}.cardhead h2{font-size:17px}.pagehead .primary{font-size:12px}.call-actions button.end{margin-left:0}main{padding:22px 15px}.twocol{grid-template-columns:1fr}.route-row{grid-template-columns:22px 1fr 72px}.call-actions{gap:5px}}
.brand-mobile{display:none}.mini-call{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e5eff1;border:1px solid #c0d8dc;border-radius:9px;padding:9px 14px;margin-bottom:18px}.mini-call>span{display:flex;align-items:center;gap:9px;font-variant-numeric:tabular-nums}.mini-call svg{width:16px}
@media(max-width:780px){.brand-mobile{display:block;width:80px;height:41px;object-fit:contain;margin-right:auto}.crumb{display:none}}

.stats-toolbar,.stats-range,.stats-tabs{display:flex;align-items:center;gap:8px}.stats-toolbar{justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.stats-tabs{padding:3px;gap:2px;border:1px solid var(--border);border-radius:9px;background:#e8eff0}.stats-tabs button{border:0;background:transparent;padding:6px 13px}.stats-tabs button[aria-pressed=true]{background:white;color:var(--navy);box-shadow:0 1px 3px #17333d1a}.stats-range button{padding:5px}.stats-range svg{width:16px}.stats-range strong{font-size:13px;font-variant-numeric:tabular-nums}.stats-range strong::first-letter{text-transform:uppercase}.stats-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr);align-items:start;gap:18px}.stats-table{font-variant-numeric:tabular-nums}.stats-table td,.stats-table thead th:not(:first-child){text-align:right}.stats-table tbody th{text-transform:none;letter-spacing:normal;color:var(--ink);font-weight:normal}.stats-table tfoot{border-top:1px solid var(--border);font-weight:700}.cost-total{padding:6px 0 15px;border-bottom:1px solid var(--border)}.cost-total strong{font-size:clamp(27px,3vw,40px);letter-spacing:-.045em;margin-right:7px;color:var(--navy)}.cost-total>span:last-child{font-size:12px;color:var(--muted)}.stats-note{margin-top:12px}.stats-chart{display:flex;gap:4px;overflow-x:auto;align-items:flex-end}.stats-bar{display:flex;flex:1 0 25px;align-items:center;justify-content:flex-end;flex-direction:column;gap:4px;border:0;padding:4px 1px;background:transparent;font-variant-numeric:tabular-nums}.stats-bar i{width:min(76%,48px);background:#2e7888;border-radius:4px 4px 0 0}.stats-bar span,.stats-bar small{font-size:11px}.stats-bar:hover i{background:var(--navy)}
@media(max-width:1060px){.stats-layout{grid-template-columns:1fr}.stats-layout>.card{max-width:100%}}@media(max-width:520px){.stats-toolbar{align-items:flex-start;flex-direction:column}.stats-table .avatar{display:none}.stats-table td,.stats-table th{padding:10px 4px}.stats-table thead th{font-size:10px;letter-spacing:0}.stats-table .person strong{font-size:12px}}
.stats-employee{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;border-radius:5px}.stats-employee>svg{width:15px;color:#397684}.stats-employee-row{cursor:pointer}.stats-employee-row:hover,.stats-employee-row:focus-within{background:#f0f7f7}.stats-employee-row:hover strong,.stats-employee:focus-visible strong{text-decoration:underline}.stats-back,.stats-pager-link{display:inline-flex;align-items:center;gap:7px;color:var(--navy);font-size:13px;font-weight:600}.stats-back{margin-bottom:16px;text-decoration:none}.stats-back:hover{text-decoration:underline}.stats-back svg,.call-kind svg{width:16px;height:16px}.stats-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:#eaf2f3;border:1px solid var(--border);border-radius:12px;padding:18px 22px;margin:0 0 18px}.stats-summary dt{font-size:12px;color:var(--muted)}.stats-summary dd{font-size:23px;margin:4px 0 0;font-weight:650;color:var(--navy)}.call-history{font-variant-numeric:tabular-nums}.call-history td{white-space:nowrap}.call-history td:last-child,.call-history thead th:last-child{text-align:right}.call-kind,.stats-pager{display:flex;align-items:center;gap:8px}.call-kind svg{color:#387783}.call-date th{background:#edf3f4;color:var(--navy);font-size:12px;letter-spacing:normal;text-transform:none;padding:8px!important}.call-date th::first-letter{text-transform:uppercase}.stats-pager{justify-content:flex-end;margin-top:16px;gap:18px}.stats-pager span,.stats-empty{color:var(--muted)}@media(max-width:620px){.stats-summary{grid-template-columns:1fr 1fr}.call-history{font-size:13px}.stats-employee{gap:2px}}
.availability-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;font-size:13px;min-height:40px}
.switch-track{display:inline-flex;align-items:center;border-radius:20px;width:28px;height:16px;padding:2px;background:#64747b}
.switch-track::after{content:"";width:12px;height:12px;border-radius:50%;background:white}
.availability-toggle[aria-checked="true"] .switch-track{background:var(--teal);justify-content:flex-end}
.rail>.logo{margin-bottom:14px}.rail-status{align-self:stretch;margin:0 6px 23px}.mobile-status{display:none}.settings-forward{max-width:560px}
@media(max-width:780px){.rail-status{display:none}.mobile-status{display:inline-flex}.brand-mobile{margin-left:auto;margin-right:0}.bar .top-right{display:none}}
.absence-note{font-size:13px;line-height:1.45;color:var(--deep);overflow-wrap:anywhere}
.rail-status[aria-checked=false]{margin-bottom:0}
.rail-note{border-left:2px solid #86b8b1;margin:9px 7px 22px;padding-left:9px}
.mobile-note{display:none}
@media(max-width:780px){.rail-note{display:none}.mobile-note:not([hidden]){display:block;margin:0;padding:8px 16px;background:#eaf3f3;border-bottom:1px solid var(--border)}}
.route-ident{display:grid;grid-template-columns:5em 1fr;gap:12px}
.target-types{display:grid;grid-template-columns:1fr 1fr;border:0;padding:0;margin:0 0 18px;gap:7px}
.target-types legend{font-size:13px;font-weight:650;margin-bottom:7px;padding:0}
.target-choice{display:flex;align-items:center;gap:7px;padding:10px 8px;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px}
.target-choice input{accent-color:var(--teal);margin:0}.target-choice svg{width:16px;height:16px}
.target-choice:has(:checked){border-color:var(--teal);background:#eaf4f2;color:var(--deep)}
.inbox-picker{max-width:260px}
dialog:has(#box-form){width:min(590px,94vw)}
.box-access{margin:4px 0 19px;table-layout:fixed}
.box-access caption{text-align:left;font-weight:650;margin:0 0 6px}
.box-access th,.box-access td{padding:8px 4px}
.box-access thead th{text-transform:none;letter-spacing:normal;font-size:12px}
.box-access tbody th{text-transform:none;letter-spacing:normal;color:var(--ink);font-size:13px;font-weight:550;overflow-wrap:anywhere}
.box-access th:first-child{width:50%}
.box-access th:not(:first-child),.box-access td{text-align:center}
.box-access small{font-weight:400}.box-access input{width:20px;height:20px;accent-color:var(--teal);cursor:pointer}
.message-grid{display:grid;grid-template-columns:minmax(220px,0.9fr) minmax(0,1.5fr);align-items:start;gap:18px}
.voicemail-item{width:100%;display:grid;gap:4px;text-align:left;justify-items:start;justify-content:stretch;margin-bottom:6px;padding:12px}
.voicemail-item[aria-pressed=true]{background:#eaf3f2;border-color:#44887d}
.voicemail-item span{font-weight:500;font-size:12px;color:var(--deep)}
.message-actions{display:flex;gap:8px;flex-wrap:wrap}
.box-summary,.mail-addresses{overflow-wrap:anywhere;min-width:0}
.box-access tbody td{position:relative;padding:0}
.permission-cell{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer}
.permission-cell input{margin:0}
.box-access tbody tr{height:48px}
.greeting-review{background:#fff4df;border-left:3px solid #a86717;padding:9px 12px}
.mobile-history{display:none}
@media(max-width:700px){
 .message-grid{grid-template-columns:minmax(0,1fr)}
 .desktop-history{display:none}.mobile-history{display:block}
 .mobile-history h3{font-size:13px;color:var(--navy);margin:14px 0 0;padding:7px 8px;background:#edf3f4}
 .mobile-call{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}
 .mobile-call b{font-size:13px}.mobile-call small{grid-column:1/-1}
}