:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172229;background:#f3f5f4;line-height:1.45;--ink:#172229;--green:#0c7357;--light:#e5f2ed;--line:#dfe5e2}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#102d29;color:#dfece8;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#31ba8b;color:#092a22;font-weight:800}.brand div{display:grid}.brand strong{color:#fff}.brand small{color:#86a69e;font-size:11px}nav{display:grid;gap:3px;margin-top:30px;overflow:auto}nav button{color:#a9c1bb;text-align:left;background:transparent;padding:9px 12px;font-size:13px}nav button:hover,nav button.active{color:#fff;background:#1a433b}.tenant{margin-top:auto;border-top:1px solid #315149;padding:18px 8px 0;display:grid;gap:7px}.tenant small,.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#69c6aa}.tenant span{font-size:11px;color:#86a69e}.tenant select{background:#1a433b;color:#fff;border-color:#315149}main{padding:36px 42px;max-width:1500px;width:100%;margin:auto}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}h1{font-size:30px;margin:3px 0}header p,.panel p{color:#748079;margin:0}.header-actions{display:flex;align-items:center;gap:13px}.health{color:#16815f;font-size:12px;font-weight:800}.health.bad{color:#a23333}button{border:0;border-radius:9px;background:var(--green);color:white;padding:10px 15px;font-weight:700;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:0 2px 10px #173b2d08}.stats span{font-size:13px;color:#64716b}.stats strong{display:block;font-size:30px;margin:6px 0 1px}.stats small{color:#85908b}.grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:15px}.panel.wide{grid-row:span 2}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 3px}.pill{background:var(--light);color:var(--green);font-size:11px;font-weight:800;padding:5px 9px;border-radius:99px}table{width:100%;border-collapse:collapse;text-align:left}th{color:#88918d;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf0ee;font-size:13px}.number{font-weight:800;color:var(--green)}.status{display:inline-flex;gap:6px;align-items:center}.status:before{content:"";width:7px;height:7px;background:#b9c1bd;border-radius:50%}.status.online:before{background:#20a677}.route{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.route span{font-size:12px;color:#75817b}.secondary{width:100%;margin-top:16px;background:#eef2f0;color:#294139}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist li:before{content:"○";display:inline-block;width:24px;color:#95a09b}.checklist li.done:before{content:"✓";color:var(--green);font-weight:800}.actions{white-space:nowrap;text-align:right}.actions button{background:transparent;color:var(--green);padding:5px 8px}.actions button:last-child{color:#a23333}.empty{text-align:center;color:#748079;padding:50px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 24px 80px #0a251f45;width:min(470px,90vw)}dialog::backdrop{background:#0d241f80;backdrop-filter:blur(3px)}dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head p{color:#738079;margin:3px 0 20px}.icon{background:transparent;color:#64716b;font-size:24px;padding:0;width:35px;height:35px}label{display:grid;gap:6px;margin:14px 0;font-weight:700;font-size:13px}label.check{display:flex;align-items:center}input,select{border:1px solid #cfd7d3;border-radius:9px;padding:10px;font:inherit;background:#fff}#search{min-width:240px}menu{padding:0;display:flex;justify-content:flex-end;gap:8px}menu .secondary{width:auto;margin:0}.error{color:#a23333}.config-dialog{width:min(900px,94vw)}pre{background:#102d29;color:#d9f4eb;border-radius:10px;padding:15px;overflow:auto;font-size:12px;max-height:260px}#toast{position:fixed;right:25px;bottom:25px;background:#102d29;color:#fff;padding:12px 18px;border-radius:10px;transform:translateY(80px);opacity:0;transition:.2s}#toast.show{transform:none;opacity:1}@media(max-width:900px){body{display:block}aside{height:auto;position:relative}nav{grid-template-columns:repeat(2,1fr);margin-top:20px;max-height:240px}.tenant{display:none}main{padding:28px 18px}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}}@media(max-width:560px){.stats{grid-template-columns:1fr}header{align-items:start;gap:16px}.header-actions .health{display:none}.table-wrap{overflow:auto}#search{min-width:120px}}
nav a{color:#a9c1bb;text-align:left;background:transparent;padding:9px 12px;font-size:13px;text-decoration:none;border-radius:9px;font-weight:700}nav a:hover,nav a.active{color:#fff;background:#1a433b}.mobile-nav,.nav-close,#nav-scrim{display:none}
textarea{width:100%;border:1px solid #cfd7d3;border-radius:9px;padding:10px;font:inherit;background:#fff;resize:vertical}#bulk-action{width:auto;margin:0}.privacy{color:#748079;font-size:12px}
@media(max-width:900px){#admin-sidebar{position:fixed;z-index:50;inset:0 auto 0 0;width:min(320px,88vw);height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:12px 0 40px #07171355}.nav-visible #admin-sidebar{transform:none}.nav-visible #nav-scrim{display:block;position:fixed;z-index:40;inset:0;background:#07171399}.mobile-nav{display:block;position:fixed;z-index:30;left:14px;top:12px;width:44px;height:44px;padding:0;font-size:20px;box-shadow:0 5px 20px #102d2933}.nav-close{display:block;margin-left:auto;color:#dfece8}.brand{width:100%}#admin-sidebar nav{display:grid;grid-template-columns:1fr;margin-top:20px;max-height:none}.tenant{display:grid}main{padding:72px 16px 30px}.panel{padding:16px}header{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end}.table-wrap{margin:0 -16px;padding:0 16px}}
@media(max-width:560px){header{display:grid}.header-actions{align-items:stretch}.header-actions button{width:100%}.panel-head{gap:10px;flex-wrap:wrap}dialog form{padding:20px 16px}.actions{white-space:normal}td{padding:11px 8px}}

/* 2026 workspace redesign */
:root{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;--ink:#18212b;--muted:#667085;--green:#087f6a;--green-dark:#065f52;--light:#e9f8f4;--line:#e5e9ec;--surface:#fff;--canvas:#f5f7f8;--sidebar:#14272b;--sidebar-hover:#203b3f}body{background:var(--canvas);grid-template-columns:272px 1fr;color:var(--ink)}aside{background:var(--sidebar);padding:20px 14px 16px;border-right:1px solid #284044}.brand{padding:0 8px}.brand>span{border-radius:10px;background:linear-gradient(145deg,#40d7ae,#14a780);box-shadow:0 5px 18px #061d1866}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.launch-phone{display:flex;align-items:center;gap:11px;margin:22px 3px 7px;padding:11px 12px;border-radius:10px;background:#0d8b72;color:#fff;text-decoration:none;box-shadow:0 6px 18px #071d1955}.launch-phone>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#ffffff20;font-size:17px}.launch-phone span:last-child{display:grid}.launch-phone b{font-size:12px}.launch-phone small{font-size:10px;color:#c8f2e7}.nav-group{display:grid;gap:2px;margin:12px 0}.nav-label{padding:7px 12px 5px;color:#6f8f91;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}#nav{margin-top:4px;padding:0 2px 18px;scrollbar-width:thin;scrollbar-color:#355257 transparent}#nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;color:#b7c7c8;font-size:12px;border-radius:7px}#nav a i{width:18px;text-align:center;color:#779799;font-style:normal;font-size:14px}#nav a:hover{background:var(--sidebar-hover)}#nav a.active{background:#dff6ef;color:#095e50;box-shadow:inset 3px 0 #1ab28e}#nav a.active i{color:#07826b}.tenant{padding:13px 8px 0}.tenant select{border-radius:8px;padding:8px;background:#203b3f}.tenant span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{padding:32px 38px 48px;max-width:1600px}header{align-items:center;margin-bottom:22px}header h1{font-size:27px;letter-spacing:-.025em;margin:2px 0}header p{font-size:13px}.eyebrow{font-size:9px;color:#0d8b72}.header-actions{gap:10px}.health{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #cfe9e1;background:#f1fbf8;border-radius:99px;font-size:11px}button{border-radius:8px;background:var(--green);padding:9px 14px;box-shadow:none;transition:background .15s,transform .15s}button:hover{background:var(--green-dark)}button:active{transform:translateY(1px)}.overview-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#0c6e5d,#0a8d74);color:#fff;border-radius:14px;padding:17px 20px;margin-bottom:14px;box-shadow:0 8px 24px #0b6d5b20}.overview-banner>div:first-child{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.overview-banner small{grid-column:2;color:#c9eee5}.live-dot{width:9px;height:9px;background:#71f2c7;border-radius:50%;box-shadow:0 0 0 5px #71f2c726}.quick-actions{display:flex;gap:7px}.quick-actions a{padding:8px 11px;border-radius:7px;background:#ffffff18;color:#fff;text-decoration:none;font-size:11px;font-weight:700;border:1px solid #ffffff2b}.quick-actions a:hover{background:#ffffff2c}.stats{gap:12px}.stats article,.panel{border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #10182808,0 4px 14px #10182805}.stats article{position:relative;padding:17px 18px;overflow:hidden}.stats article:after{content:"";position:absolute;right:-12px;top:-15px;width:58px;height:58px;border-radius:50%;background:#e7f7f2}.stats span{font-size:11px;font-weight:700;color:var(--muted)}.stats strong{font-size:27px;letter-spacing:-.04em;margin:4px 0}.stats small{font-size:10px}.grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:12px;margin-top:12px}.panel{padding:18px}.panel-head{margin-bottom:13px}.panel h2{font-size:15px}.panel-head p{font-size:11px}.text-link{font-size:11px;color:var(--green);font-weight:700;text-decoration:none}.wide{min-width:0}.recent-panel{grid-row:auto!important}.avatar{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:9px;border-radius:50%;background:#e4f5f0;color:#08735f;font-size:11px}.cell-detail{display:block;color:#89939e;font-size:10px;margin-top:2px}.role-chip{display:inline-flex;padding:3px 7px;border-radius:5px;background:#f0f2f4;color:#53606b;font-size:10px;text-transform:capitalize}.route{padding:10px 0}.route b{font-size:12px}.route strong{display:grid;place-items:center;min-width:36px;height:28px;padding:0 8px;border-radius:7px;background:#eff7f5;color:#08735f;font-size:11px}.recent-call{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f2}.recent-call:last-child{border:0}.recent-call .call-direction{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef7f4;color:#08735f}.recent-call b{display:block;font-size:12px}.recent-call b span{color:#9aa3aa}.recent-call small{display:block;color:#7d8992;font-size:10px}.call-result{font-size:10px;padding:4px 7px;border-radius:6px;background:#edf8f4;color:#08735f}.call-result.missed{background:#fff0f0;color:#b43d3d}.empty.compact{padding:25px 10px;font-size:12px}#resource-view>.panel{padding:0;overflow:hidden}#resource-view .panel-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}#resource-view .table-wrap{padding:0 10px}th{background:#fafbfb;padding:9px 10px;font-size:9px}td{padding:11px 10px}.actions button{font-size:10px}.actions button:hover{background:#e8f5f1}.pill{border-radius:6px}.secondary{background:#eef2f3;color:#34434a}.secondary:hover{background:#e2e8e9}.checklist{font-size:12px}.checklist li{padding:3px 0}dialog{border-radius:13px}input,select,textarea{border-radius:7px;border-color:#d8dee1;outline:none}input:focus,select:focus,textarea:focus{border-color:#21a78b;box-shadow:0 0 0 3px #21a78b18}
@media(max-width:1100px){main{padding:28px 24px}.quick-actions a:nth-child(2){display:none}}
@media(max-width:900px){main{padding:70px 14px 30px}.overview-banner{align-items:flex-start}.quick-actions{flex-wrap:wrap}.grid{grid-template-columns:1fr}#admin-sidebar nav{display:block}.nav-group{display:grid}.launch-phone{margin-top:20px}}
@media(max-width:620px){header h1{font-size:23px}.overview-banner{display:grid;padding:15px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr)}.quick-actions a{text-align:center;padding:8px 5px}.quick-actions a:nth-child(2){display:block}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:14px}.stats strong{font-size:24px}.grid{gap:10px}.panel{padding:14px}.recent-call{grid-template-columns:28px 1fr}.call-result{grid-column:2;width:max-content}.header-actions{width:100%;display:grid;grid-template-columns:1fr auto}.health{justify-content:center}.table-wrap{overflow-x:auto}table{min-width:620px}}

.command-open{display:flex;align-items:center;gap:7px;background:#fff;color:#53606b;border:1px solid #dfe5e7;font-size:11px;font-weight:650;white-space:nowrap}.command-open:hover{background:#f7f9f9;color:#087f6a}.command-open span{font-size:16px}.command-open kbd,.command-search kbd{padding:2px 5px;border:1px solid #dfe4e6;border-bottom-width:2px;border-radius:4px;background:#f6f7f8;color:#77828b;font:9px/1.2 inherit}.command-dialog{width:min(580px,calc(100vw - 24px));margin-top:12vh;overflow:hidden}.command-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid #e6eaec;color:#77828b}.command-search>span{font-size:22px}.command-search input{border:0;padding:5px 0;font-size:15px;box-shadow:none}.command-results{max-height:390px;overflow:auto;padding:8px}.command-results a{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:8px;color:#243239;text-decoration:none}.command-results a:hover,.command-results a.selected{background:#e9f8f4;color:#08705e}.command-results a span{display:grid}.command-results b{font-size:13px}.command-results small{color:#7b878e;font-size:10px}.command-results i{font-style:normal}.command-empty{padding:28px;text-align:center;color:#7b878e;font-size:12px}@media(max-width:620px){.command-open{font-size:0;padding:9px 11px}.command-open span{font-size:17px}.command-open kbd{display:none}}
.route-presets{display:flex;flex-wrap:wrap;gap:4px}.route-presets button{padding:5px 7px;border:1px solid #dfe5e7;background:#f5f8f7;color:#53656a;font-size:9px}.route-presets button:hover{background:#e6f5f0;color:#08705e}

/* Dense dark communications console, informed by the supplied PBX walkthrough. */
body:not(.phone-page){--canvas:#303234;--surface:#3b3d3f;--line:#505255;--ink:#f1f3f4;--muted:#b0b5b9;--green:#08a8cf;--green-dark:#0789aa;--light:#233e48;--sidebar:#202326;--sidebar-hover:#34383b;background:var(--canvas);grid-template-columns:226px 1fr;color:var(--ink)}body:not(.phone-page) aside{background:#202326;border-right:1px solid #45484a;padding:14px 10px}body:not(.phone-page) .brand{padding:2px 7px 10px;border-bottom:1px solid #3b3e40}body:not(.phone-page) .brand>span{width:34px;height:34px;background:#08a8cf;color:#fff;box-shadow:none}body:not(.phone-page) .brand small,body:not(.phone-page) .tenant span{color:#939a9f}body:not(.phone-page) .launch-phone{margin:13px 2px 5px;background:#078eaf;box-shadow:none}body:not(.phone-page) #nav a{padding:7px 9px;color:#c0c5c8;border-radius:3px}body:not(.phone-page) #nav a:hover{background:#3b3e40}body:not(.phone-page) #nav a.active{background:#087f9e;color:#fff;box-shadow:none}body:not(.phone-page) #nav a i{color:#9fa6aa}body:not(.phone-page) .nav-label{color:#7f888d;padding-top:5px}body:not(.phone-page) .tenant{border-color:#45484a}body:not(.phone-page) .tenant select{background:#35393b;border-color:#54585a}body:not(.phone-page) main{max-width:none;margin:0;padding:22px 26px}body:not(.phone-page) header{margin-bottom:15px;padding-bottom:13px;border-bottom:1px solid #505255}body:not(.phone-page) header h1{font-size:21px;color:#fff}body:not(.phone-page) header p,body:not(.phone-page) .panel p{color:#aeb4b8}body:not(.phone-page) .eyebrow{color:#20b9db}body:not(.phone-page) .health{background:#263d39;border-color:#3d5b55;color:#66d8ae}body:not(.phone-page) .command-open,body:not(.phone-page) .secondary{background:#45484b;color:#e1e4e6;border-color:#5a5d60}body:not(.phone-page) .stats article,body:not(.phone-page) .panel{background:#3b3d3f;border-color:#505255;box-shadow:none;border-radius:3px}body:not(.phone-page) .stats article:after{background:#08a8cf18}body:not(.phone-page) .stats span,body:not(.phone-page) .stats small{color:#adb3b7}body:not(.phone-page) .overview-banner{background:#363a3c;border:1px solid #515456;border-radius:3px;box-shadow:none}body:not(.phone-page) .quick-actions a{background:#078fad;border:0;border-radius:2px}body:not(.phone-page) th{background:#343638;color:#aeb4b8;border-color:#55585a}body:not(.phone-page) td{border-color:#505255;color:#e6e8e9}body:not(.phone-page) .cell-detail,body:not(.phone-page) .recent-call small,body:not(.phone-page) .route span{color:#a4aaae}body:not(.phone-page) .role-chip{background:#505356;color:#e2e5e6}body:not(.phone-page) .route,body:not(.phone-page) .recent-call{border-color:#505255}body:not(.phone-page) input,body:not(.phone-page) select,body:not(.phone-page) textarea{background:#505254;border-color:#606366;color:#fff;border-radius:2px}body:not(.phone-page) input::placeholder,body:not(.phone-page) textarea::placeholder{color:#aeb3b6}body:not(.phone-page) dialog{background:#444648;color:#fff;border:1px solid #5a5d60;border-radius:3px}body:not(.phone-page) dialog::backdrop{background:#080a0bd0;backdrop-filter:none}body:not(.phone-page) .dialog-head p{color:#b3b8bb}body:not(.phone-page) #fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}body:not(.phone-page) #fields label:has(textarea),body:not(.phone-page) #fields .check{grid-column:1/-1}body:not(.phone-page) .route-presets button{background:#505356;color:#d8dcde;border-color:#64676a}body:not(.phone-page) pre{background:#242729}body:not(.phone-page) .command-dialog{background:#393c3e}body:not(.phone-page) .command-search{border-color:#55585a}body:not(.phone-page) .command-search kbd{background:#505356;color:#ddd;border-color:#666}body:not(.phone-page) .command-results a{color:#eef0f1}body:not(.phone-page) .command-results a:hover,body:not(.phone-page) .command-results a.selected{background:#087f9e;color:#fff}@media(max-width:700px){body:not(.phone-page) #fields{grid-template-columns:1fr}}
.editor-tabs{grid-column:1/-1;display:flex;gap:0;margin:2px 0 12px;border-bottom:1px solid #5b5e61;overflow:visible}.editor-tabs button{padding:9px 14px;background:transparent;color:#b9bec1;border-radius:0;border-bottom:2px solid transparent;font-size:11px}.editor-tabs button:hover,.editor-tabs button.active{background:transparent;color:#36c1df;border-bottom-color:#19b6d8}.editor-section{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.editor-section[hidden]{display:none!important}#editor form{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;max-height:86vh}#editor #fields{overflow:auto;padding-right:5px}#editor menu{margin:14px 0 0;padding-top:13px;border-top:1px solid #595c5f}@media(max-width:700px){.editor-section{grid-template-columns:1fr}}
/* Reference-density pass: compact utility console and edge-to-edge work areas. */
@media(min-width:901px){body:not(.phone-page){grid-template-columns:210px minmax(0,1fr)}body:not(.phone-page) aside{padding:10px 7px 8px}body:not(.phone-page) .brand{height:43px;padding:0 6px 8px}body:not(.phone-page) .brand>span{width:29px;height:29px;font-size:10px}body:not(.phone-page) .brand strong{font-size:12px}body:not(.phone-page) .brand small{font-size:8px}body:not(.phone-page) .launch-phone{margin:7px 0 4px;padding:7px 8px;border-radius:2px}body:not(.phone-page) .launch-phone>span:first-child{width:25px;height:25px;border-radius:2px}body:not(.phone-page) #nav a{min-height:31px;padding:5px 8px;font-size:11px}body:not(.phone-page) .nav-group{margin:5px 0}body:not(.phone-page) .nav-label{padding:5px 9px 3px;font-size:8px}body:not(.phone-page) .tenant{padding:8px 6px 0}body:not(.phone-page) main{padding:13px 16px 28px}body:not(.phone-page) header{min-height:47px;margin:0 0 10px;padding:0 0 9px}body:not(.phone-page) header h1{font-size:17px}body:not(.phone-page) header p{font-size:10px}body:not(.phone-page) .header-actions button{min-height:28px;padding:6px 10px;font-size:10px}}
body:not(.phone-page) .overview-banner{min-height:43px;margin-bottom:8px;padding:8px 12px}body:not(.phone-page) .overview-banner small{font-size:9px}body:not(.phone-page) .quick-actions a{padding:5px 8px;font-size:9px}body:not(.phone-page) .stats{gap:0;background:#3b3d3f;border:1px solid #505255;border-radius:2px}body:not(.phone-page) .stats article{min-height:68px;padding:11px 14px;border:0;border-right:1px solid #505255;border-radius:0}body:not(.phone-page) .stats article:last-child{border-right:0}body:not(.phone-page) .stats strong{font-size:21px;margin:2px 0}body:not(.phone-page) .grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:8px;margin-top:8px}body:not(.phone-page) .panel{padding:12px;border-radius:2px}body:not(.phone-page) .panel-head{margin-bottom:8px}body:not(.phone-page) .panel h2{font-size:13px}body:not(.phone-page) #resource-view>.panel{border-radius:2px}body:not(.phone-page) #resource-view .panel-head{padding:10px 12px}body:not(.phone-page) #resource-view .table-wrap{padding:0}body:not(.phone-page) th{height:29px;padding:6px 8px;font-size:8px}body:not(.phone-page) td{height:34px;padding:6px 8px;font-size:11px}body:not(.phone-page) .actions button{padding:4px 6px;font-size:9px}body:not(.phone-page) #search{height:29px;padding:5px 8px;font-size:10px}.recent-panel{grid-column:1/-1}
.dashboard-stats{grid-template-columns:repeat(6,1fr)}#dashboard-health li{display:grid;grid-template-columns:1fr auto;align-items:center}#dashboard-health li small{font-size:10px;color:var(--muted)}#dashboard-health li.attention:before{content:"!";color:#ffb74d;font-weight:800}@media(max-width:1100px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}
.sidebar-toggle{display:grid;place-items:center;margin-left:auto;width:26px;height:26px;border:1px solid #505558;background:#303336;color:#d4d8da;font-size:20px;line-height:1}.sidebar-collapsed{grid-template-columns:58px 1fr}.sidebar-collapsed #admin-sidebar{padding-left:7px;padding-right:7px}.sidebar-collapsed .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .brand>span{width:34px;height:34px;font-size:11px}.sidebar-collapsed .brand>div,.sidebar-collapsed .nav-label,.sidebar-collapsed #nav a:not(.active){font-size:0}.sidebar-collapsed #nav a{justify-content:center;gap:0;padding-left:6px;padding-right:6px}.sidebar-collapsed #nav a i{width:24px;font-size:15px}.sidebar-collapsed .launch-phone{justify-content:center;padding:8px 5px}.sidebar-collapsed .launch-phone>span:last-child,.sidebar-collapsed .tenant small,.sidebar-collapsed .tenant select,.sidebar-collapsed .tenant span,.sidebar-collapsed .tenant button{display:none}.sidebar-collapsed .sidebar-toggle{position:fixed;left:45px;top:18px;z-index:55;width:22px;height:30px;border-radius:0 5px 5px 0}.sidebar-collapsed .nav-group{margin:8px 0}.sidebar-collapsed #nav a.active{font-size:0}.sidebar-collapsed main{max-width:none}@media(max-width:900px){.sidebar-toggle{display:none}.sidebar-collapsed{display:block}.sidebar-collapsed #admin-sidebar{padding:20px 14px 16px}.sidebar-collapsed .brand{justify-content:flex-start;padding:0 8px}.sidebar-collapsed .brand>div,.sidebar-collapsed .nav-label,.sidebar-collapsed #nav a:not(.active),.sidebar-collapsed #nav a.active{display:initial;font-size:inherit}.sidebar-collapsed #nav a{justify-content:flex-start;gap:10px;padding:8px 10px}.sidebar-collapsed .launch-phone{justify-content:flex-start;padding:11px 12px}.sidebar-collapsed .launch-phone>span:last-child,.sidebar-collapsed .tenant small,.sidebar-collapsed .tenant select,.sidebar-collapsed .tenant span,.sidebar-collapsed .tenant button{display:grid}}
.nav-label[role=button]{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;border-radius:3px}.nav-label[role=button]:after{content:"⌄";font-size:11px;color:#899397;transition:transform .15s}.nav-label[role=button]:hover,.nav-label[role=button]:focus-visible{color:#dce1e3;background:#303438;outline:none}.nav-group.group-collapsed .nav-label[role=button]:after{transform:rotate(-90deg)}.nav-group.group-collapsed>a{display:none}.sidebar-collapsed .nav-group.group-collapsed>a.active{display:flex}.sidebar-collapsed .nav-label[role=button]:after{display:none}@media(max-width:900px){.sidebar-collapsed .nav-label[role=button]{display:flex}}

/* 3CX-inspired application shell: communications rail + compact admin menu. */
@media(min-width:901px){body:not(.phone-page){grid-template-columns:80px 150px minmax(0,1fr)}#suite-rail{grid-column:1;grid-row:1;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:stretch;padding:8px 4px;background:#252729;border-right:1px solid #4a4c4f;color:#fff;z-index:20}#suite-rail .suite-logo{height:48px;display:grid;place-items:center;color:#10b5d9;font-size:20px;font-weight:900;text-decoration:none}#suite-rail nav{display:grid;gap:1px;margin:4px 0 0;overflow:visible}#suite-rail a:not(.suite-logo){min-height:58px;display:grid;place-items:center;align-content:center;gap:2px;padding:5px 2px;color:#f0f1f2;text-decoration:none;border-radius:3px;font-size:9px;font-weight:500}#suite-rail a i{font-style:normal;font-size:17px;color:#d1d5d7}#suite-rail a:hover,#suite-rail a.active{background:#079bc0;color:#fff}#suite-rail a.active i{color:#fff}#suite-rail .suite-admin{margin-top:auto}body:not(.phone-page) #admin-sidebar{grid-column:2;grid-row:1;width:auto;padding:55px 0 8px;background:#4a4b4d;border-right:1px solid #5a5b5d}body:not(.phone-page) #admin-sidebar .brand,body:not(.phone-page) #admin-sidebar .launch-phone,body:not(.phone-page) #admin-sidebar .sidebar-toggle{display:none}body:not(.phone-page) #admin-sidebar #nav{margin:0;padding:0;scrollbar-width:thin}body:not(.phone-page) #admin-sidebar .nav-group{margin:0}body:not(.phone-page) #admin-sidebar .nav-label{min-height:27px;padding:7px 8px 5px;background:#414244;border-bottom:1px solid #565759;color:#bfc2c4;font-size:8px}body:not(.phone-page) #admin-sidebar #nav a{min-height:40px;padding:7px 8px;border-bottom:1px solid #5a5b5d;border-radius:0;color:#fff;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body:not(.phone-page) #admin-sidebar #nav a i{color:#fff;font-size:14px}body:not(.phone-page) #admin-sidebar #nav a.active{background:#606164;color:#fff;box-shadow:inset 3px 0 #0cb4d8}body:not(.phone-page) #admin-sidebar .tenant{padding:8px 6px}body:not(.phone-page) main{grid-column:3;grid-row:1;padding:0 15px 24px}body:not(.phone-page) main>header{min-height:55px;margin:0 -15px 12px;padding:0 15px;background:#3b3c3e;border-bottom:1px solid #57585a}body:not(.phone-page) main>header .eyebrow,body:not(.phone-page) main>header #subtitle{display:none}body:not(.phone-page) main>header h1{font-size:16px}body:not(.phone-page) #resource-view>.panel{border:0}body:not(.phone-page) #resource-view .panel-head{background:#393a3c}body:not(.phone-page) #resource-view .table-wrap{border:1px solid #55575a}body:not(.phone-page) th{font-size:9px;text-transform:none;letter-spacing:0}body:not(.phone-page) td{height:30px;padding:5px 8px}body:not(.phone-page) .stats,body:not(.phone-page) .overview-banner,body:not(.phone-page) .panel{border-radius:0}body:not(.phone-page) .overview-banner{display:none}body:not(.phone-page) .grid{gap:12px}body:not(.phone-page) .panel-head{border-bottom:1px solid #55575a;padding-bottom:8px}.sidebar-collapsed{grid-template-columns:80px 52px minmax(0,1fr)}.sidebar-collapsed #admin-sidebar{padding-top:55px}.sidebar-collapsed #admin-sidebar .nav-label{display:none}.sidebar-collapsed #admin-sidebar #nav a{justify-content:center;padding:7px 2px}.sidebar-collapsed #admin-sidebar #nav a i{width:auto}.sidebar-collapsed #admin-sidebar .tenant{display:none}}
@media(max-width:900px){#suite-rail{display:none}}

.credential-management{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;margin-top:12px;padding:12px;border:1px solid #5d6063;background:#393b3d}.credential-management div{display:grid;gap:3px}.credential-management small{color:#b6bbbe;font-size:10px}.credential-management button{width:auto;margin:0}.credential-dialog{width:min(620px,calc(100vw - 24px))}.credential-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.credential-row label{min-width:0}.credential-row input{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.credential-row button{width:auto;margin:0 0 14px}.credential-warning{padding:10px;border-left:3px solid #e0a326;background:#4b4435;color:#f2d58b;font-size:11px}@media(max-width:700px){.credential-management{grid-template-columns:1fr}.credential-management button{width:100%}.credential-row{grid-template-columns:1fr}.credential-row button{margin-top:-8px}}
.user-editor{width:min(1120px,calc(100vw - 28px))}.user-editor .editor-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.user-editor-section{align-content:start;min-height:360px}.user-toolbar{display:flex;align-items:center;gap:7px;padding:10px 20px;border-bottom:1px solid #505255;background:#343638}.user-toolbar span{margin-right:auto;color:#b7bdc0;font-size:11px;font-weight:700}.user-toolbar button{width:auto;margin:0;font-size:10px}.user-toolbar button:disabled{opacity:.45}.user-editor [data-editor-section=options],.user-editor [data-editor-section=forwarding]{grid-template-columns:repeat(2,minmax(0,1fr))}.user-editor [data-editor-section=options] .check,.user-editor [data-editor-section=forwarding] .check{grid-column:auto}#resource-body [data-select-user],#resource-head [data-select-all-users]{accent-color:#09a8cf}@media(max-width:700px){.user-toolbar{overflow-x:auto}.user-editor-section{min-height:0}.user-editor [data-editor-section=options],.user-editor [data-editor-section=forwarding]{grid-template-columns:1fr}}
.compact-number-list{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:190px;outline:none}.compact-number-first{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.compact-number-more{flex:none;padding:2px 6px;border:1px solid #586064;border-radius:9px;background:#3b3e40;color:#c8f4ff;font-size:10px;font-weight:800}.number-hover-popup{display:none;position:absolute;z-index:80;top:calc(100% + 7px);left:0;min-width:190px;max-width:280px;padding:9px 11px;border:1px solid #5c6366;border-radius:7px;background:#242729;box-shadow:0 10px 28px #0009;color:#edf2f3;text-align:left}.number-hover-popup b{display:block;margin-bottom:5px;color:#9fa9ad;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.number-hover-popup span{display:block;padding:2px 0;font-size:12px;font-variant-numeric:tabular-nums}.compact-number-list:hover .number-hover-popup,.compact-number-list:focus .number-hover-popup,.compact-number-list:focus-within .number-hover-popup{display:block}.compact-number-list:focus{box-shadow:0 0 0 2px #09a8cf55;border-radius:4px}
.default-caller-id{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid transparent;border-radius:5px;font-variant-numeric:tabular-nums}.default-caller-id.warning{border-color:#d64b54;background:#5a2c31;color:#ffb4ba;font-weight:700;outline:none}.default-caller-id.warning>span{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#e2555e;color:#fff;font-size:9px;font-weight:900}.default-caller-id.warning:hover,.default-caller-id.warning:focus{border-color:#ff747c;background:#713238;box-shadow:0 0 0 2px #e2555e44}
.user-number-field{display:grid;align-content:start;gap:5px;margin-bottom:13px}.field-label{color:#d9dddf;font-size:10px;font-weight:700}.user-number-picker{position:relative}.user-number-picker>summary{min-height:35px;display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #5b5e61;border-radius:2px;background:#3c3e40;cursor:pointer;list-style:none}.user-number-picker>summary::-webkit-details-marker{display:none}.user-number-picker>summary>span{min-width:0;display:flex;flex-wrap:wrap;gap:4px;flex:1}.user-number-picker>summary>i{font-style:normal;color:#aeb5b8}.number-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:11px;background:#087f9e;color:#fff;font-size:9px;font-weight:700}.number-chip.more{background:#555a5d}.number-placeholder{color:#aeb5b8;font-size:10px}.user-number-menu{position:absolute;z-index:30;top:calc(100% + 3px);left:0;right:0;padding:8px;border:1px solid #62676a;background:#303234;box-shadow:0 12px 28px #0008}.user-number-menu>input{height:32px;margin:0 0 7px}.user-number-options{max-height:230px;overflow:auto;border:1px solid #505457}.user-number-option{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:7px 8px;border-bottom:1px solid #494d50;cursor:pointer}.user-number-option:last-child{border-bottom:0}.user-number-option:hover{background:#3d4144}.user-number-option input{width:15px!important;height:15px!important;margin:0!important;accent-color:#08a8ca}.user-number-option span{min-width:0;display:grid;gap:2px}.user-number-option b{font-size:10px;color:#f0f2f3}.user-number-option small,.field-help{color:#aeb5b8;font-size:9px}.user-number-menu>button{width:auto;margin:8px 0 0 auto;padding:6px 12px}.user-editor [data-default-caller]+.field-help{display:block;margin-top:-9px;margin-bottom:10px}@media(max-width:700px){.user-number-menu{position:fixed;left:12px;right:12px;top:18vh}.user-number-options{max-height:45vh}}
.flow-designer{display:grid;grid-template-columns:180px minmax(320px,1fr);gap:18px;grid-column:1/-1;min-height:440px;background:#101b1e;border:1px solid #314246;border-radius:10px;padding:16px}.flow-palette{display:flex;flex-direction:column;gap:9px;border-right:1px solid #314246;padding-right:16px}.flow-palette strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#94aeb2}.flow-palette button{text-align:left;background:#243438;border:1px solid #3d5257;color:#e8f2f3}.flow-palette small{color:#789397;line-height:1.45}.flow-canvas{display:flex;flex-direction:column;align-items:center;gap:22px;padding:8px 24px;overflow:auto}.flow-node{width:min(100%,460px);background:#1a292d;border:1px solid #3a5055;border-left:4px solid #38bdf8;border-radius:9px;padding:12px;box-shadow:0 8px 22px #0003;position:relative}.flow-node[draggable=true]{cursor:grab}.flow-node-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.flow-node-head span{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#123a46;color:#67d8ff}.flow-node-head .icon{margin-left:auto}.flow-node label{display:block;margin-top:7px;font-size:11px;color:#92aaae}.flow-node input{width:100%;margin-top:4px}.flow-connector{position:absolute;left:50%;bottom:-25px;color:#5dd5b2;font-size:19px;z-index:2}.flow-prompt{border-left-color:#a78bfa}.flow-destination{border-left-color:#5dd5b2}.flow-hangup{border-left-color:#fb7185}@media(max-width:760px){.flow-designer{grid-template-columns:1fr}.flow-palette{border-right:0;border-bottom:1px solid #314246;padding:0 0 14px}.flow-canvas{padding:8px 0}}
.flow-designer{grid-template-columns:minmax(130px,180px) minmax(0,1fr)}
.provisioning-qr{display:grid;place-items:center;gap:6px;margin:0 auto 16px;text-align:center}.provisioning-qr img{display:block;width:min(280px,100%);height:auto;padding:10px;border-radius:8px;background:#fff;box-shadow:0 1px 6px #0006}.provisioning-qr small{color:#b6bbbe}

/* Compact 3CX-style admin accordion: one primary row per product area. */
#admin-sidebar #nav{display:block;padding-bottom:10px}#admin-sidebar .nav-section{margin:0;border-bottom:1px solid #565759}#admin-sidebar .nav-parent{display:grid;grid-template-columns:minmax(0,1fr) 31px;align-items:stretch;background:#454648}#admin-sidebar .nav-parent>a{min-width:0;min-height:41px!important;padding:8px!important;border:0!important;font-size:10.5px!important;font-weight:650}#admin-sidebar .nav-parent>a span{overflow:hidden;text-overflow:ellipsis}#admin-sidebar .nav-toggle{display:grid;place-items:center;width:auto;min-width:31px;margin:0;padding:0;border:0;border-left:1px solid #595b5d;border-radius:0;background:transparent;color:#c8ccce;font-size:14px;box-shadow:none;transition:transform .15s,background .15s}#admin-sidebar .nav-toggle:hover,#admin-sidebar .nav-toggle:focus-visible{background:#56585a;color:#fff;outline:2px solid #12b7d9;outline-offset:-2px}#admin-sidebar .nav-section-open .nav-toggle{transform:rotate(180deg)}#admin-sidebar .nav-children{display:grid;background:#3c3d3f;box-shadow:inset 3px 0 #333537}#admin-sidebar .nav-section-collapsed .nav-children{display:none}#admin-sidebar .nav-children>a{min-height:32px!important;padding:6px 7px 6px 24px!important;border:0!important;border-top:1px solid #4c4e50!important;color:#d2d5d6!important;font-size:9.5px!important;font-weight:500}#admin-sidebar .nav-children>a i{width:14px!important;font-size:10px!important;color:#9fa5a8!important}#admin-sidebar .nav-children>a:hover{background:#505254!important}#admin-sidebar .nav-children>a.active{background:#606164!important;color:#fff!important;box-shadow:inset 3px 0 #0cb4d8!important}#admin-sidebar .nav-section.has-active>.nav-parent{box-shadow:inset 3px 0 #0cb4d8}#admin-sidebar .nav-section.has-active>.nav-parent>a:not(.active){color:#fff}@media(min-width:901px){body:not(.phone-page){grid-template-columns:80px 178px minmax(0,1fr)}body:not(.phone-page) #admin-sidebar{padding-top:55px}.sidebar-collapsed{grid-template-columns:80px 178px minmax(0,1fr)!important}}@media(max-width:900px){#admin-sidebar .nav-parent>a{font-size:12px!important}#admin-sidebar .nav-children>a{font-size:11px!important;padding-left:34px!important}.nav-visible #admin-sidebar{overflow:hidden}#admin-sidebar #nav{overflow-y:auto}}

/* Unified Voice & Chat workspace, matching the single-list 3CX workflow. */
.voice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-bottom:1px solid #55575a;background:#343638}.voice-filters,.voice-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.voice-toolbar button{width:auto;min-height:28px;margin:0;padding:5px 10px;font-size:10px}.voice-filters button{background:#45484b;color:#d7dcde;border:1px solid #595d60}.voice-filters button.active{background:#087f9e;border-color:#11b5d7;color:#fff}.voice-name{display:flex;align-items:flex-start;gap:8px;min-width:170px}.voice-name>span:last-child{display:grid;gap:2px}.voice-name small{max-width:260px;color:#aeb4b8;font-size:9px;line-height:1.3}.voice-dot{flex:0 0 9px;width:9px;height:9px;margin-top:3px;border-radius:50%;background:#e55454;box-shadow:0 0 0 2px #e5545428}.voice-dot.online{background:#52cf94;box-shadow:0 0 0 2px #52cf9430}.voice-row .status.bad{background:#5a3033;border-color:#7d4449;color:#ffacb3}.trunk-editor{width:min(920px,calc(100vw - 28px))}.trunk-editor-section{align-content:start;min-height:310px}.trunk-sms-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid #5b5e61;background:#393b3d}.trunk-sms-panel p{margin:5px 0 12px;color:#b7bdc0}.trunk-sms-panel label{display:block}.trunk-sms-panel button{width:auto;margin:0}.trunk-sms-panel>small{grid-column:1/-1;color:#b7bdc0}@media(max-width:760px){.voice-toolbar{align-items:stretch;flex-direction:column}.voice-actions{justify-content:flex-start}.trunk-sms-panel{grid-template-columns:1fr}.trunk-sms-panel button{width:100%}}
.voice-row .actions{min-width:270px;white-space:normal}.voice-row .actions button{display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0 0 0 3px;white-space:nowrap}.voice-row .actions .secondary{width:auto;margin-top:0}
.knowledge-importer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid #55575a;background:#343638}.knowledge-importer>div{display:grid;gap:3px}.knowledge-importer small{color:#b9c0c3}.knowledge-importer button{width:auto;min-width:150px;margin:0}@media(max-width:700px){.knowledge-importer{align-items:stretch;flex-direction:column}.knowledge-importer button{width:100%}}

/* Keep the application shell stable while only the active page data changes. */
body:not(.phone-page) main{position:relative}body:not(.phone-page) main::before{content:"";position:absolute;z-index:12;top:54px;left:0;width:38%;height:2px;background:#14b8dd;box-shadow:0 0 8px #14b8dd99;opacity:0;transform:translateX(-120%);pointer-events:none}body.view-loading:not(.phone-page) main::before{opacity:1;animation:view-progress .75s ease-in-out infinite}body:not(.phone-page) main>section{transition:opacity .12s ease}body.view-loading:not(.phone-page) main>section:not([hidden]){opacity:.78;pointer-events:none}@keyframes view-progress{0%{transform:translateX(-120%)}100%{transform:translateX(365%)}}@media(prefers-reduced-motion:reduce){body:not(.phone-page) main>section{transition:none}body.view-loading:not(.phone-page) main::before{animation:none;transform:none;width:100%}}

/* Shared 3CX-style presence palette: green available, gray offline, red busy/error. */
.status.online{color:#35c889}.status.online:before{background:#35c889;box-shadow:0 0 0 2px #35c88926}.status.offline{color:#9aa2a5}.status.offline:before{background:#8d969a}.status.danger{color:#e46267}.status.danger:before{background:#e55359;box-shadow:0 0 0 2px #e5535926}.presence-connection{margin-top:2px}.presence-dot.offline{background:#8d969a}.presence-dot.online{background:#35c889;box-shadow:0 0 0 2px #35c88926}.presence-dot.danger,.presence-dot.error{background:#e55359;box-shadow:0 0 0 2px #e5535926}

/* One 3CX-style trunk workspace for SIP, DIDs, routing, and SMS. */
.trunk-editor{width:min(1080px,calc(100vw - 28px))}.trunk-editor-section{min-height:390px}.editor-loading{grid-column:1/-1;min-height:280px;display:grid;place-items:center;align-content:center;gap:12px;color:#b9bec1}.editor-loading span{width:26px;height:26px;border:3px solid #61666a;border-top-color:#13b5d8;border-radius:50%;animation:trunk-spin .7s linear infinite}@keyframes trunk-spin{to{transform:rotate(360deg)}}.trunk-did-toolbar{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:0 0 10px}.trunk-did-toolbar>div{display:grid;gap:2px;margin-right:auto}.trunk-did-toolbar small,.trunk-sms-heading small,.trunk-sms-settings label>small{color:#adb4b8;font-size:10px}.trunk-did-toolbar button{width:auto;margin:0}.trunk-did-table{grid-column:1/-1;border:1px solid #595d60;background:#343638}.trunk-did-table table{min-width:700px}.trunk-did-table th{height:31px;background:#414345}.trunk-did-table td{padding:4px}.trunk-did-table input,.trunk-did-table select{min-width:0;height:31px;margin:0;padding:5px 7px;border-color:transparent;background:#3b3d3f}.trunk-did-table input:focus,.trunk-did-table select:focus{border-color:#10b4d7;background:#303234}.trunk-did-table td:first-child{width:23%}.trunk-did-table td:nth-child(2){width:25%}.trunk-did-table td:nth-child(3){width:45%}.trunk-did-table .actions{width:42px}.trunk-did-table .actions button{width:28px;height:28px;margin:0;padding:0}.trunk-did-table .empty{margin:18px}.trunk-sms-heading{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px;padding:13px 15px;border:1px solid #5b5e61;background:#3b3d3f}.trunk-sms-heading .switch-check{margin:0;font-size:13px;color:#f0f2f3}.trunk-sms-heading>small{grid-column:1/-1}.trunk-sms-settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:12px 15px 2px;border:1px solid #5b5e61;border-top:0;background:#36383a;transition:opacity .15s}.trunk-sms-settings.settings-disabled{opacity:.62}.trunk-sms-settings .span-2{grid-column:1/-1}.trunk-sms-settings [hidden]{display:none!important}.input-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.input-action input{min-width:0}.input-action button{width:auto;min-height:34px;margin:0}.trunk-sms-settings input[readonly]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.trunk-sms-settings .check{align-self:end;margin-bottom:13px}@media(max-width:760px){.trunk-editor-section{min-height:0}.trunk-did-toolbar{align-items:flex-start;flex-wrap:wrap}.trunk-did-toolbar>div{flex-basis:100%}.trunk-sms-settings{grid-template-columns:1fr}.trunk-sms-settings .span-2{grid-column:1}.input-action{grid-template-columns:1fr}.input-action button{margin-top:-9px}.trunk-sms-heading{grid-template-columns:1fr}.trunk-sms-heading .status{justify-self:start}}

/* Tenant-owned portal and mobile-app branding in Tenant Settings. */
.tenant-branding-section{border-bottom:1px solid var(--line);background:#343638}
.tenant-branding-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line);background:#393b3d}
.tenant-branding-heading h3{margin:0;font-size:14px}.tenant-branding-heading p{margin:2px 0 0;color:var(--muted);font-size:10px}.tenant-branding-heading>span{padding:4px 8px;border-radius:4px;background:#087f9e;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.tenant-branding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tenant-branding-card{display:grid;grid-template-columns:150px minmax(180px,1fr);gap:12px 16px;align-items:center;padding:17px 20px;background:var(--surface)}
.tenant-branding-card+ .tenant-branding-card{border-left:1px solid var(--line)}
.tenant-logo-preview{display:grid;place-items:center;width:150px;height:82px;padding:8px;border:1px solid #65696b;background:#fff;border-radius:5px;overflow:hidden}
.tenant-logo-preview.icon-preview{width:82px;height:82px;justify-self:center;padding:5px;border-radius:16px}
.tenant-logo-preview img{display:block;width:100%;height:100%;object-fit:contain}.tenant-logo-preview.icon-preview img{border-radius:11px}
.tenant-logo-preview span{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#0a9fc4;color:#fff;font-size:20px;font-weight:900;letter-spacing:.05em}
.tenant-branding-copy{display:grid;gap:4px;align-self:center}.tenant-branding-copy h3{margin:0;font-size:14px}.tenant-branding-copy p{max-width:650px;font-size:11px}.tenant-branding-copy small{color:var(--muted);font-size:10px}
.tenant-logo-actions{grid-column:1/-1;display:flex;gap:8px;align-items:center}.tenant-logo-actions button{width:auto;margin:0;white-space:nowrap}.tenant-logo-actions .secondary{border:1px solid #5a5d60}
.history-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid #55575a;background:#343638}.history-toolbar label{display:grid;gap:3px;margin:0;color:#c8cccf;font-size:9px;font-weight:600}.history-toolbar input,.history-toolbar select{min-width:112px;height:30px;padding:4px 7px;font-size:10px}.history-toolbar button{width:auto;min-height:30px;margin:0;padding:5px 9px}.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid #55575a;background:#393b3d;color:#c8cccf;font-size:10px}.history-pagination>div{display:flex;align-items:center;gap:9px}.history-pagination button{width:auto;min-height:29px;margin:0;padding:4px 9px}.sort-button{display:inline-flex;align-items:center;gap:4px;width:auto;margin:0;padding:0;background:transparent;color:inherit;font:inherit;text-transform:inherit;box-shadow:none}.sort-button:hover,.sort-button.active{background:transparent;color:#12b7d8}.recording-actions{display:flex;justify-content:flex-end;align-items:center;gap:2px}.recording-actions button,.recording-actions button:last-child{display:inline-flex;align-items:center;gap:4px;color:#11afd0}.recording-actions button:disabled{opacity:.5;cursor:wait}.no-recording{color:#8c9296;padding:0 8px}
.direction-badge{display:inline-flex;align-items:center;gap:5px;text-transform:capitalize;font-size:10px}.direction-badge>span{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#55595c;color:#e7e9ea}.direction-badge.inbound>span{background:#176f5d;color:#b9f4e4}.direction-badge.outbound>span{background:#17617a;color:#c3eff9}.direction-badge.internal>span{background:#665728;color:#faedb6}
@media(max-width:760px){.history-toolbar{align-items:stretch}.history-toolbar label{flex:1 1 125px}.history-toolbar input,.history-toolbar select{width:100%;min-width:0}.history-toolbar button{flex:1}.history-pagination{align-items:flex-start;flex-direction:column}.history-pagination>div{width:100%;justify-content:space-between}.recording-actions{white-space:nowrap}}
#suite-rail .suite-logo.tenant-icon-active img{display:block;width:38px;height:38px;padding:2px;object-fit:contain;border-radius:9px;background:#fff}.brand>span.tenant-icon-active{padding:2px;background:#fff}.brand>span.tenant-icon-active img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}
.tenant-header-branded{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;align-items:center}.tenant-header-branded>.tenant-portal-logo{grid-column:1;grid-row:1/4;display:block;width:auto;max-width:142px;height:34px;padding:3px 6px;object-fit:contain;border:1px solid #5b5e61;border-radius:4px;background:#fff}.tenant-header-branded>.eyebrow,.tenant-header-branded>h1,.tenant-header-branded>#subtitle{grid-column:2}
@media(max-width:980px){.tenant-branding-grid{grid-template-columns:1fr}.tenant-branding-card+ .tenant-branding-card{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:760px){.tenant-branding-heading{align-items:flex-start}.tenant-branding-card{grid-template-columns:1fr}.tenant-logo-preview{width:min(100%,240px);height:110px}.tenant-logo-preview.icon-preview{width:96px;height:96px;justify-self:start}.tenant-logo-actions{flex-wrap:wrap}.tenant-logo-actions button{flex:1}.tenant-header-branded>.tenant-portal-logo{max-width:105px;height:32px}}
.client-status{display:inline-flex;gap:7px;white-space:nowrap;align-items:center}.client-indicator{position:relative;display:inline-flex;width:25px;height:27px;align-items:center;justify-content:center;color:#90999e;border-radius:4px}.client-indicator svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.client-indicator.online{color:#35c889}.client-indicator.unknown{color:#dbaf57}.client-indicator i{position:absolute;right:-3px;bottom:-3px;background:#343638;border-radius:50%;font:700 10px sans-serif;min-width:10px;text-align:center}.client-indicator:focus{outline:2px solid currentColor;outline-offset:2px}

/* Authoritative mobile admin shell. Keep this last so feature-specific desktop rules cannot win. */
@media(max-width:900px){
  html{overflow-x:hidden;background:#303234}
  body:not(.phone-page){display:block;min-width:0;min-height:100dvh;overflow-x:hidden}
  body:not(.phone-page) #suite-rail{display:none}
  body:not(.phone-page) #admin-sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;padding:14px 10px max(12px,env(safe-area-inset-bottom));overflow:hidden;transform:translateX(-105%);transition:transform .2s ease;box-shadow:14px 0 38px #0009}
  body.nav-visible:not(.phone-page){overflow:hidden}
  body.nav-visible:not(.phone-page) #admin-sidebar{transform:none}
  body.nav-visible:not(.phone-page) #nav-scrim{display:block;position:fixed;z-index:60;inset:0;background:#090b0cc4;touch-action:none}
  body:not(.phone-page) #admin-sidebar .brand{display:flex;min-height:46px;padding:0 4px 10px}
  body:not(.phone-page) #admin-sidebar .brand>div,body:not(.phone-page) #admin-sidebar .launch-phone{display:grid}
  body:not(.phone-page) #admin-sidebar #nav{display:block;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:18px}
  body:not(.phone-page) #admin-sidebar .tenant{display:grid;padding-bottom:env(safe-area-inset-bottom)}
  body:not(.phone-page) .mobile-nav{display:grid;place-items:center;position:fixed;z-index:50;left:max(10px,env(safe-area-inset-left));top:max(8px,env(safe-area-inset-top));width:44px;height:44px;margin:0;padding:0;border-radius:4px;background:#078fad;box-shadow:0 3px 14px #0006}
  body:not(.phone-page) .nav-close{display:grid;place-items:center;min-width:44px;min-height:44px;margin-left:auto}
  body:not(.phone-page) main{display:block;width:100%;min-width:0;margin:0;padding:calc(58px + env(safe-area-inset-top)) 10px calc(22px + env(safe-area-inset-bottom))}
  body:not(.phone-page) main>header{position:sticky;z-index:35;top:0;min-height:56px;margin:calc(-58px - env(safe-area-inset-top)) -10px 12px;padding:max(8px,env(safe-area-inset-top)) 10px 8px 64px;align-items:center;background:#3b3c3ef2;border-bottom:1px solid #57585a;backdrop-filter:blur(12px)}
  body:not(.phone-page) main>header>div:first-child{min-width:0}
  body:not(.phone-page) main>header h1{max-width:48vw;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}
  body:not(.phone-page) .tenant-header-branded>.tenant-portal-logo{display:none}
  body:not(.phone-page) .tenant-header-branded>.eyebrow,body:not(.phone-page) .tenant-header-branded>h1,body:not(.phone-page) .tenant-header-branded>#subtitle{grid-column:1}
  body:not(.phone-page) .header-actions{min-width:0;flex-direction:row;align-items:center;gap:6px}
  body:not(.phone-page) .header-actions .health{display:none}
  body:not(.phone-page) .header-actions button{min-width:44px;min-height:44px;padding:7px 10px}
  body:not(.phone-page) .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body:not(.phone-page) .grid{grid-template-columns:1fr;gap:9px}
  body:not(.phone-page) .panel{min-width:0;padding:12px}
  body:not(.phone-page) #resource-view>.panel{overflow:visible}
  body:not(.phone-page) #resource-view .panel-head{padding:12px;gap:9px;flex-wrap:wrap}
  body:not(.phone-page) #resource-view .table-wrap,body:not(.phone-page) .table-wrap,body:not(.phone-page) .trunk-did-table{width:auto;max-width:100%;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:0}
  body:not(.phone-page) .table-wrap>table{min-width:680px}
  body:not(.phone-page) th,body:not(.phone-page) td{white-space:nowrap}
  body:not(.phone-page) .voice-toolbar,body:not(.phone-page) .user-toolbar{margin:0;overflow-x:auto;overscroll-behavior-inline:contain}
  body:not(.phone-page) .voice-filters,body:not(.phone-page) .voice-actions{flex-wrap:nowrap;width:max-content}
  body:not(.phone-page) .voice-toolbar button,body:not(.phone-page) .user-toolbar button{min-height:40px;white-space:nowrap}
  body:not(.phone-page) input,body:not(.phone-page) select,body:not(.phone-page) textarea{max-width:100%;min-height:44px;font-size:16px}
  body:not(.phone-page) button,body:not(.phone-page) a{touch-action:manipulation}
  body:not(.phone-page) dialog:not(.command-dialog)[open]{inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}
  body:not(.phone-page) dialog:not(.command-dialog)>form{height:100dvh;max-height:none;padding:14px 12px max(12px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  body:not(.phone-page) dialog:not(.command-dialog) .dialog-head{position:sticky;top:0;z-index:4;align-items:flex-start;padding-top:env(safe-area-inset-top);background:#444648}
  body:not(.phone-page) dialog:not(.command-dialog) .dialog-head p{margin-bottom:10px}
  body:not(.phone-page) dialog:not(.command-dialog) .dialog-head .icon{flex:0 0 44px;width:44px;height:44px}
  body:not(.phone-page) #editor form{grid-template-rows:auto minmax(0,1fr) auto auto;height:100dvh;max-height:none;overflow:hidden}
  body:not(.phone-page) #editor #fields{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px}
  body:not(.phone-page) .editor-tabs{position:sticky;z-index:3;top:0;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#444648;scrollbar-width:thin}
  body:not(.phone-page) .editor-tabs button{flex:0 0 auto;min-height:44px}
  body:not(.phone-page) .editor-section,body:not(.phone-page) .user-editor [data-editor-section=options],body:not(.phone-page) .user-editor [data-editor-section=forwarding],body:not(.phone-page) .trunk-sms-settings{grid-template-columns:minmax(0,1fr)}
  body:not(.phone-page) #editor menu{position:sticky;bottom:0;margin:8px -12px 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#444648}
  body:not(.phone-page) #editor menu button{min-height:44px;flex:1}
  body:not(.phone-page) .command-dialog{width:calc(100vw - 16px);max-height:82dvh;margin:8vh auto 0}
  body:not(.phone-page) #toast{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:100;text-align:center}
}
.audio-asset-field{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px 12px;align-items:end;padding:12px;border:1px solid #565b5e;border-radius:4px;background:#383b3d}.audio-asset-field>label{margin:0}.audio-asset-actions{display:flex;gap:6px;align-items:center}.audio-asset-actions button,.audio-asset-actions .button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:34px;margin:0;padding:7px 10px;text-decoration:none;white-space:nowrap}.audio-asset-actions .danger{color:#ef8d8d}.audio-asset-preview{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,420px) minmax(0,1fr);gap:9px;align-items:center}.audio-asset-preview audio{display:block;width:100%;height:34px}.audio-asset-preview small{color:#b8bec1;font-size:10px;overflow-wrap:anywhere}@media(max-width:700px){.audio-asset-field{grid-template-columns:1fr}.audio-asset-actions{flex-wrap:wrap}.audio-asset-actions>*{flex:1}.audio-asset-preview{grid-template-columns:1fr}}

/* 3CX-scale typography: readable without losing the compact PBX workspace. */
body:not(.phone-page){font-size:14px}body:not(.phone-page) header h1{font-size:24px}body:not(.phone-page) header p,body:not(.phone-page) .panel p{font-size:13px;line-height:1.45}body:not(.phone-page) .eyebrow,body:not(.phone-page) .tenant small{font-size:10px}body:not(.phone-page) .brand strong{font-size:16px}body:not(.phone-page) .brand small{font-size:11px}body:not(.phone-page) .launch-phone b{font-size:13px}body:not(.phone-page) .launch-phone small{font-size:11px}body:not(.phone-page) #admin-sidebar .nav-parent>a{font-size:12px!important}body:not(.phone-page) #admin-sidebar .nav-children>a{font-size:11px!important}body:not(.phone-page) #admin-sidebar .nav-parent>a i{font-size:15px!important}body:not(.phone-page) #admin-sidebar .nav-children>a i{font-size:12px!important}body:not(.phone-page) .panel h2{font-size:17px}body:not(.phone-page) .panel-head p{font-size:12px}body:not(.phone-page) .stats span{font-size:13px}body:not(.phone-page) .stats small{font-size:11px}body:not(.phone-page) th{font-size:11px}body:not(.phone-page) td{font-size:13px}body:not(.phone-page) label{font-size:13px}body:not(.phone-page) button{font-size:12px}body:not(.phone-page) input,body:not(.phone-page) select,body:not(.phone-page) textarea{font-size:13px}body:not(.phone-page) .actions button,body:not(.phone-page) .user-toolbar button,body:not(.phone-page) .voice-toolbar button{font-size:11px}body:not(.phone-page) .editor-tabs button{font-size:12px}body:not(.phone-page) .cell-detail,body:not(.phone-page) .voice-name small,body:not(.phone-page) .user-number-option small,body:not(.phone-page) .field-help,body:not(.phone-page) .audio-asset-preview small,body:not(.phone-page) .setup-summary small,body:not(.phone-page) .editor-tip,body:not(.phone-page) .section-heading small{font-size:11px}body:not(.phone-page) .field-label,body:not(.phone-page) .user-number-option b,body:not(.phone-page) .number-placeholder,body:not(.phone-page) .number-chip{font-size:11px}body:not(.phone-page) .history-toolbar label{font-size:11px}body:not(.phone-page) .history-toolbar input,body:not(.phone-page) .history-toolbar select,body:not(.phone-page) .history-pagination,body:not(.phone-page) .direction-badge{font-size:12px}

/* Main admin add/edit forms use the page workspace; small utility dialogs remain modal. */
body:not(.phone-page) #editor.admin-inline-editor[open]{display:block;position:relative;inset:auto;width:100%;max-width:none;height:auto;max-height:none;margin:0;padding:0;border:1px solid #55585a;border-radius:3px;background:#444648;box-shadow:none}
body:not(.phone-page) #editor.admin-inline-editor::backdrop{display:none;background:transparent;backdrop-filter:none}
body:not(.phone-page) #editor.admin-inline-editor form{width:100%;height:auto;min-height:calc(100dvh - 132px);max-height:none;margin:0;padding:18px 20px;overflow:visible}
body:not(.phone-page) #editor.admin-inline-editor .dialog-head{position:static;padding:0;background:transparent;border-bottom:1px solid #595c5f}
body:not(.phone-page) #editor.admin-inline-editor .dialog-head .icon{flex:0 0 40px;width:40px;height:40px}
body:not(.phone-page) #editor.admin-inline-editor #fields{min-height:0;overflow:visible;padding:0}
body:not(.phone-page) #editor.admin-inline-editor .editor-tabs{position:static;background:transparent}
body:not(.phone-page) #editor.admin-inline-editor menu{position:static;margin:16px 0 0;padding:14px 0 0;background:transparent}
body.admin-editor-open:not(.phone-page) header{margin-bottom:12px}
body.admin-editor-open:not(.phone-page) #primary-action,body.admin-editor-open:not(.phone-page) #bulk-action{display:none}
@media(max-width:900px){body:not(.phone-page) #editor.admin-inline-editor form{min-height:calc(100dvh - 112px);padding:14px 12px}body:not(.phone-page) #editor.admin-inline-editor menu{margin-top:12px;padding-bottom:env(safe-area-inset-bottom)}}

/* 3CX-style progressive disclosure for provider and expert settings. */
.trunk-setup-summary,.trunk-advanced-intro{grid-column:1/-1}.trunk-setup-summary{margin-bottom:14px}.trunk-advanced-intro{display:grid;gap:3px;margin-bottom:13px;padding:11px 13px;border-left:3px solid #13afd1;background:#383d3f}.trunk-advanced-intro b{color:#f0f2f3;font-size:12px}.trunk-advanced-intro small{color:#b4bbbf;font-size:10px;line-height:1.45}.trunk-editor .field-help{display:block;margin-top:-9px;margin-bottom:11px;line-height:1.4}.trunk-editor .settings-disabled{opacity:.48}.generic-editor-section[data-editor-section=options]{padding:12px;border:1px solid #55595c;background:#3a3c3e}.generic-editor-section[data-editor-section=options]::before{content:"Advanced settings";grid-column:1/-1;color:#f0f2f3;font-size:12px;font-weight:800}.generic-editor-section[data-editor-section=options]::after{content:"Leave these values unchanged unless this feature requires a provider-specific or specialist override.";grid-column:1/-1;grid-row:2;margin-bottom:5px;color:#adb4b8;font-size:10px}
.trunk-expert-settings{grid-column:1/-1;margin-top:6px;border:1px solid #555b5e;background:#34383a}.trunk-expert-settings summary{padding:13px 15px;cursor:pointer;color:#e8ebec;font-weight:800}.trunk-expert-settings[open] summary{border-bottom:1px solid #505659}.trunk-expert-settings>p{margin:12px 15px 0;color:#b7bec1;font-size:11px}.trunk-expert-settings>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;padding:14px 15px}.trunk-expert-settings label{min-width:0}
@media(max-width:850px){.trunk-expert-settings>div{grid-template-columns:1fr}}
@media(max-width:900px){body:not(.phone-page) #admin-sidebar .nav-parent>a{font-size:13px!important}body:not(.phone-page) #admin-sidebar .nav-children>a{font-size:12px!important}}
.transcript-dialog textarea{width:100%;min-height:280px;resize:vertical;line-height:1.55;font:inherit}.transcript-preview{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-error{color:#ef8d8d}
.admin-analysis-dialog{width:min(1280px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #596064;border-radius:7px;background:#303335;color:#f1f3f4;box-shadow:0 28px 90px #000b}.admin-analysis-dialog::backdrop{background:#080b0ddd;backdrop-filter:blur(2px)}.admin-analysis-dialog form{max-height:calc(100dvh - 42px);overflow:auto;padding:0}.admin-analysis-head{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;border-bottom:1px solid #50565a;background:#303335f5;backdrop-filter:blur(10px)}.admin-analysis-head>div:last-child{display:flex;align-items:center;gap:8px}.admin-analysis-head small{color:#58d1eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.admin-analysis-head h2{margin:3px 0 2px;font-size:21px}.admin-analysis-head p{margin:0;color:#aeb5b9}.admin-analysis-head button{width:auto;min-height:36px;margin:0}.admin-analysis-head .icon{width:36px;padding:0;font-size:23px}#admin-analysis-body{padding:19px 22px 26px}.admin-analysis-overview{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:1px;margin-bottom:14px;overflow:hidden;border:1px solid #50565a;border-radius:5px;background:#50565a}.admin-analysis-overview>div{min-height:72px;padding:13px 15px;background:#3a3d3f}.admin-analysis-overview span{display:block;margin-bottom:7px;color:#72d7ec;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.admin-analysis-overview b{font-size:13px;text-transform:capitalize}.admin-analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-analysis-card{padding:16px 17px;border:1px solid #50565a;border-radius:5px;background:#393c3e}.admin-analysis-card h3{margin:0 0 9px;font-size:14px}.admin-analysis-card p{margin:0;color:#d7dcde;line-height:1.55;white-space:pre-wrap}.admin-analysis-card ul{margin:0;padding-left:20px;color:#d7dcde}.admin-analysis-card li+li{margin-top:5px}.admin-analysis-card.summary{border-left:4px solid #20bddd}.admin-analysis-card dl{display:grid;gap:8px;margin:0}.admin-analysis-card dl>div{display:grid;grid-template-columns:95px 1fr;gap:9px}.admin-analysis-card dt{color:#aeb5b9}.admin-analysis-card dd{margin:0}.admin-sentiment{display:inline-flex;padding:3px 8px;border-radius:16px;background:#555;text-transform:capitalize}.admin-sentiment.positive{background:#176b52}.admin-sentiment.negative{background:#8b343b}.admin-sentiment.mixed{background:#775b20}.admin-sentiment.neutral{background:#4c5c68}.admin-analysis-card.actions{border-left:4px solid #2ebd78}.admin-analysis-card.risks{border-left:4px solid #e47754}.admin-analysis-card.topics ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.admin-analysis-card.topics li{margin:0;padding:4px 9px;border-radius:16px;background:#294953;color:#9ce8f5}.admin-analysis-card.recording,.admin-analysis-card.transcript{margin-top:13px}.admin-analysis-card.recording audio{width:100%;height:40px}.admin-analysis-card.transcript p{max-height:360px;overflow:auto;padding:13px;border-radius:4px;background:#2b2e30;line-height:1.65}@media(max-width:800px){.admin-analysis-dialog{inset:auto 0 0;width:100vw;max-height:94dvh;margin:0;border-width:1px 0 0;border-radius:12px 12px 0 0}.admin-analysis-dialog form{max-height:94dvh}.admin-analysis-head{padding:14px 12px}.admin-analysis-overview{grid-template-columns:repeat(2,1fr)}.admin-analysis-grid{grid-template-columns:1fr}#admin-analysis-body{padding:12px}}

/* Compact, aligned in-page add/edit forms. Desktop editors should read like an
   administration workspace, while touch targets remain full-sized on mobile. */
@media(min-width:901px){
  body:not(.phone-page) #editor.admin-inline-editor form{width:min(1180px,100%);min-height:calc(100dvh - 132px);margin:0 auto;padding:15px 18px}
  body:not(.phone-page) #editor.admin-inline-editor .dialog-head{align-items:flex-start;padding:0 0 11px}
  body:not(.phone-page) #editor.admin-inline-editor .dialog-head h2{font-size:21px;line-height:1.25}
  body:not(.phone-page) #editor.admin-inline-editor .dialog-head p{margin:3px 0 0;font-size:12px;line-height:1.4}
  body:not(.phone-page) #editor.admin-inline-editor #fields{padding-top:10px}
  body:not(.phone-page) #editor.admin-inline-editor .editor-tabs{margin:0 0 13px}
  body:not(.phone-page) #editor.admin-inline-editor .editor-tabs button{min-height:38px;padding:8px 13px;font-size:12px}
  body:not(.phone-page) #editor.admin-inline-editor .editor-section{grid-template-columns:repeat(2,minmax(240px,1fr));column-gap:18px;row-gap:11px;align-items:start}
  body:not(.phone-page) #editor.admin-inline-editor .editor-section>label{min-width:0;margin:0;gap:6px;align-content:start;font-size:12.5px;font-weight:650;line-height:1.3}
  body:not(.phone-page) #editor.admin-inline-editor :is(input:not([type=checkbox]):not([type=radio]),select){width:100%;height:38px;min-height:38px;margin:0;padding:7px 10px;font-size:13.5px;font-weight:450;line-height:1.3}
  body:not(.phone-page) #editor.admin-inline-editor textarea{width:100%;min-height:88px;height:auto;margin:0;padding:8px 10px;font-size:13.5px;font-weight:450;line-height:1.45}
  body:not(.phone-page) #editor.admin-inline-editor label.check{min-height:38px;margin:0;padding:8px 10px;border:1px solid #55595c;background:#3c3f41;font-size:12.5px;font-weight:600}
  body:not(.phone-page) #editor.admin-inline-editor label.check input{flex:0 0 auto;width:15px;height:15px;margin:0 4px 0 0}
  body:not(.phone-page) #editor.admin-inline-editor .field-help{margin:0!important;color:#bbc1c4;font-size:10.5px;font-weight:450;line-height:1.4}
  body:not(.phone-page) #editor.admin-inline-editor .setup-summary{margin-bottom:2px;padding:9px 11px}
  body:not(.phone-page) #editor.admin-inline-editor .user-number-field{margin:0;gap:5px}
  body:not(.phone-page) #editor.admin-inline-editor .user-number-picker>summary{min-height:38px;padding:6px 10px;font-size:13px}
  body:not(.phone-page) #editor.admin-inline-editor menu{margin-top:13px;padding-top:11px}
  body:not(.phone-page) #editor.admin-inline-editor menu button{min-width:88px;min-height:34px}
  body:not(.phone-page) #editor.admin-inline-editor.trunk-editor form{width:min(1080px,100%)}
  body:not(.phone-page) #editor.admin-inline-editor.trunk-editor .trunk-editor-section{min-height:0}
  body:not(.phone-page) #editor.admin-inline-editor.routing-rule-editor form{width:min(1180px,100%)}
}
.call-handling-editor{width:min(960px,calc(100vw - 28px))}.call-handling-editor #fields{padding-top:0}.setup-summary{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid #4d686f;background:#334247}.setup-summary>span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#13acd0;color:#fff;font-weight:800}.setup-summary>div{display:grid;gap:2px}.setup-summary small,.editor-tip,.section-heading small{color:#b6bdc0;font-size:10px}.call-handling-tabs{margin-bottom:14px}.call-handling-section{align-content:start;min-height:300px}.call-handling-section .reference-multi-field,.call-handling-section .user-number-field,.call-handling-section .ivr-menu-builder,.call-handling-section .editor-tip{grid-column:1/-1}.editor-tip{margin:2px 0;padding:10px 12px;border-left:3px solid #15afd0;background:#393d3f}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading>div{display:grid;gap:3px}.section-heading button{width:auto;margin:0}.ivr-option-row{display:grid;grid-template-columns:110px minmax(240px,1fr) 34px;gap:10px;align-items:end;padding:9px 0;border-bottom:1px solid #505356}.ivr-option-row label{margin:0}.ivr-option-row select{margin:4px 0 0}.ivr-option-row>.icon{width:34px;height:34px;margin:0 0 13px;padding:0}.call-handling-editor [data-editor-section=advanced]{padding:12px;border:1px solid #575b5e;background:#3c3e40}.call-handling-editor [data-editor-section=advanced]::before{content:"Expert controls";grid-column:1/-1;color:#f0f2f3;font-size:12px;font-weight:800}.call-handling-editor [data-editor-section=advanced]::after{content:"Leave these values unchanged unless your call-flow design requires different retry, timing, notification, or Talk behaviour.";grid-column:1/-1;grid-row:2;color:#adb4b8;font-size:10px;margin-bottom:5px}
@media(max-width:700px){.setup-summary{margin-inline:2px}.call-handling-section{min-height:0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading button{width:100%}.ivr-option-row{grid-template-columns:72px minmax(0,1fr) 38px}.ivr-option-row>.icon{margin-bottom:13px}}
@media(max-width:480px){
  body:not(.phone-page) main>header h1{max-width:40vw;font-size:15px}
  body:not(.phone-page) .stats{grid-template-columns:1fr 1fr}
  body:not(.phone-page) .stats article{padding:12px}
  body:not(.phone-page) .stats strong{font-size:22px}
  body:not(.phone-page) .overview-banner{display:block;padding:12px}
  body:not(.phone-page) .quick-actions{display:flex;overflow-x:auto;margin-top:10px}
  body:not(.phone-page) .quick-actions a{flex:0 0 auto;min-height:40px;display:grid;place-items:center}
  body:not(.phone-page) .panel-head{align-items:flex-start}
  body:not(.phone-page) .panel-head>button{min-height:44px}
  body:not(.phone-page) .tenant-branding-heading{display:grid}
}

/* Admin workspace usability pass: one stable shell, readable navigation and independently scrolling data. */
body:not(.phone-page) :is(button,a,input,select,textarea):focus-visible{outline:2px solid #20c0df;outline-offset:2px}
body:not(.phone-page) button{min-height:34px;padding:7px 11px;border-radius:4px;white-space:nowrap}
body:not(.phone-page) .header-actions{gap:8px}
body:not(.phone-page) .header-actions #primary-action{min-width:112px;background:#c59a4a;color:#17191a}
body:not(.phone-page) .header-actions #primary-action:hover{background:#ddb461}
body:not(.phone-page) #search{width:clamp(220px,24vw,390px);min-width:0;height:36px;padding:7px 10px}
body:not(.phone-page) #resource-view .panel-head>div{min-width:0}
body:not(.phone-page) #resource-view .panel-head h2,body:not(.phone-page) #resource-view .panel-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body:not(.phone-page) #resource-view tbody tr{transition:background .12s ease}
body:not(.phone-page) #resource-view tbody tr:hover{background:#424649}
body:not(.phone-page) #resource-view .actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:max-content}
body:not(.phone-page) #resource-view .actions button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;margin:0;padding:5px 8px;border:1px solid transparent;border-radius:3px}
body:not(.phone-page) #resource-view .actions button:not(.secondary):not(:last-child){background:#087f9e;color:#fff}
body:not(.phone-page) #resource-view .actions button:last-child{border-color:#805154;background:#52383a;color:#ffb2b7}
body:not(.phone-page) #resource-view .actions button:hover{filter:brightness(1.12)}
body:not(.phone-page) .history-toolbar,body:not(.phone-page) .voice-toolbar,body:not(.phone-page) .user-toolbar{flex:0 0 auto}
body:not(.phone-page) .history-pagination{flex:0 0 auto}

@media(min-width:901px){
  body:not(.phone-page){grid-template-columns:70px 220px minmax(0,1fr)!important;height:100dvh;overflow:hidden}
  body:not(.phone-page) #suite-rail{width:70px;padding:7px 4px}
  body:not(.phone-page) #suite-rail .suite-logo{height:44px}
  body:not(.phone-page) #suite-rail a:not(.suite-logo){min-height:50px;font-size:9px}
  body:not(.phone-page) #suite-rail a i{font-size:18px}
  body:not(.phone-page) #admin-sidebar{width:220px!important;padding-top:10px;overflow:hidden}
  body:not(.phone-page) #admin-sidebar #nav{height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
  body:not(.phone-page) #admin-sidebar .nav-label{min-height:30px;padding:8px 11px 6px;font-size:9px}
  body:not(.phone-page) #admin-sidebar .nav-parent>a{min-height:44px!important;padding:9px 11px!important;font-size:12px!important}
  body:not(.phone-page) #admin-sidebar .nav-children>a{min-height:36px!important;padding:7px 10px 7px 30px!important;font-size:11px!important}
  body:not(.phone-page) #admin-sidebar .nav-parent>a i{width:21px!important;font-size:16px!important}
  body:not(.phone-page) #admin-sidebar .nav-children>a i{width:16px!important;font-size:12px!important}
  body:not(.phone-page) #admin-sidebar #nav a.active{background:#087f9e!important;box-shadow:inset 4px 0 #54d8f1!important}
  body:not(.phone-page) #admin-sidebar .tenant{padding:9px 8px 0}
  body:not(.phone-page) main{grid-column:3;grid-row:1;height:100dvh;min-width:0;overflow:auto;padding:0 20px 24px}
  body:not(.phone-page) main>header{position:sticky;z-index:15;top:0;min-height:70px;margin:0 -20px 14px;padding:9px 20px;background:#353739f2;backdrop-filter:blur(12px)}
  body:not(.phone-page) main>header>div:first-child{min-width:0}
  body:not(.phone-page) main>header .eyebrow{display:block;font-size:8px}
  body:not(.phone-page) main>header #subtitle{display:block;max-width:54vw;overflow:hidden;color:#b0b7bb;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
  body:not(.phone-page) main>header h1{margin:0;font-size:19px}
  body:not(.phone-page) .overview-banner{display:flex;min-height:52px;padding:10px 14px}
  body:not(.phone-page) .dashboard-stats{grid-template-columns:repeat(6,minmax(112px,1fr));gap:1px}
  body:not(.phone-page) .dashboard-stats article{min-width:0}
  body:not(.phone-page) .grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:12px}
  body:not(.phone-page) #resource-view>.panel{display:flex;height:calc(100dvh - 84px);min-height:420px;flex-direction:column;overflow:hidden;border:1px solid #55585a}
  body:not(.phone-page) #resource-view .panel-head{flex:0 0 auto;align-items:center;padding:11px 14px;background:#393b3d}
  body:not(.phone-page) #resource-view .table-wrap{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border-width:1px 0 0!important}
  body:not(.phone-page) #resource-view table{min-width:max(100%,760px)}
  body:not(.phone-page) #resource-view thead th{position:sticky;z-index:4;top:0;height:36px;background:#303335;box-shadow:0 1px #5b5e61}
  body:not(.phone-page) #resource-view th:last-child{right:0;z-index:6;text-align:right}
  body:not(.phone-page) #resource-view td.actions{position:sticky;z-index:2;right:0;background:#3b3d3f;box-shadow:-8px 0 12px #24262770}
  body:not(.phone-page) #resource-view tr:hover td.actions{background:#424649}
  body:not(.phone-page) #empty{flex:1;align-content:center}
  .sidebar-collapsed{grid-template-columns:70px 52px minmax(0,1fr)!important}
  .sidebar-collapsed #admin-sidebar{width:52px!important;padding-top:10px}
}
@media(min-width:901px) and (max-width:1300px){body:not(.phone-page) .dashboard-stats{grid-template-columns:repeat(3,1fr)}body:not(.phone-page) .grid{grid-template-columns:1fr}}
@media(max-width:900px){
  body:not(.phone-page) #resource-view .actions{justify-content:flex-start;flex-wrap:wrap}
  body:not(.phone-page) #resource-view .panel-head h2,body:not(.phone-page) #resource-view .panel-head p{white-space:normal}
  body:not(.phone-page) #search{width:100%;height:44px}
}

/* Guided 3CX-style inbound and outbound rule management. */
.routing-rule-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:10px 14px;border-top:1px solid #505457;border-bottom:1px solid #505457;background:#343638}.routing-rule-toolbar nav{display:flex;gap:0;margin:0;overflow:visible;border:1px solid #5a5e61;border-radius:3px}.routing-rule-toolbar nav a{min-width:96px;padding:7px 13px;color:#cbd0d3;text-align:center;text-decoration:none;font-size:12px;font-weight:800}.routing-rule-toolbar nav a.active{background:#078fad;color:#fff}.routing-rule-toolbar>div{display:grid;gap:2px}.routing-rule-toolbar [data-rule-count]{color:#f2f4f5;font-size:12px;font-weight:800}.routing-rule-toolbar small{color:#aeb5b9;font-size:10px}.routing-rule-toolbar .rule-companion-link{padding:7px 10px;text-decoration:none;font-size:10px}.routing-rule-row td{vertical-align:middle}.routing-rule-row td:first-child{font-variant-numeric:tabular-nums}.routing-rule-row .actions button span{font-size:13px}.route-destination{display:grid;gap:2px}.route-destination b{font-size:12px}.route-destination small{color:#aeb5b9;font-size:10px}.rule-match{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-users{display:block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rule-action{display:inline-flex;align-items:center;min-width:54px;justify-content:center;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:800;text-transform:capitalize}.rule-action.allow{background:#22483e;color:#73ddb9}.rule-action.block{background:#56383a;color:#ffaaaa}
.routing-rule-editor{width:min(1180px,calc(100vw - 28px))}.routing-rule-editor #fields{display:block!important}.routing-rule-layout{display:grid;min-width:0}.routing-editor-intro{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;margin-bottom:12px;padding:11px 13px;border-left:3px solid #12afd1;background:#393d3f}.routing-editor-intro>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16556a;color:#58d7f4;font-size:19px;font-weight:900}.routing-editor-intro div{display:grid;gap:2px}.routing-editor-intro b{font-size:13px}.routing-editor-intro small{color:#b7bdc0;font-size:11px}.routing-rule-layout>.editor-tabs{margin-top:0}.routing-editor-section{min-height:250px;align-content:start;padding:4px 2px}.routing-editor-section[data-editor-section=options]{border:1px solid #55595c;background:#3a3c3e;padding:14px}.routing-editor-section .field-help{display:block;margin:-8px 0 10px;color:#aeb5b9;font-size:10px;line-height:1.4}.rule-template-cards{grid-column:1/-1;display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,minmax(110px,.65fr));gap:7px;align-items:stretch;margin-bottom:9px}.rule-template-cards>div{display:grid;align-content:center;gap:2px;padding:8px 10px}.rule-template-cards>div small{color:#aeb5b9;font-size:10px}.rule-template-cards button{display:grid;gap:2px;padding:8px 10px;border:1px solid #606568;background:#4b4e50;color:#fff;text-align:left}.rule-template-cards button:hover{border-color:#18b7d8;background:#3c5961}.rule-template-cards button b{font-size:11px}.rule-template-cards button small{color:#c3c9cc;font-size:9px}.routing-rule-editor .settings-disabled{opacity:.48}.routing-rule-editor menu #save{min-width:110px}.outbound-route-section{display:block!important;min-height:0;padding:0!important;border:1px solid #55595c;background:#36393b}.outbound-route-section[hidden]{display:none!important}.outbound-route-heading{display:grid;gap:3px;padding:12px 14px;border-bottom:1px solid #55595c}.outbound-route-heading small{color:#b5bcc0;font-size:10px}.outbound-route-labels,.outbound-route-row{display:grid;grid-template-columns:74px minmax(190px,1.2fr) minmax(105px,.55fr) minmax(120px,.65fr) minmax(170px,.9fr);gap:9px;align-items:end;padding:8px 12px}.outbound-route-labels{padding-block:7px;background:#2d3032;color:#aeb6ba;font-size:9px;font-weight:800;text-transform:uppercase}.outbound-route-row{border-top:1px solid #4d5154}.outbound-route-row>b{align-self:center;display:grid;gap:2px;font-size:11px}.outbound-route-row>b small{color:#36c8e6;font-size:8px;text-transform:uppercase}.outbound-route-row label,.outbound-route-row .user-number-field{display:block;margin:0}.outbound-route-row label{font-size:0}.outbound-route-row input,.outbound-route-row select{margin:0}.routing-rule-workspace .table-wrap{overflow:auto}.routing-rule-workspace table{min-width:980px}.outbound-route-cell{font-weight:700;color:#d7dcde}
.routing-rule-editor [aria-invalid=true]{border-color:#ff7474!important;box-shadow:0 0 0 2px #ff747433!important}.routing-rule-editor #form-error:not(:empty){display:block;margin:8px 0 0;padding:9px 12px;border-left:3px solid #ff7474;background:#543638;color:#ffd1d1;font-weight:700}
.routing-token-editor{display:grid;gap:7px;margin:6px 0 10px;padding:8px;border:1px solid #5b6063;border-radius:3px;background:#303335}.routing-token-chips{display:flex;min-height:27px;align-items:center;gap:6px;flex-wrap:wrap}.routing-token-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 5px 4px 9px;border-radius:14px;background:#16566a;color:#eafaff;font-size:11px;font-weight:800}.routing-token-chip button{display:grid;place-items:center;width:18px;height:18px;min-width:18px;padding:0;border:0;border-radius:50%;background:#26778d;color:#fff;font-size:14px;line-height:1}.routing-token-chip button:hover{background:#b13f49}.routing-token-empty{color:#9ba3a7;font-size:11px;font-style:italic}.routing-token-entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.routing-token-entry-row input,.routing-token-entry-row button{margin:0}.routing-token-entry-row button{white-space:nowrap}.routing-token-editor.disabled{opacity:.55}
.routing-rule-row .actions .rule-move{min-width:54px;padding-inline:8px}.routing-rule-row .actions .rule-move:disabled{opacity:.35;cursor:not-allowed}.routing-rule-row .actions .rule-move span{font-size:15px;line-height:1}
@media(max-width:900px){.routing-rule-toolbar{grid-template-columns:1fr;gap:8px}.routing-rule-toolbar nav{width:max-content}.routing-rule-toolbar .rule-companion-link{display:none}.rule-template-cards{grid-template-columns:1fr}.routing-rule-editor{width:100vw}.routing-editor-section{grid-template-columns:1fr}}

/* Standalone tenant call-intelligence dashboard. */
#call-intelligence-view{display:block;padding-bottom:24px}#call-intelligence-view[hidden]{display:none}.intelligence-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 15px;border:1px solid #49626a;border-radius:5px;background:#273a40}.intelligence-status>div{display:flex;align-items:center;gap:9px}.intelligence-status small{color:#b7c6cb}.intelligence-status a,.intelligence-status button{min-height:34px;margin:0;text-decoration:none}.intelligence-stats{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:14px}.intelligence-stats article{position:relative;min-height:110px;padding:17px 18px;overflow:hidden;border:1px solid #50565a;border-radius:6px;background:#393c3e}.intelligence-stats article::after{content:"";position:absolute;right:-18px;bottom:-32px;width:90px;height:90px;border-radius:50%;background:#20bddd18}.intelligence-stats article.attention{border-color:#9e7b35;background:#433c2f}.intelligence-stats article.risk{border-color:#8c4b4f;background:#413335}.intelligence-stats span,.intelligence-stats small{display:block;color:#b9c0c3}.intelligence-stats strong{display:block;margin:8px 0 5px;color:#5bd6ef;font-size:28px}.intelligence-stats .attention strong{color:#f1c665}.intelligence-stats .risk strong{color:#ff8b90}.intelligence-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:14px}.intelligence-grid>.panel{margin:0}.intelligence-trend,.intelligence-signals{min-height:330px}.intelligence-legend{display:flex;gap:13px;color:#abb2b6;font-size:11px}.intelligence-legend span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px;background:#55616a}.intelligence-legend .calls::before,.intelligence-bars .calls{background:#22bcdf}.intelligence-legend .analysed::before,.intelligence-bars .analysed{background:#2fbd7d}.intelligence-legend .followups::before,.intelligence-bars .followups{background:#f0b64d}.intelligence-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:18px;height:235px;padding:18px 12px 0}.intelligence-day{display:grid;grid-template-rows:1fr auto auto;gap:4px;min-width:0;text-align:center}.intelligence-bars{display:flex;align-items:end;justify-content:center;gap:5px;min-height:155px;border-bottom:1px solid #565c60}.intelligence-bars i{display:block;width:min(22px,27%);min-height:3px;border-radius:3px 3px 0 0;transition:height .25s ease}.intelligence-day>b{font-size:11px}.intelligence-day>small{color:#90999e}.intelligence-signals h3{margin:14px 0 9px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.signal-row{display:grid;grid-template-columns:72px 1fr 24px;align-items:center;gap:8px;margin:7px 0}.signal-row>div{height:7px;overflow:hidden;border-radius:9px;background:#26292b}.signal-row>div i{display:block;height:100%;border-radius:inherit;background:#20bddd}.signal-row>b{text-align:right}.outcome-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #4d5255}.outcome-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intelligence-recent,.intelligence-team{min-height:320px}.intelligence-call{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0;padding:11px 5px;border:0;border-bottom:1px solid #4d5255;border-radius:0;background:transparent;color:inherit;text-align:left}.intelligence-call:hover{background:#414548}.intelligence-call>span:nth-child(2){min-width:0}.intelligence-call b,.intelligence-call small,.intelligence-call em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intelligence-call small{margin-top:3px;color:#aeb5b9}.intelligence-call em{margin-top:5px;color:#cbd2d5;font-style:normal}.followup-chip{padding:4px 7px;border-radius:12px;background:#765b24;color:#ffd67d;font-size:10px}.team-intelligence-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(100px,1.5fr) 28px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #4d5255}.team-intelligence-row>div small{display:block;color:#aeb5b9}.team-intelligence-row>span{height:7px;overflow:hidden;border-radius:8px;background:#272a2c}.team-intelligence-row>span i{display:block;height:100%;border-radius:inherit;background:#20bddd}.team-intelligence-row>small{grid-column:2/4;color:#9fa8ac}@media(max-width:1200px){.intelligence-stats{grid-template-columns:repeat(3,1fr)}.intelligence-grid{grid-template-columns:1fr}}@media(max-width:700px){.intelligence-status{align-items:flex-start;flex-direction:column}.intelligence-stats{grid-template-columns:repeat(2,1fr)}.intelligence-chart{gap:5px;padding-inline:0}.intelligence-legend{display:none}.intelligence-call{grid-template-columns:30px minmax(0,1fr) auto}.intelligence-call .followup-chip{grid-column:2/4;width:max-content}.intelligence-call .admin-sentiment{font-size:9px}}
.integration-field-hidden,.integration-section-empty{display:none!important}.integration-service-picker{grid-column:1/-1;display:grid;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #596064;background:#363a3c}.integration-service-picker>div{display:grid;gap:2px}.integration-service-picker>div small{color:#b4bbc0;font-size:11px}.integration-service-picker nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0;overflow:visible}.integration-service-picker button{display:grid;align-content:start;gap:4px;min-height:70px;padding:11px 12px;border:1px solid #5c6266;background:#474b4d;color:#f1f3f4;text-align:left}.integration-service-picker button:hover{border-color:#21b8d8;background:#40555c}.integration-service-picker button[aria-pressed=true]{border-color:#29c2e2;background:#15566a;box-shadow:inset 3px 0 #45d5f2}.integration-service-picker button b{font-size:12px}.integration-service-picker button small{color:#c0c7ca;font-size:10px;line-height:1.35}@media(max-width:700px){.integration-service-picker nav{grid-template-columns:1fr}}