:root{--ink:#142232;--muted:#627183;--blue:#246cf0;--line:#e5ebf2;--bg:#f4f7fb;--nav:#101e31;--green:#11866a}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;border-radius:9px;padding:10px 16px;background:#edf2fa;color:var(--ink);font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--blue);color:white}.quiet{background:transparent;border:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:17px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--muted);margin-bottom:12px}.muted,small{color:var(--muted)}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #cfdae7;border-radius:8px;background:white;color:var(--ink);padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}textarea{min-height:120px;resize:vertical}input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}#login-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.login-brand{background:var(--nav);color:white;padding:12vh 10vw;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;bottom:-240px;right:-190px;border:70px solid #203c60;border-radius:50%;width:550px;height:550px;opacity:.6}.login-brand h1{font-size:clamp(30px,3.3vw,52px);line-height:1.13;letter-spacing:-2px;margin-top:45px}.login-brand p{color:#9fb1c9}.login-brand .eyebrow{margin-top:24px;color:#abc4e8}.brand-mark{height:66px;width:66px;border:3px solid #518fff;border-radius:20px;display:grid;place-items:center;font-size:39px;font-weight:800;position:relative;color:white}.brand-mark span{font-size:16px;position:absolute;right:6px;bottom:4px;color:#75a7ff}.brand-mark.small{width:42px;height:42px;font-size:25px;border-radius:13px}.brand-mark.small span{font-size:12px}.login-note{margin-top:80px;font-size:12px;position:relative;z-index:1;color:#94abc8}#login-form{width:min(360px,85%);margin:auto}#login-form .primary{width:100%;display:flex;justify-content:space-between;margin:12px 0 24px}#login-form small{font-size:12px}#login-error,#form-error{color:#b62639}#shell{display:flex;min-height:100vh}aside{width:242px;background:var(--nav);color:#b7c5d8;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:30px 18px;z-index:3}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:20px;font-weight:750;margin:0 14px 40px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#92a9c7}.brand-mark.small{flex-shrink:0}#portal-label{color:#7088a8;margin-left:16px}nav{display:grid;gap:5px}nav button{text-align:left;color:#9eafc7;padding:12px 16px;background:transparent;font-size:14px;font-weight:500}nav button.active{background:#223c5e;color:white;border-left:3px solid #5f9bff}.sidebar-bottom{font-size:11px;margin:auto 12px 0;padding-top:35px}.sidebar-bottom small{display:block;margin-top:7px;color:#69809c}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ed4aa;margin-right:6px}.workspace{margin-left:242px;flex:1;min-width:0}header{height:76px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.breadcrumbs{color:var(--muted);font-size:13px}.breadcrumbs span{margin-left:12px}.account{display:flex;align-items:center;gap:18px;font-size:13px}#menu{display:none}main{padding:34px 40px;max-width:1550px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.page-heading label{min-width:220px}#content{min-height:450px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:20px}.card .value{font-size:34px;font-weight:700;letter-spacing:-1px;margin:10px 0 4px}.card p{margin:0;font-size:13px;color:var(--muted)}.card .tag{font-size:11px;color:var(--green)}.hero{padding:32px;border-radius:14px;background:#e8f0fe;margin:4px 0 24px;border:1px solid #d2e2ff}.hero h2{margin-bottom:8px}.hero p{max-width:710px;margin-bottom:0;color:#486583}.panel-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h2{margin:0;font-size:19px}.toolbar{flex-wrap:wrap}.toolbar label{margin-bottom:0}.toolbar>div{display:flex;gap:8px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;background:#f7f9fc;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:14px 12px;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}td button{padding:6px 10px;font-size:12px;margin-right:6px}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 9px;border-radius:20px;background:#e8f7f1;color:var(--green);font-size:11px;font-weight:600}.empty{padding:30px;text-align:center;color:var(--muted)}.helper{font-size:12px;color:var(--muted);margin:8px 0 18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.row{display:flex;gap:12px;align-items:end}.row>label{flex:1}.member{display:grid;grid-template-columns:auto 1fr 90px 80px auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.member input{margin:0}.member label{margin:0}.member button{padding:5px}.choice,.window,.holiday{display:flex;gap:8px;align-items:center;margin-bottom:9px}.choice input{width:65px}.choice select{flex:1}.window select{max-width:150px}.window input{max-width:130px}.holiday input[type=date]{flex:1}.holiday label{margin:0;font-size:12px;white-space:nowrap}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid .panel{margin:0}.help-grid p,.help-grid li{font-size:14px;color:#506174}.help-grid li{margin-bottom:8px}a{color:#215fd4}#notice{padding:12px 16px;border-radius:9px;background:#e7f5ef;color:#106b53;margin-bottom:20px}footer{padding:22px 40px;color:#7c8c9f;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;max-width:760px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 80px #10213b40}dialog::backdrop{background:#0f203880}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}@media(max-width:1050px){.cards{grid-template-columns:1fr 1fr}main,header{padding-left:24px;padding-right:24px}.page-heading{align-items:start}.help-grid,.split{grid-template-columns:1fr}}@media(max-width:750px){aside{transform:translateX(-100%);transition:.2s}body.menu-open aside{transform:translateX(0)}.workspace{margin-left:0}#menu{display:block}.breadcrumbs{display:none}header{height:64px}.account{gap:8px}main{padding:24px 16px}.page-heading{display:block}.cards{gap:10px}.card{padding:18px}.card .value{font-size:27px}h1{font-size:27px}#login-screen{grid-template-columns:1fr}.login-brand{padding:30px}.login-brand h1,.login-note,.login-brand>p:not(.eyebrow){display:none}#login-form{margin:40px auto}.member{grid-template-columns:auto 1fr 65px 60px auto}.member input{padding:8px}.choice{flex-wrap:wrap}footer span{display:none}}

/* Editors keep the next action visible, including on small screens. */
dialog[open]{display:flex;flex-direction:column;overflow:hidden;padding:0;max-height:92dvh}
.modal-head{padding:20px 24px;margin:0;border-bottom:1px solid var(--line);flex-shrink:0}
#editor{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#fields{padding:22px 24px 8px;overflow-y:auto;min-height:0}
#fields h3{padding-top:12px;margin-bottom:14px;border-top:1px solid var(--line)}
#fields h3:first-child{padding-top:0;border:0}
.modal-actions{padding:16px 24px;margin:0;background:#fff;flex-shrink:0}
#form-error{margin:0;padding:0 24px;background:white;flex-shrink:0}
#form-error:not(:empty){padding-top:12px;padding-bottom:12px}
.check-field{display:flex;align-items:center;gap:8px;background:#f5f8fc;padding:12px;border-radius:8px}
.check-field input{margin:0;flex-shrink:0}
.field-error{color:#b62639;font-size:13px;margin-top:-8px}
[aria-invalid=true]{border-color:#c82d40}
.actions{display:flex;gap:6px;flex-wrap:wrap}.actions button{margin:0}
nav button.quiet{border:0;border-radius:6px}nav button.active{border-left:3px solid #5f9bff}
.member-head{font-size:12px;color:#627183;padding:10px;background:#f5f8fc}
.hero{display:none}.panel-head{align-items:center}.panel-head>div{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:750px){.modal-head,#fields,.modal-actions{padding-left:16px;padding-right:16px}.modal-actions button{flex:1}.panel-head{flex-wrap:wrap}.choice select{min-width:180px}.choice button{font-size:12px}}
/* Calm, compact workspace with readable metrics and accessible charts. */
:root{--blue:#176b68;--nav:#142b36;--bg:#f5f7f8;--line:#e1e8eb;--muted:#617580}h1{font-size:29px}aside{width:230px;padding-top:24px}.workspace{margin-left:230px}.brand{margin-bottom:25px}nav{gap:2px}nav button{padding:9px 14px;border-radius:8px}nav button.active{background:#284c56;border-left-color:#6bd5b7}header{height:66px}main{padding-top:28px}.panel,.card{border-radius:14px;box-shadow:0 2px 8px #16334004}.panel-head h2{font-size:17px}.page-heading{margin-bottom:22px}.card.metric{margin-bottom:0;min-height:135px}.cards{margin-bottom:24px;gap:16px}.metric .value{font-size:32px}.metric .tag{color:var(--muted)}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dashboard-welcome h2{margin-bottom:4px;font-size:26px}.dashboard-welcome p:last-child{margin-bottom:0}.dashboard-charts .panel{margin-bottom:24px}.chart-bars{display:grid;gap:11px;max-height:360px;overflow:auto;padding:4px 2px}.chart-row{display:grid;grid-template-columns:110px 1fr 35px;gap:12px;align-items:center;font-size:12px}.chart-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-track{height:11px;background:#edf3f4;border-radius:8px;overflow:hidden}.chart-fill{height:100%;background:#299c91;border-radius:8px;min-width:0}.chart-row strong{text-align:right}.quick-links{display:flex;flex-wrap:wrap;gap:10px}.report-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end;gap:16px}.report-filters button{min-height:45px}.download-link{font-size:13px;font-weight:600}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:18px}.pagination span{margin-right:auto;font-size:12px}.extra-charts{margin-bottom:24px}.extra-charts summary{cursor:pointer;padding:14px 0;color:var(--blue);font-weight:600;font-size:13px}.status-pill{display:inline-block;border-radius:20px;padding:4px 9px;white-space:nowrap;background:#f1f3f6;color:#566371;font-size:12px}.status-pill.answered{background:#e5f6ee;color:#176b48}.status-pill.failed,.status-pill.blocked{background:#fceceb;color:#a53d35}.status-pill.no_answer,.status-pill.abandoned,.status-pill.timeout{background:#fff3df;color:#906317}.actions{display:flex;flex-wrap:wrap;gap:6px}td .actions button{margin:0}table tbody tr:hover{background:#fafcfc}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #75bfb6;outline-offset:2px}.toolbar input,.toolbar select{min-width:0}.resources .metric .value{font-size:28px}@media(max-width:1100px){.report-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:750px){.workspace{margin-left:0}.dashboard-welcome{align-items:start;gap:14px}.dashboard-welcome .primary{font-size:12px;padding:9px}.report-filters{grid-template-columns:1fr 1fr;gap:12px}.chart-row{grid-template-columns:95px 1fr 25px}.metric .value{font-size:26px}.cards{gap:10px}.card.metric{min-height:125px}.page-heading h1{font-size:25px}}
.chart-progress{appearance:none;border:0;width:100%;height:11px;border-radius:8px;overflow:hidden;background:#edf3f4}.chart-progress::-webkit-progress-bar{background:#edf3f4;border-radius:8px}.chart-progress::-webkit-progress-value{background:#299c91;border-radius:8px}.chart-progress::-moz-progress-bar{background:#299c91;border-radius:8px}
.split>*{min-width:0}.report-filters>label{min-width:0}.report-filters input,.report-filters select{width:100%;max-width:100%;min-width:0}.table-wrap{max-width:100%}.workspace,main,#content{min-width:0}@media(max-width:750px){aside{visibility:hidden;pointer-events:none}body.menu-open aside{visibility:visible;pointer-events:auto}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filters input{padding:10px 6px;font-size:12px}.panel{padding:18px}.panel-head{flex-wrap:wrap}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0}.metric .value{overflow-wrap:anywhere}}
/* The navigation owns its scroll area at every viewport height. */
aside{height:100dvh;overflow:hidden}#navigation{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#688792 transparent}.brand,#portal-label,.sidebar-bottom{flex-shrink:0}.sidebar-bottom{margin-top:16px;padding-top:12px}#navigation::-webkit-scrollbar{width:6px}#navigation::-webkit-scrollbar-thumb{background:#688792;border-radius:6px}.call-route{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0}.route-step{padding:8px 12px;background:#eef6f5;border-radius:9px;font-size:13px}.route-step.failed{background:#fff0e8}.record-player{width:240px;max-width:100%;height:36px}.call-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.call-card-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.call-card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--muted)}.call-card details{margin-top:12px}.call-card summary{cursor:pointer;color:var(--blue);font-weight:600}.timeline-event{border-left:2px solid #c6dfda;padding:8px 16px;margin-left:8px;font-size:13px}.timeline-event time{display:block;color:var(--muted);font-size:12px}.timeline-event strong{display:block}.call-audio{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.compact-report{margin:12px 0}.compact-report>summary{cursor:pointer;font-size:13px;color:var(--blue);padding:10px 0}#advanced-analytics{margin-top:18px}.call-card-head strong{font-size:17px}.call-card-meta{margin-top:8px}.call-card details[open] .panel{margin-top:14px;padding:16px;box-shadow:none}.call-card .chart-bars{overflow:auto}audio{max-width:100%}@media(max-height:750px){aside{padding-top:16px;padding-bottom:12px}.brand{margin-bottom:16px}.sidebar-bottom{font-size:10px}}
.metric{min-width:0}.metric .value{overflow-wrap:anywhere}.card .tag{overflow-wrap:anywhere}
#menu-close{display:none}@media(max-width:750px){#menu-close{display:block;position:absolute;top:12px;right:10px;color:white;border-color:#416570;padding:5px 9px}.brand{margin-right:28px}}

.conference-video{width:100%;max-height:280px;object-fit:contain;background:#142c36;border-radius:10px}.monitor-code{font-size:1.25rem;overflow-wrap:anywhere}.queue-config>summary{padding:16px;cursor:pointer;font-weight:600}.queue-config>.panel{margin-top:16px}

.blf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:16px}.blf-card{padding:16px;border:1px solid var(--line,#dce3ec);border-radius:12px;background:#fff}.blf-card-heading{display:flex;gap:9px;align-items:center}.blf-dot{width:11px;height:11px;border-radius:50%;background:#9ca7b7;flex-shrink:0}.blf-card.idle .blf-dot{background:#1c9a6b}.blf-card.busy .blf-dot{background:#d65454}.blf-card.ringing .blf-dot{background:#edab30;animation:blf-pulse 1s infinite}.blf-card small{display:block;margin-bottom:12px}.blf-card .actions{flex-wrap:wrap}.parking-grid{display:flex;flex-wrap:wrap;gap:8px}.operational-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-left:4px solid #db7e32;background:#fff5e9;margin:8px 0;border-radius:8px}.operational-alert.abandoned,.operational-alert.abandon_rate{background:#fff0ef;border-color:#d85a50}.operational-alert p{margin:5px 0 0}.settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-form h3,.settings-form .helper,.settings-form .survey-queues{grid-column:1/-1}.survey-queues{display:flex;flex-wrap:wrap;gap:14px}.tv-mode aside,.tv-mode header,.tv-mode footer{display:none}.tv-mode #shell{display:block}.tv-mode .workspace{width:100%;margin:0}.tv-mode main{max-width:none}.tv-mode .tv-metrics strong{font-size:clamp(34px,5vw,70px)}@keyframes blf-pulse{50%{opacity:.25}}@media(max-width:600px){.settings-form{grid-template-columns:1fr}.operational-alert{align-items:flex-start}.blf-grid{grid-template-columns:1fr}}

.communication-card{background:white;border:1px solid #d9e4ec;border-radius:12px;padding:20px;margin:12px 0}.communication-card.urgent{border-left:5px solid #d74535}.communication-body{white-space:pre-wrap;overflow-wrap:anywhere}.communication-meta{font-size:12px;color:#617585}.communication-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;background:#fff0ec;border:1px solid #eac4bd;border-radius:10px;margin-bottom:12px}.communication-banner span{flex:1;min-width:180px;overflow-wrap:anywhere}.customer-support-link{display:block;margin:14px 0;padding:14px;border:1px solid #248768;background:#ecfff7;color:#126145;text-decoration:none;border-radius:10px;font-weight:700}

#navigation .navigation-category{margin:5px 0;border-bottom:1px solid #ffffff12;padding-bottom:5px}#navigation .navigation-category>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:#d5e5ef;font-size:13px;font-weight:600;padding:11px 10px;list-style:none;border-radius:8px}#navigation .navigation-category>summary::-webkit-details-marker{display:none}#navigation .navigation-category>summary:hover{background:#ffffff0c}#navigation .navigation-category.has-active>summary{color:#77dcc0}#navigation .navigation-chevron{font-size:20px;transition:transform .15s}#navigation .navigation-category[open] .navigation-chevron{transform:rotate(90deg)}#navigation .navigation-items{padding:3px 0 7px 8px}#navigation .navigation-items button{width:100%;text-align:left;font-size:13px;padding:10px 12px}#sidebar-support{flex-shrink:0;margin-top:8px}#sidebar-support .customer-support-link{margin:0;padding:11px;font-size:12px}#navigation summary:focus-visible{outline:2px solid #77dcc0;outline-offset:2px}

#navigation{overflow-x:hidden}#navigation .navigation-category{width:100%;min-width:0}#navigation .navigation-items{min-width:0}#navigation .navigation-items button{white-space:normal;overflow-wrap:anywhere;min-width:0}


.official-logo{display:block;width:100%;height:auto;object-fit:contain}.brand:has(.official-logo){background:white;border-radius:12px;padding:12px 10px}.login-logo{max-width:320px;background:white;border-radius:12px;padding:16px;margin-bottom:28px}.cloud-phone{position:fixed;right:24px;bottom:20px;width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);z-index:80;background:#fff;border:1px solid #dae4ee;border-radius:24px;box-shadow:0 18px 80px #11283c35;overflow:auto}.phone-top{display:flex;gap:8px;align-items:center;padding:16px 18px;border-bottom:1px solid #e5edf4;background:#f8fbfe;position:sticky;top:0;z-index:1}.phone-top>div{flex:1}.phone-top strong{display:block;font-size:16px;color:#174963}.phone-top small{font-size:11px;color:#63788b}.phone-top button{font-size:11px;padding:6px 9px}.phone-body{padding:18px}.phone-screen{text-align:center;background:linear-gradient(140deg,#eff7ff,#f0faf7);padding:18px 10px;border-radius:18px;margin-bottom:14px}.phone-state{font-size:12px;color:#426a73;margin:0 0 12px}.phone-avatar{width:55px;height:55px;border-radius:50%;background:#dbeef5;color:#23667c;margin:0 auto 10px;display:grid;place-items:center;font-size:29px}.phone-person{font-size:21px;display:block;overflow-wrap:anywhere}.phone-number{font-size:14px;color:#537080;margin:7px 0}.phone-duration{font-variant-numeric:tabular-nums;font-size:17px;color:#254b5e}.phone-connection{display:flex;gap:7px;justify-content:center;margin-bottom:12px}.phone-connection button{font-size:11px;padding:7px 10px}.phone-destination{text-align:center;font-size:23px;letter-spacing:1px;border-radius:12px}.phone-input-tools{display:flex;justify-content:space-between;margin:8px 0}.phone-input-tools button{font-size:11px;padding:5px 9px}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 8px}.phone-keypad button{height:61px;border-radius:18px;background:#f4f7fa;border-color:#e5edf2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px}.phone-keypad strong{font-size:26px;font-weight:500;color:#173d51}.phone-keypad small{font-size:9px;letter-spacing:1.5px;color:#6e8493;height:12px}.phone-call-actions{display:flex;gap:8px;justify-content:center;margin:16px 0}.phone-call-actions button{border:0;border-radius:24px;padding:13px 22px;font-weight:600}.phone-dial,.phone-answer{background:#1b9871;color:white}.phone-hang{background:#d93445;color:white}.phone-hang:hover{background:#b42131}.phone-call-actions button:disabled{opacity:.35}.phone-extra{margin-top:14px;border-top:1px solid #e5edf4;padding-top:12px}.phone-extra summary{font-size:12px;font-weight:600;cursor:pointer}.phone-extra .actions{flex-wrap:wrap;margin-top:8px}.phone-extra .actions button{font-size:11px;padding:7px 10px}.phone-extra input{margin-top:10px}.phone-history-row{display:flex;width:100%;gap:8px;text-align:left;padding:10px 4px;border:0;border-bottom:1px solid #edf2f6;border-radius:0;background:none;font-size:11px}.phone-history-row>span:nth-child(2){flex:1}.phone-history-row strong,.phone-history-row small{display:block}.phone-history-row small{font-size:10px;color:#748494}.phone-video-toggle{font-size:11px;margin-top:15px}.phone-video-toggle input{width:auto}.cloud-phone.incoming .phone-avatar{animation:blf-pulse 1s infinite;background:#bcebdc}.cloud-phone.in-call .phone-avatar{background:#c7edde}.cloud-phone .muted{background:#fff0ea;color:#a43827}.phone-standalone aside,.phone-standalone header,.phone-standalone footer,.phone-standalone .page-heading,.phone-standalone #communication-urgent{display:none}.phone-standalone .workspace{margin:0}.phone-standalone main{padding:12px}.phone-standalone .cloud-phone{position:relative;right:auto;bottom:auto;margin:12px auto;max-height:none;width:390px;box-shadow:none}.phone-standalone:has(.cloud-phone) #content{display:none}@media(max-width:600px){.cloud-phone{right:12px;bottom:12px;max-height:calc(100dvh - 24px)}footer{flex-wrap:wrap;gap:8px}}
.report-print{display:none}@media print{@page{size:A4 portrait;margin:12mm}body.printing-report{background:white;color:#172b3a;font-size:10pt}body.printing-report> :not(#report-print){display:none!important}body.printing-report #report-print{display:block!important}.report-print-heading{border-bottom:2px solid #ee8d20;padding-bottom:12px;margin-bottom:18px}.report-print-heading img{width:190px}.report-print-heading h1{font-size:20pt}.report-print .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.report-print .card,.report-print .panel,.report-print .call-card{box-shadow:none;border:1px solid #d4dde5;break-inside:avoid;padding:12px;margin-bottom:10px}.report-print .split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-print details{display:block}.report-print .bar-fill,.report-print .chart-bar{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-print .table-wrap{overflow:visible}.report-print table{font-size:9pt;width:100%}.report-print tr{break-inside:avoid}.report-print thead{display:table-header-group}.report-print .status-pill{background:none;color:inherit}.report-print h2{font-size:14pt}.report-print .hero{display:none}}
.login-logo{max-width:290px;max-height:180px;width:auto;object-fit:contain}.report-print-heading img{height:auto;max-height:70px;object-fit:contain}

.phone-standalone #shell{display:block}.phone-standalone .workspace{min-height:0;display:block}.phone-standalone main{min-height:0;padding:0}.phone-standalone:has(.cloud-phone) #shell{display:none}.phone-standalone .cloud-phone{margin:8px auto;max-width:calc(100vw - 16px)}.phone-standalone #login-screen[hidden]{display:none}

.phone-standalone #shell[hidden]{display:none}

.phone-blf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.phone-blf-grid button{text-align:left;padding:18px;background:#eef5f8;border:1px solid #d7e5eb;border-radius:12px}

@media print{#report-print .chart-bars{max-height:none!important;overflow:visible!important}#report-print .call-card .chart-bars{overflow:visible!important}#report-print .chart-label{white-space:normal;overflow:visible}#report-print .panel{break-inside:auto}#report-print .chart-row,#report-print .call-card{break-inside:avoid}}

.cloud-phone .phone-answer{display:block;width:100%;margin:14px 0 0;padding:14px 20px;border:0;border-radius:14px;background:#1479df;color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px 14px #1479df30}.cloud-phone .phone-answer:hover{background:#0865c4}.cloud-phone .phone-answer:disabled{opacity:.55}.cloud-phone .phone-answer[hidden]{display:none}.cloud-phone.incoming .phone-screen{position:sticky;top:64px;z-index:2;background:#edf5ff;border:2px solid #1479df;box-shadow:0 6px 20px #17496318}.cloud-phone.incoming .phone-person{font-size:25px;font-weight:800;color:#102f4a;line-height:1.25}.cloud-phone.incoming .phone-number{font-size:18px;font-weight:700;color:#244b6b}.cloud-phone.incoming .phone-state{font-size:13px;font-weight:700;color:#0757a4}.cloud-phone.incoming .phone-avatar{background:#d8eaff;color:#1479df}.cloud-phone.incoming .phone-dial{opacity:.25;cursor:not-allowed}.cloud-phone.incoming .phone-duration{display:none}.cloud-phone.incoming .phone-screen .phone-avatar{width:42px;height:42px;font-size:24px;margin-bottom:8px}@media(max-height:650px){.cloud-phone.incoming .phone-screen{padding:10px}.cloud-phone.incoming .phone-avatar{display:none}.cloud-phone.incoming .phone-person{font-size:22px}.cloud-phone.incoming .phone-state{margin-bottom:6px}.cloud-phone.incoming .phone-answer{margin-top:8px;padding:11px}}

.portal-icon{width:19px;height:19px;flex:0 0 19px;vertical-align:middle;pointer-events:none}#navigation button{display:flex;align-items:center;gap:11px}#navigation summary>span:first-child{display:flex;align-items:center;gap:11px}#navigation .navigation-items button .portal-icon{width:16px;height:16px;flex-basis:16px;opacity:.85}#content .panel h2{display:flex;align-items:center;gap:10px}#content button:has(>.portal-icon){display:inline-flex;align-items:center;justify-content:center;gap:8px}#content>button:has(>.portal-icon){margin-bottom:18px;color:#1269c9;border-color:#b8d8fc;background:#f1f7ff}.contact-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#ddecff;color:#1466c6;font-weight:750;font-size:17px}.blf-card .blf-dot{display:none}.blf-card-heading{align-items:center;gap:12px}.blf-card{border-radius:17px;padding:18px;box-shadow:0 3px 12px #173a5110;transition:box-shadow .15s}.blf-card:hover,.contact-card:hover{box-shadow:0 7px 22px #173a511c}.blf-card.busy .contact-avatar,.tint-1 .contact-avatar{background:#ffe6d6;color:#b95713}.blf-card.idle .contact-avatar,.tint-2 .contact-avatar{background:#d7f5e9;color:#147957}.blf-card.offline .contact-avatar{background:#e9edf3;color:#697b90}.blf-card p{color:#546b80;font-size:14px}.presence-badge{display:inline-block!important;padding:5px 9px;border-radius:8px;background:#eef2f7;color:#677a8c;font-size:12px!important}.blf-card.idle .presence-badge{background:#e2f8ef;color:#107b59}.blf-card.busy .presence-badge{background:#fff0e6;color:#b15817}.blf-card.ringing .presence-badge{background:#fff4db;color:#a26a00}.contact-call{background:#1479df!important;color:#fff!important;border:0!important}.presence-summary{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.presence-chip{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;font-size:13px;font-weight:650;background:#edf2f7;color:#5f7389}.presence-chip i{width:9px;height:9px;border-radius:50%;background:currentColor}.presence-chip.idle{background:#e3f8ef;color:#0c7d59}.presence-chip.busy{background:#fff0e6;color:#be5d1c}.presence-chip.ringing{background:#fff5dc;color:#ad7506}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:20px}.contact-card{border:1px solid #dfe8f1;border-radius:17px;padding:20px;background:white;box-shadow:0 3px 12px #173a5110}.contact-main{display:flex;gap:14px;align-items:flex-start}.contact-main strong{display:block;font-size:15px;color:#13324e}.contact-main p{margin:5px 0;font-size:13px;color:#60758a}.contact-main .contact-number{color:#26435b}.contact-type{display:inline-block;padding:4px 8px;border-radius:7px;font-size:11px;background:#e5f1ff;color:#1471cc}.contact-type.external{background:#fff0e2;color:#af611a}.contact-card .actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.contact-card button{font-size:12px;padding:8px 10px}.contact-card .actions button.primary{background:#1479df;border-color:#1479df}.contact-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.contact-tabs button{font-size:13px}.contact-tabs button[aria-pressed=true]{background:#e1efff;border-color:#b8d7fb;color:#116dcc}.contact-search{display:flex;align-items:center;gap:9px;border:1px solid #d4dfec;border-radius:12px;padding:0 12px;background:#fff;color:#59718b}.contact-search input{border:0!important;margin:0!important;outline-offset:-2px}.softphone-layout{display:block}.integrated-phone-page .softphone-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:22px;align-items:start}.softphone-layout>#content{min-width:0}.integrated-phone-dock{position:sticky;top:18px;min-width:0}.phone-dock-intro{border:1px solid #d9e5f1;border-radius:22px;background:linear-gradient(135deg,#f2f8ff,#fff);padding:22px;box-shadow:0 5px 20px #173a5110}.dock-brand{display:flex;align-items:center;gap:10px;color:#1a608d}.dock-brand h2{font-size:20px;margin:0}.phone-dock-intro>p{font-size:13px;color:#5f7489;line-height:1.6}.phone-dock-intro button{display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.phone-dock-intro label{font-size:12px}.phone-dock-intro .download-link{font-size:12px;display:block;margin-top:18px}.cloud-phone.phone-embedded{position:relative;right:auto;bottom:auto;width:100%;max-width:100%;max-height:calc(100dvh - 36px);margin:0;z-index:1;border-radius:22px;box-shadow:0 6px 24px #173a511c}.phone-embedded .phone-top{padding:13px 12px}.phone-embedded .phone-body{padding:13px}.phone-embedded .phone-keypad{gap:7px;margin:12px 4px}.phone-embedded .phone-keypad button{height:49px}.phone-embedded .phone-screen{padding:13px 9px}.phone-embedded .phone-avatar{width:43px;height:43px;font-size:24px}.phone-embedded .phone-person{font-size:20px}.phone-embedded .phone-connection button{padding:6px;font-size:10px}.phone-embedded .phone-top small{max-width:135px;overflow-wrap:anywhere}.phone-embedded .phone-call-actions button{padding:11px 16px}.integrated-phone-page .blf-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.integrated-phone-page .panel{padding:20px}.phone-blf-grid button{background:#fff;box-shadow:0 3px 12px #173a5110;border-radius:17px}#navigation:has(button:not([data-view])){justify-content:flex-start!important;gap:8px}@media(max-width:1150px){.integrated-phone-page .softphone-layout{grid-template-columns:minmax(0,1fr) 305px;gap:15px}.contact-grid{grid-template-columns:1fr}}@media(max-width:950px){.integrated-phone-page .softphone-layout{grid-template-columns:1fr}.integrated-phone-dock{position:relative;top:auto;grid-row:1;max-width:450px;width:100%;margin:0 auto 12px}.cloud-phone.phone-embedded{max-height:500px}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}}@media(max-width:600px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:17px}.integrated-phone-page .panel{padding:17px}.presence-chip{padding:8px 10px}.phone-embedded .phone-top{position:sticky}.integrated-phone-page .blf-grid{grid-template-columns:1fr}}

/* Marca branca transparente e círculo laranja na entrada. */
.login-brand .login-logo{background:transparent;border-radius:0;padding:0;width:320px;max-width:100%;max-height:none}.login-brand:after{border-color:#FF5900;opacity:1}
.login-brand>img,.login-brand>h1,.login-brand>p{position:relative;z-index:1}

.help-grid details summary{font-size:17px;font-weight:700;cursor:pointer;color:var(--ink)}.help-grid details[open] summary{margin-bottom:16px}.help-grid li{margin-bottom:12px}
/* Cloud Phone compacto: ligação sem histórico na mesma área. */
.cloud-phone.phone-compact{width:335px;border-radius:18px;max-height:calc(100dvh - 24px)}.cloud-phone.phone-compact .phone-top{padding:11px 12px;background:#fff;gap:6px}.phone-compact .phone-top strong{font-size:15px}.phone-compact .phone-top small{font-size:11px;max-width:none}.phone-compact .phone-own-connection::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#8b99a8;margin-right:5px}.phone-compact .phone-own-connection.connected::before{background:#19a774}.phone-compact .phone-top button{font-size:10px;padding:6px}.cloud-phone.phone-compact .phone-body{padding:0 12px 10px}.phone-compact .phone-tabs{display:flex;border-bottom:1px solid #e4ebf2;margin-bottom:10px}.phone-compact .phone-tabs button{flex:1;border-radius:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:10px 4px;border-bottom:2px solid transparent;color:#61738a}.phone-compact .phone-tabs button[aria-selected=true]{color:#1479df;border-bottom-color:#1479df}.phone-compact .phone-tabs .portal-icon{width:16px;height:16px;flex-basis:16px}.cloud-phone.phone-compact .phone-screen{position:relative;top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:42px;padding:9px 11px;margin-bottom:10px;border:1px solid #e1ebf6;background:#f1f6fb;text-align:left;box-shadow:none;border-radius:12px}.phone-compact .phone-peer{flex:1;min-width:0}.cloud-phone.phone-compact .phone-person{font-size:17px;line-height:1.3;font-weight:750;color:#12364f}.cloud-phone.phone-compact .phone-number{font-size:12px;line-height:1.25;margin:3px 0 0;color:#50718d}.phone-compact:not(.has-peer) .phone-number{display:none}.phone-compact:not(.has-peer) .phone-person{font-size:13px;color:#4b6781;font-weight:600}.cloud-phone.phone-compact .phone-state{font-size:10px;margin:0;flex-basis:100%;order:2;color:#5b7893}.phone-compact:not(.has-peer) .phone-state{display:none}.phone-compact .phone-duration{font-size:13px;align-self:flex-start;color:#436482}.cloud-phone.phone-compact.incoming .phone-screen{border:1px solid #1479df;background:#edf5ff}.cloud-phone.phone-compact .phone-answer{flex-basis:100%;font-size:14px;padding:9px;margin:2px 0 0;border-radius:10px;order:3}.phone-compact .phone-destination-row{display:flex;align-items:center;gap:4px;border:1px solid #d5e1ee;border-radius:11px;background:white}.phone-compact .phone-destination{min-width:0;border:0;background:transparent;padding:10px 8px;font-size:17px;text-align:left;letter-spacing:0;margin:0}.phone-compact .phone-destination-row button{background:transparent;padding:7px;color:#778c9f;font-size:22px}.cloud-phone.phone-compact .phone-keypad{gap:6px;margin:10px 0}.cloud-phone.phone-compact .phone-keypad button{height:42px;border-radius:10px;background:#f6f8fb;padding:3px}.phone-compact .phone-keypad strong{font-size:21px;line-height:1.1}.phone-compact .phone-keypad small{font-size:8px;line-height:1.2;height:10px}.cloud-phone.phone-compact .phone-call-actions{margin:8px 0}.cloud-phone.phone-compact .phone-call-actions button{width:100%;border-radius:11px;padding:10px;font-size:14px}.phone-compact .phone-feature-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.phone-compact .phone-feature-actions button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border:1px solid #dae5f1;border-radius:11px;background:#f1f7ff;color:#146cc2;font-size:11px}.phone-compact .phone-feature-actions button:disabled{background:#f6f8fa;color:#8b9cac;opacity:.65}.phone-compact .phone-feature-actions .portal-icon{width:17px;height:17px;flex-basis:17px}.phone-compact .phone-transfer-box{border:1px solid #c8def9;background:#f2f8ff;border-radius:10px;padding:9px;margin-top:8px;display:flex;align-items:end;gap:6px}.phone-compact .phone-transfer-box label{font-size:11px;margin:0;flex:1}.phone-compact .phone-transfer-box input{padding:7px;font-size:12px;margin-top:3px}.phone-compact .phone-transfer-box button{font-size:11px;padding:8px;background:#1479df;color:white}.phone-compact .phone-transfer-hint{font-size:10px;margin:7px 0 0;color:#1b6bb2}.phone-compact .phone-settings{margin-top:8px;font-size:11px;color:#62798e}.phone-compact .phone-settings summary{cursor:pointer;text-align:right}.phone-compact .phone-video-toggle{font-size:11px;margin:6px 0}.phone-compact .phone-connection{margin:8px 0 0}.phone-compact .phone-connection button{font-size:10px;padding:5px}.phone-compact .phone-settings>button{font-size:11px;padding:6px;margin-top:5px}.phone-compact .phone-history-tab{height:390px;display:flex;flex-direction:column}.phone-compact .phone-history-tab>.helper{font-size:10px;margin:0 0 7px}.phone-compact .phone-history{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.phone-compact .phone-history-row{padding:13px 3px;font-size:11px;gap:7px}.phone-compact .phone-history-tab>button{font-size:11px;margin-top:7px}.phone-compact .conference-video{max-height:120px}.phone-compact .phone-telephone-tab>button{font-size:11px;margin-top:7px;padding:6px}.cloud-phone.phone-compact.phone-embedded{width:100%;max-height:calc(100dvh - 24px)}.phone-standalone .cloud-phone.phone-compact{width:335px;margin:8px auto}.phone-compact [hidden]{display:none!important}@media(max-height:650px){.cloud-phone.phone-compact .phone-top{padding:8px 10px}.cloud-phone.phone-compact .phone-keypad button{height:36px}.phone-compact .phone-tabs button{padding:8px 4px}.phone-compact .phone-history-tab{height:330px}}@media(max-width:600px){.cloud-phone.phone-compact{right:8px;bottom:8px;max-width:calc(100vw - 16px)}.cloud-phone.phone-compact.phone-embedded{right:auto;bottom:auto}}
.profile-permission-groups{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-permission-groups fieldset{border:1px solid #d8e4ef;border-radius:12px;padding:12px}.profile-permission-groups legend{font-weight:750;color:#214962}.profile-permission-groups label{font-size:12px;margin:8px 0}.blf-card.idle .presence-badge{background:#bff2ce;color:#066b32;border:1px solid #63ce88;font-weight:800}.blf-card.idle .contact-avatar{background:#c0f4ce;color:#08763b}.presence-chip.idle{background:#c0f3ce;color:#076e33;border:1px solid #76d593}.local-extension-directory .presence-badge::before{content:'';display:inline-block;width:8px;height:8px;background:currentColor;border-radius:50%;margin-right:6px}.local-extension-directory .contact-main{align-items:center}.local-extension-directory .contact-card{margin:0}.local-extension-directory .presence-badge{display:inline-block}@media(max-width:600px){.profile-permission-groups{grid-template-columns:1fr}}
.safe-presence-counts{gap:8px;margin:12px 0}.safe-presence-counts .presence-chip{font-size:12px;padding:8px 11px}.presence-chip.online{background:#c0f3ce;color:#076e33;border:1px solid #76d593}.presence-chip.offline{background:#edf0f4;color:#596b7e;border:1px solid #d8e0e8}.safe-blf-grid{margin-top:15px}.safe-blf-grid .contact-main strong{overflow-wrap:anywhere}.safe-presence-updated{margin:15px 0 0;font-size:11px;color:#6b8094}.safe-blf-grid .contact-card{margin-bottom:0}.safe-blf-grid .contact-number{margin:4px 0 7px}.safe-blf-grid .contact-avatar{width:43px;height:43px;flex-basis:43px}.safe-blf-grid .actions{margin-top:13px}.safe-blf-grid .actions button{font-size:12px;padding:8px 11px}

.tool-hero{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #d7e6f2;border-radius:18px;background:linear-gradient(110deg,#edf6ff,#fff6ee);margin-bottom:20px}.tool-hero>.portal-icon{width:42px;height:42px}.tool-hero h2{margin:0;color:#12364f}.tool-template-grid,.tool-message-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0}.tool-template,.tool-message{display:flex;flex-direction:column;gap:10px;border:1px solid #dce7f1;border-radius:14px;padding:18px;background:#fff}.tool-template strong{font-size:17px}.tool-template p{flex:1;margin:0}.tool-status{display:inline-flex;padding:6px 10px;border-radius:20px;background:#edf1f5;color:#526577;font-size:12px;font-weight:700}.tool-status.enabled{background:#d7f5e8;color:#076447}.tool-status.warning{background:#fff0da;color:#925500}.tool-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0}.flow-workspace{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px;background:#f7faff;border:1px dashed #c2d7e8;border-radius:16px;overflow:auto}.flow-node{display:flex;flex-direction:column;gap:10px;padding:16px;background:white;border:1px solid #ccddeb;border-radius:14px;min-width:220px;max-width:100%}.flow-node>.portal-icon{color:#ff5900}.flow-branches{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.flow-arrow{font-size:25px;color:#ff5900}.crm-call-card{position:fixed;right:365px;bottom:25px;width:310px;max-height:60vh;overflow:auto;padding:17px;background:#fff;border:1px solid #c9dff1;border-left:4px solid #ff5900;border-radius:14px;box-shadow:0 8px 35px #14365020;z-index:20}.integrated-workspace>.crm-call-card{position:relative;right:auto;bottom:auto;width:auto;grid-column:1/-1;max-height:260px}.crm-call-title{display:flex;align-items:center;gap:8px;color:#174a70}.crm-call-title button{margin-left:auto}.crm-call-card article+article{border-top:1px solid #e3edf5}.crm-call-card p{font-size:12px;overflow-wrap:anywhere}.tool-message audio{width:100%}.flow-details{display:flex;flex-direction:column;gap:7px;padding:12px;border-left:3px solid #ff5900;background:#fffaf5}@media(max-width:700px){.crm-call-card{right:12px;bottom:12px;width:calc(100vw - 24px);z-index:30}.flow-workspace{padding:12px}.tool-hero{padding:16px}}

:root{--blue:#0047AB;--ink:#142B36;--nav:#142B36;--orange:#FF5900;--bg:#F4F7FA;--line:#DFE7EE;--muted:#617583}
body{color:var(--ink);background:var(--bg)}h1{color:#142B36;font-weight:800;letter-spacing:-.8px}h2{color:#142B36}a{color:#0047AB}.primary{background:#0047AB;color:white}.primary:hover{background:#003B90}.quiet{background:white;color:#0047AB;border-color:#CBD9E7}.quiet:hover{background:#EDF3FC;border-color:#0047AB}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #0047AB;outline-offset:3px}.actions button,.panel-head button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.portal-icon{width:19px;height:19px;flex-shrink:0}button .portal-icon{width:17px;height:17px}.panel{border-radius:16px;border-color:#DFE7EE;box-shadow:0 3px 14px #142b3603}.panel-head h2{font-size:17px}.card .value{color:#0047AB}.login-brand,aside{background:#142B36}.login-brand:after{border-color:#FF5900!important;opacity:.15!important}.login-brand p{color:#CDD9DF}.navigation-category summary,#navigation button{color:#D1DDE4}#navigation button.active{background:#0047AB;color:#fff;border-left:3px solid #FF5900}.navigation-category.has-active>summary{color:#fff}.navigation-category summary:hover,#navigation button:not(.active):hover{background:#203D4C;color:white}.navigation-items{border-left-color:#365564}.brand-logo-wrap{background:white}.download-link{color:#0047AB}.chart-progress::-webkit-progress-value{background:#0047AB}.chart-progress::-moz-progress-bar{background:#0047AB}.chart-progress{accent-color:#0047AB}.tool-hero{background:linear-gradient(110deg,#EEF4FF,#FFF6EF)}.cloud-phone .phone-answer,.cloud-phone .phone-tabs .active,.cloud-phone .phone-call-actions .phone-call{background:#0047AB!important;color:white}.cloud-phone .phone-tabs .active{border-color:#0047AB}.phone-compact .phone-transfer-box button{background:#0047AB}.phone-compact .phone-feature-actions button{color:#0047AB}.phone-call-actions .phone-end,.cloud-phone .phone-hangup{background:#D62537!important;color:white}.phone-compact .phone-tabs button.active{background:white!important;color:#0047AB!important;border-bottom:2px solid #0047AB}.blf-card.busy .presence-badge,.presence-chip.busy{background:#E8F0FF;color:#0047AB}.blf-card.ringing .presence-badge,.presence-chip.ringing{background:#FFF0E4;color:#9E3500}.status-pill.answered{background:#E7F0FF;color:#0047AB}.status-pill.abandoned,.status-pill.no_answer,.status-pill.timeout{background:#FFF0E5;color:#A03800}.status-pill.blocked,.status-pill.failed{background:#FCEBF0;color:#A0273B}.status-pill.in_progress{background:#EDF1F4;color:#516574}.status-pill.unavailable,.status-pill.busy{background:#EDF1F4;color:#3F5666}
.cloud-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px}.cloud-dashboard-header h2{font-size:27px;letter-spacing:-.7px;margin:0 0 5px}.cloud-dashboard-header p{margin:4px 0}.cloud-date-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:9px 15px;border-radius:9px;font-size:13px}.cloud-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 22px}.cloud-metric{display:flex;align-items:flex-start;gap:13px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px 18px;text-align:left;min-width:0;color:#142B36;position:relative;font-weight:400;box-shadow:0 3px 12px #142b3603}.cloud-metric[type=button]{cursor:pointer}.cloud-metric[type=button]:hover{transform:translateY(-2px);border-color:#A4BEDF;box-shadow:0 8px 22px #0047ab0b}.metric-object,.cloud-call-object,.cloud-intro-object{display:inline-flex;align-items:center;justify-content:center;background:#EAF1FF;color:#0047AB;flex-shrink:0;border-radius:50%;width:45px;height:45px}.metric-object .portal-icon{width:23px;height:23px}.cloud-metric.orange .metric-object,.cloud-call-object.orange{background:#FFF0E5;color:#C74400}.metric-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.metric-title{font-size:12px;font-weight:650;color:#142B36}.metric-value{font-size:31px;line-height:1.1;letter-spacing:-1px;color:#0047AB;font-weight:800}.cloud-metric.orange .metric-value{color:#B83E00}.metric-caption{font-size:11px;line-height:1.5;color:#617583;overflow-wrap:anywhere}.metric-link{position:absolute;right:9px;top:12px;color:#7D94A6}.metric-link .portal-icon{width:13px}.cloud-resources .metric-value{font-size:25px}.cloud-chart-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px}.cloud-chart-layout>.panel{min-width:0}.cloud-line-chart{width:100%;height:auto;display:block}.chart-grid{stroke:#E4EBF2;stroke-width:1}.chart-axis{fill:#617583;font-size:11px}.cloud-chart-legend{display:flex;justify-content:center;gap:25px;font-size:12px}.cloud-chart-legend span{display:flex;align-items:center;gap:7px}.cloud-chart-legend i,.cloud-outcome-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.cloud-chart-legend .blue{background:#0047AB}.cloud-chart-legend .orange{background:#FF5900}.chart-note{text-align:center;margin:9px 0 0;font-size:10px}.cloud-outcome-layout{display:flex;align-items:center;justify-content:space-evenly;gap:20px;min-height:210px}.cloud-donut{border-radius:50%;height:176px;width:176px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cloud-donut>div{width:118px;height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border-radius:50%}.cloud-donut strong{font-size:29px;font-weight:800}.cloud-donut span{font-size:11px;color:var(--muted)}.cloud-outcome-legend{display:flex;flex-direction:column;gap:13px;min-width:0}.cloud-outcome-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:9px;align-items:center;font-size:12px}.cloud-outcome-legend small{font-size:10px}.cloud-extension-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cloud-extension{border:1px solid #DFE7EE;border-radius:13px;padding:16px;min-width:0}.cloud-extension>div{display:flex;align-items:center;gap:7px;font-size:12px}.cloud-extension strong{overflow-wrap:anywhere}.cloud-extension>span{display:block;font-size:11px;margin:9px 0}.extension-dot{height:9px;width:9px;flex-shrink:0;border-radius:50%;background:#9BAAB6}.cloud-extension.idle .extension-dot{background:#168E41}.cloud-extension.busy .extension-dot{background:#0047AB}.cloud-extension.ringing .extension-dot{background:#FF5900}.cloud-extension.idle>span{color:#087D35}.cloud-extension.busy>span{color:#0047AB}.cloud-extension.ringing>span{color:#A73700}.cloud-extension button{font-size:11px;padding:6px 10px}.cloud-report-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px;border:1px solid #D9E5F1;background:linear-gradient(110deg,#EAF1FC,#F8FBFF);padding:23px;border-radius:16px}.cloud-report-intro>div:first-child{position:relative;padding-left:60px}.cloud-intro-object{position:absolute;left:0;top:0;background:#0047AB;color:white;border-radius:13px}.cloud-report-intro h2{font-size:22px;margin:0 0 6px}.cloud-report-intro p{font-size:12px;margin:0;color:#536D7F}.cloud-filter-dates{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;gap:14px;align-items:end}.cloud-filter-dates>label{margin-bottom:0}.cloud-filter-dates>button{display:flex;align-items:center;gap:7px;min-height:44px}.cloud-extra-filters{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.cloud-extra-filters>summary,.cloud-extra-charts>summary,.cloud-technical>summary{cursor:pointer;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:650;color:#0047AB;list-style:none}.cloud-extra-filters>summary::after,.cloud-extra-charts>summary::after{content:'+';margin-left:auto;font-size:19px}.cloud-extra-filters[open]>summary::after,.cloud-extra-charts[open]>summary::after{content:'−'}.cloud-period-buttons{display:flex;flex-wrap:wrap;gap:5px}.cloud-period-buttons button{font-size:11px;padding:7px 11px}.cloud-filter-caption{font-size:12px;margin:16px 0 0;color:#476175}.cloud-report-charts .chart-bars{min-height:180px;justify-content:center}.cloud-extra-charts{margin-bottom:20px;border:1px solid var(--line);background:white;border-radius:14px;padding:15px}.cloud-extra-charts>summary{padding:2px}.cloud-extra-charts[open]>summary{margin-bottom:18px}.cloud-call-list{display:flex;flex-direction:column;gap:12px}.cloud-call-row{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.cloud-call-row>summary{display:grid;grid-template-columns:42px minmax(180px,1fr) 105px 85px 90px;align-items:center;gap:13px;padding:16px;cursor:pointer;list-style:none}.cloud-call-row>summary::-webkit-details-marker{display:none}.cloud-call-row>summary:hover{background:#FAFCFF}.cloud-call-object{width:40px;height:40px;border-radius:12px}.cloud-call-identity>strong{font-size:14px;overflow-wrap:anywhere;line-height:1.6}.call-direction-arrow{color:#8B9FAB;margin:0 5px}.cloud-call-tags{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px}.cloud-call-tags .status-pill,.cloud-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:650;border-radius:20px;padding:3px 8px}.cloud-tag{background:#F0F4F8;color:#536D7F}.cloud-tag .portal-icon{width:12px;height:12px}.cloud-tag.callback{background:#FFF0E5;color:#A73700}.cloud-call-clock,.cloud-call-duration{display:flex;flex-direction:column;gap:3px;font-size:12px}.cloud-call-clock>span,.cloud-call-duration>span{color:#6A7F8D;font-size:10px}.cloud-expander{display:flex;justify-content:end;align-items:center;gap:5px;color:#0047AB;font-size:11px;font-weight:700}.cloud-expander .portal-icon{width:14px;height:14px;transition:transform .15s}.cloud-call-row[open] .cloud-expander .portal-icon{transform:rotate(90deg)}.cloud-dial-route{padding:8px 16px 11px 71px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#687F8F;border-top:1px solid #EFF3F7}.cloud-dial-route>span:first-child{display:flex;align-items:center;gap:5px}.cloud-dial-route .portal-icon{width:13px;height:13px}.dial-node{display:flex;align-items:center;gap:6px}.dial-node strong{font-size:11px;background:#F0F5FC;color:#0047AB;border:1px solid #DBE6F2;border-radius:6px;padding:3px 8px}.cloud-call-expanded{background:#F7FAFD;padding:20px;border-top:1px solid #DDE8F3;overflow:hidden}.cloud-call-expanded:empty{display:none}.cloud-call-expanded .panel{padding:17px;margin-bottom:15px;box-shadow:none;min-width:0}.cloud-call-expanded .panel-head{margin-bottom:14px}.cloud-call-expanded .panel-head h2{font-size:14px}.cloud-detail-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.cloud-detail-overview .cloud-metric{padding:13px;gap:8px;border-radius:11px}.cloud-detail-overview .metric-value{font-size:19px}.cloud-detail-overview .metric-object{width:32px;height:32px}.cloud-detail-overview .metric-object .portal-icon{width:17px}.cloud-detail-overview .metric-title{font-size:10px}.cloud-detail-overview .metric-caption{font-size:10px}.cloud-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.cloud-detail-route{display:flex;flex-wrap:wrap;gap:10px}.cloud-route-object{display:grid;grid-template-columns:24px 1fr;gap:4px 9px;background:#F0F5FD;border:1px solid #D8E5F3;border-radius:10px;padding:12px;min-width:135px;font-size:12px}.cloud-route-object>.portal-icon{grid-row:span 3;color:#0047AB}.cloud-route-object>time{font-size:10px;color:#617583}.cloud-timeline{padding:0;margin:0;list-style:none;max-height:520px;overflow-y:auto;overscroll-behavior:contain}.cloud-timeline li{display:grid;grid-template-columns:75px 14px minmax(0,1fr);gap:10px;position:relative;font-size:12px;padding:0 0 18px}.cloud-timeline time{color:#617583;font-size:11px;padding-top:2px;font-variant-numeric:tabular-nums}.timeline-dot{height:9px;width:9px;border-radius:50%;background:#0047AB;margin:5px 2px 0;position:relative}.timeline-dot::after{content:'';position:absolute;top:11px;left:3px;width:2px;height:calc(100% + 26px);background:#D8E5F4}.cloud-timeline li:last-child .timeline-dot::after{display:none}.cloud-timeline p{color:#617583;font-size:11px;margin:5px 0 0;overflow-wrap:anywhere}.cloud-technical{border-top:1px solid var(--line);padding-top:13px}.cloud-technical p{overflow-wrap:anywhere}.cloud-detail-notice{font-size:11px;padding:11px;background:#FFF2E8;color:#914013;border-radius:9px}.cloud-call-expanded th{font-size:9px;letter-spacing:.25px;padding:10px 8px}.cloud-call-expanded td{font-size:11px;padding:10px 8px}.cloud-call-expanded .call-audio{display:flex;flex-direction:column;align-items:start;border:1px solid #E0E8F0;padding:13px;border-radius:10px;margin:0 0 12px}.cloud-call-expanded audio{width:100%;max-width:500px}.cloud-empty{text-align:center;padding:38px 15px;color:#617583}.cloud-empty>.portal-icon{width:38px;height:38px;margin:0 0 12px;color:#0047AB}.cloud-empty h3{color:#142B36}.cloud-empty p{font-size:12px}#content:has(.cloud-call-list)>.panel:last-child>.panel-head{align-items:flex-start;flex-wrap:wrap}#content:has(.cloud-call-list)>.panel:last-child>.panel-head .actions{flex-wrap:wrap}.cloud-call-list[aria-busy=true]{opacity:.6;pointer-events:none}.cloud-resources{margin-top:3px}
@media(min-width:1600px){.cloud-donut{height:200px;width:200px}.cloud-donut>div{height:136px;width:136px}}@media(max-width:1200px){.cloud-metric{padding:17px 13px;gap:9px}.metric-object{width:36px;height:36px}.metric-value{font-size:27px}.cloud-chart-layout{grid-template-columns:1fr 1fr}.cloud-outcome-layout{flex-wrap:wrap;gap:15px}.cloud-donut{width:150px;height:150px}.cloud-donut>div{width:100px;height:100px}.cloud-detail-grid{grid-template-columns:1fr}.cloud-call-row>summary{grid-template-columns:38px minmax(150px,1fr) 90px 70px 65px;gap:9px}.cloud-expander span{display:none}}@media(max-width:950px){.cloud-metrics{grid-template-columns:1fr 1fr}.cloud-chart-layout{grid-template-columns:1fr}.cloud-extension-grid{grid-template-columns:1fr 1fr}.cloud-report-intro{flex-direction:column;align-items:start}.cloud-filter-dates{grid-template-columns:1fr 1fr}.cloud-detail-overview{grid-template-columns:1fr 1fr}.cloud-dashboard-header{align-items:start;flex-direction:column}}@media(max-width:600px){.cloud-metrics{gap:10px}.cloud-metric{padding:14px 10px;flex-direction:column;gap:8px}.metric-value{font-size:27px}.metric-title{font-size:11px}.metric-caption{font-size:10px}.cloud-resources .cloud-metric{flex-direction:row}.cloud-resources .metric-object{display:none}.cloud-call-row>summary{grid-template-columns:34px minmax(0,1fr) 22px;gap:9px;padding:13px}.cloud-call-clock,.cloud-call-duration{grid-column:2;flex-direction:row;align-items:center;gap:8px}.cloud-call-clock{grid-row:2}.cloud-call-duration{grid-row:3}.cloud-expander{grid-column:3;grid-row:1}.cloud-call-object{width:34px;height:34px}.cloud-call-identity>strong{font-size:12px}.cloud-call-tags .status-pill,.cloud-tag{font-size:9px}.cloud-dial-route{padding:9px 13px 10px;gap:7px}.cloud-call-expanded{padding:12px}.cloud-detail-overview .cloud-metric{flex-direction:row}.cloud-detail-overview .metric-object{display:none}.cloud-timeline li{grid-template-columns:57px 12px minmax(0,1fr);gap:7px}.cloud-timeline time{font-size:10px}.cloud-report-intro{padding:16px}.cloud-report-intro h2{font-size:19px}.cloud-filter-dates{gap:10px}.cloud-filter-dates label{font-size:11px}.cloud-period-buttons{margin-top:7px}.cloud-outcome-layout{justify-content:center}.cloud-metrics .metric-value{overflow-wrap:anywhere}.cloud-detail-overview .metric-value{font-size:16px}}
#navigation button{background:transparent;border-color:transparent}#navigation button.active{background:#0047AB;border-left-color:#FF5900}.navigation-category.has-active>summary{color:#fff}.cloud-report-filters{display:block!important;width:100%;margin:0}.cloud-filter-dates,.cloud-extra-filters{width:100%;min-width:0}.cloud-filter-dates>label{min-width:0;max-width:100%;width:auto;flex:none}.cloud-filter-dates input,.cloud-filter-dates select{min-width:0;max-width:100%;width:100%}.cloud-filter-dates>button{min-width:0}.cloud-extra-filters{flex:none;align-self:stretch}.cloud-extra-filters>summary{position:static;flex:none;max-width:100%}.cloud-extra-filters .tool-filter-grid>label{min-width:0}.cloud-extra-filters .tool-filter-grid select{min-width:0}.cloud-call-row .cloud-call-expanded[aria-busy=true]{min-height:70px}.cloud-report-filters+.cloud-filter-caption{margin-top:16px}
@media(max-width:600px){.cloud-filter-dates{grid-template-columns:minmax(0,1fr);gap:12px}.cloud-filter-dates>button{width:100%;justify-content:center}.cloud-report-intro .actions{width:100%}.cloud-report-intro .actions button{max-width:100%}.cloud-filter-dates input{font-size:13px}.cloud-extension-grid{gap:10px}}
@media print{.cloud-call-row{break-inside:avoid;page-break-inside:avoid;margin-bottom:12px}.cloud-call-row[open]{break-inside:auto;page-break-inside:auto}.cloud-call-row>summary{display:grid!important}.cloud-call-row:not([open]) .cloud-call-expanded{display:none}.cloud-call-clock,.cloud-call-duration{display:flex!important}.cloud-dial-route{display:flex!important}.cloud-chart-layout,.cloud-metrics{break-inside:avoid;page-break-inside:avoid}.cloud-chart-layout{grid-template-columns:1fr 1fr}.cloud-metrics{grid-template-columns:repeat(4,1fr)}.cloud-metric{padding:12px;flex-direction:row}.cloud-timeline{max-height:none;overflow:visible}.cloud-extra-charts:not([open]){display:none}.cloud-expander{display:none}.cloud-call-expanded .panel{break-inside:auto}.cloud-detail-grid{display:block}.cloud-metric{box-shadow:none}.cloud-call-tags .cloud-tag{print-color-adjust:exact}.cloud-call-list{display:block}}

@media print{#report-print .cloud-metric,#report-print .cloud-donut,#report-print .status-pill,#report-print .cloud-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* The dark login panel needs explicit colors instead of portal heading colors. */
.login-brand{background:#02367F}.login-brand h1,.login-brand h2,.login-brand>p,.login-brand .eyebrow,.login-brand .login-note{color:#FFFFFF}.login-brand::after{pointer-events:none;border-color:#FF5900!important;opacity:1!important}

.agent-presence-card{border-top:4px solid #0047AB}.agent-presence-card .panel-head h2{margin-top:5px}.agent-status{padding:9px 14px;border-radius:999px;font-weight:700;white-space:nowrap}.agent-status.available{color:#075c32;background:#b9f4c9}.agent-status.paused{color:#913900;background:#fff0e5}.agent-status.logged_out{color:#405463;background:#e8edf2}.agent-control-actions{margin:16px 0;align-items:center}.agent-schedule-summary{display:flex;gap:12px;background:#f3f7fc;padding:16px;border-radius:12px;margin-top:14px}.agent-schedule-summary svg{width:24px;height:24px;color:#0047AB;flex-shrink:0}.agent-schedule-summary p{margin-bottom:0}.agent-codes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.agent-codes>div{display:flex;flex-direction:column;align-items:center;gap:7px;background:#f2f7fd;padding:14px;border:1px solid #d5e2f5;border-radius:12px}.agent-codes strong{font-size:23px;color:#0047AB}.agent-codes span{font-size:14px;color:#142B36}@media(max-width:650px){.agent-codes{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-presence-card .panel-head{align-items:flex-start;flex-wrap:wrap}.agent-control-actions>button{flex:1}}

/* OnePABX commercial layouts; no demo values in production. */
:root{--lx-blue:#0047AB;--lx-orange:#FF5900;--lx-ink:#142B36;--lx-line:#dce5f0;--lx-bg:#f4f7fa;--lx-green:#09883d}
body{background:var(--lx-bg);color:var(--lx-ink)}
#shell>aside{background:linear-gradient(155deg,#142B36,#0d2636);border-right:1px solid #223e50}#navigation button{border-radius:9px;padding:12px 14px;color:#c4d5e0;gap:12px;transition:background .15s,color .15s}#navigation button.active{background:linear-gradient(100deg,#0064d6,#0047AB);color:#fff;box-shadow:inset 3px 0 #4aa0ff}#navigation button:hover{background:#ffffff12;color:white}#navigation button.active:hover{background:#0047AB}#navigation .portal-icon{width:21px;height:21px;stroke-width:1.7;opacity:1}#navigation .navigation-items .portal-icon{width:18px;height:18px;opacity:1}#navigation summary{color:#b9cbd7}.workspace>header{background:#fff;border-bottom:1px solid var(--lx-line)}.page-heading h1{color:#0c263b;font-size:31px;letter-spacing:-.6px}.panel{background:#fff;border:1px solid var(--lx-line);box-shadow:none;border-radius:15px}.cloud-metric{border-radius:14px;border:1px solid var(--lx-line);box-shadow:none}.cloud-metric .metric-object{border-radius:50%;background:#eaf2ff;color:#0047AB}.cloud-metric.orange .metric-object{background:#fff0e4;color:#FF5900}.cloud-metric.green .metric-object{background:#e1f6e8;color:#09883d}.cloud-metric .metric-value{color:#102c43;font-size:34px}.cloud-metric .metric-title{font-weight:600}.lx-home-live{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.lx-home-live .panel{min-width:0;margin:0}.lx-home-extensions .cloud-extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lx-home-extensions .cloud-extension{padding:12px}.lx-home-extensions .cloud-extension strong{font-size:12px}.lx-home-extensions .helper{font-size:11px}
.lx-blf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:#fff;border:1px solid var(--lx-line);border-radius:14px;padding:16px;margin-bottom:14px}.lx-toolbar-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.lx-toolbar-title>.portal-icon{color:#0047AB}.lx-updated{font-size:10px;color:#698095}.lx-search{display:flex;align-items:center;gap:8px;flex:1 1 100%;border:1px solid var(--lx-line);border-radius:10px;padding:0 10px;color:#6c8398}.lx-search input{border:0;margin:0;background:transparent;width:100%;font-size:13px}.lx-presence{display:flex;gap:8px;flex-wrap:wrap}.lx-presence-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f5f8fc;border:1px solid var(--lx-line);border-radius:9px;min-width:82px}.lx-status-object{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#7f91a3}.lx-presence-item strong{font-size:18px;display:block;line-height:1.15}.lx-presence-item small{font-size:10px;display:block;color:#61798c}.lx-presence-item.idle .lx-status-object{background:#09883d}.lx-presence-item.busy .lx-status-object{background:#0047AB}.lx-presence-item.ringing .lx-status-object{background:#FF5900}
.lx-blf-grid,.integrated-phone-page .lx-blf-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.lx-blf-card{padding:14px;border:1px solid var(--lx-line);border-radius:12px;box-shadow:none;background:white;display:flex;flex-direction:column;min-width:0}.lx-blf-head{display:flex;gap:9px;align-items:center}.lx-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#e9edf3;color:#6c8092}.lx-avatar svg{width:21px;height:21px}.idle .lx-avatar{background:#09883d;color:#fff}.busy .lx-avatar{background:#0047AB;color:#fff}.ringing .lx-avatar{background:#FF5900;color:#fff}.lx-blf-person{min-width:0;flex:1}.lx-blf-person strong{display:block;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.lx-blf-person small{display:block;font-size:11px;color:#698095;margin-top:4px}.lx-extension{font-size:12px;font-weight:700;color:#234563;align-self:start}.lx-blf-state{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;margin:8px 0}.lx-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:6px;padding:5px 8px;background:#edf1f5;color:#637a8d;font-size:11px;font-weight:650}.lx-badge i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:currentColor}.lx-badge.idle,.lx-badge.available{background:#d2f3db;color:#056f2d}.lx-badge.busy{background:#e3edff;color:#0047AB}.lx-badge.ringing,.lx-badge.paused{background:#fff0e2;color:#b94200}.lx-peer{font-size:11px;color:#204260;text-align:right;overflow-wrap:anywhere;min-width:0}.lx-peer small{display:block;color:#6d8195;font-size:10px}.lx-blf-actions{display:flex;gap:5px;flex-wrap:wrap;border-top:1px solid #eef2f7;padding-top:10px;margin-top:auto}.lx-blf-actions button{font-size:10px;padding:7px 8px;gap:4px!important;border-radius:7px}.lx-blf-actions .portal-icon{width:13px;height:13px;flex-basis:13px}.lx-blf-actions button.primary{background:#0047AB;border-color:#0047AB}.lx-own-selector{margin-bottom:12px}.lx-own-selector label{font-size:11px;max-width:380px}.lx-own-selector select{font-size:12px;padding:8px}.lx-current-card{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#eaf2ff;border:1px solid #bfd4f4;border-radius:10px;padding:12px;margin-bottom:12px;font-size:13px}.lx-extra{background:#fff;border:1px solid var(--lx-line);border-radius:12px;margin-top:16px;padding:15px}.lx-extra>summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#0047AB}.lx-extra[open]>summary{margin-bottom:14px}.lx-empty{display:grid;justify-items:center;gap:8px;padding:26px 12px;color:#71869a;text-align:center;font-size:13px}.lx-empty .portal-icon{width:26px;height:26px}.lx-empty p{margin:0}.lx-safe-directory .blf-card.idle .presence-badge{background:#09883d;color:#fff}.lx-safe-directory .blf-card.busy .presence-badge{background:#0047AB;color:#fff}.lx-safe-directory .blf-card.ringing .presence-badge{background:#FF5900;color:#fff}.lx-safe-directory .blf-card.busy .contact-avatar{background:#e3edff;color:#0047AB}.lx-safe-directory .blf-card.idle .contact-avatar{background:#09883d;color:white}.presence-chip.busy{background:#e3edff;color:#0047AB}.presence-chip.idle{background:#d2f3db;color:#056f2d}.presence-chip.ringing{background:#fff0e2;color:#b94200}
.lx-queue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:18px}.lx-queue-card{border:1px solid var(--lx-line);background:white;border-radius:14px;padding:18px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.lx-queue-name{display:flex;gap:12px;align-items:center;flex:1}.lx-queue-name>.portal-icon{width:30px;height:30px;background:#eef4ff;color:#0047AB;padding:5px;border-radius:50%}.lx-queue-name h3{font-size:16px;margin:0 0 4px}.lx-queue-name small{font-size:11px;color:#71859b}.lx-queue-numbers{display:flex;gap:20px}.lx-queue-numbers>div{text-align:center}.lx-queue-numbers strong{display:block;font-size:22px;color:#0047AB}.lx-queue-numbers small{display:block;font-size:10px;color:#6d8295}.lx-queue-numbers .orange{color:#FF5900}.lx-supervision-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;margin-bottom:18px}.lx-supervision-grid>.panel{min-width:0;margin:0}.lx-supervisor table{font-size:12px}.lx-supervisor th{background:#f0f4f9;color:#29445e;font-size:11px}.lx-supervisor td{padding:11px 8px}.lx-supervisor .actions button{font-size:10px;padding:6px 8px}.lx-supervisor .actions .portal-icon{width:14px;height:14px;flex-basis:14px}.lx-wait-warning{background:#fff0e2;color:#bd4300;border-radius:7px;padding:5px 8px;font-weight:700}
.lx-wallboard{background:#102b3b;color:#fff;border-radius:18px;padding:24px;min-height:70vh}.lx-tv-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.lx-tv-header h2{color:white;margin:0;font-size:27px}.lx-tv-header p{color:#bed0df;margin:6px 0 0}.lx-tv-header label{margin:0;font-size:11px;color:#bed0df}.lx-tv-header select{padding:8px;font-size:12px}.lx-tv-header button{font-size:12px;background:#204152;color:#fff;border-color:#426071}.lx-tv-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.lx-tv-metrics .cloud-metric{background:#0047AB;border:0;color:white;padding:20px}.lx-tv-metrics .cloud-metric.orange{background:#FF5900}.lx-tv-metrics .metric-value{font-size:42px;color:white}.lx-tv-metrics .metric-title,.lx-tv-metrics .metric-caption{color:#ffffffdc}.lx-tv-metrics .metric-object{color:white;background:#ffffff22}.lx-tv-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-bottom:20px}.lx-wallboard .panel{background:#153545;border-color:#375362;color:white;min-width:0;margin:0}.lx-wallboard h2,.lx-wallboard h3{color:white}.lx-wallboard th{background:#203f50;color:#bcd1df}.lx-wallboard td{color:white;border-color:#345262}.lx-wallboard .lx-presence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lx-wallboard .lx-presence-item{background:#204252;border-color:#385d71;padding:15px}.lx-wallboard .lx-presence-item strong{font-size:28px}.lx-wallboard .lx-presence-item small,.lx-wallboard .helper,.lx-wallboard .lx-empty{color:#bfd1de}.lx-tv-foot{margin:0;font-size:11px;color:#b0c8d7}.tv-mode .lx-wallboard{min-height:100dvh;border-radius:0;padding:24px}.tv-mode main{padding:0!important}.tv-mode .page-heading{display:none}.tv-mode .lx-tv-header h2{font-size:34px}
@media(min-width:1101px){.integrated-phone-page .softphone-layout{grid-template-columns:minmax(0,1fr) clamp(300px,23vw,360px);gap:18px;height:var(--lx-phone-height,calc(100dvh - 220px));min-height:360px;align-items:stretch}.integrated-phone-page .softphone-layout>#content{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:7px;height:100%;min-height:0}.integrated-phone-page .integrated-phone-dock{position:relative;top:0;height:100%;max-height:100%;min-height:0}.integrated-phone-page .cloud-phone.phone-embedded{height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:15px}.integrated-phone-page .phone-embedded .phone-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 12px 12px}.integrated-phone-page .phone-embedded .phone-body[hidden]{display:none}.integrated-phone-page .phone-telephone-tab:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.integrated-phone-page .phone-history-tab:not([hidden]){height:auto;min-height:0;flex:1}.integrated-phone-page .phone-history{min-height:0}.integrated-phone-page .phone-keypad{flex:1;min-height:136px;display:grid;grid-template-rows:repeat(4,minmax(34px,1fr));margin:8px 0}.integrated-phone-page .phone-keypad button{height:auto!important;min-height:34px}.integrated-phone-page .phone-feature-actions{flex-shrink:0}.integrated-phone-page .phone-screen{flex-shrink:0}.integrated-phone-page .phone-dock-intro{height:100%;box-sizing:border-box}.integrated-phone-page .phone-call-actions{flex-shrink:0}.integrated-phone-page .phone-top{flex-shrink:0}.integrated-phone-page .phone-tabs{flex-shrink:0}}
@media(max-width:1400px){.lx-blf-grid,.integrated-phone-page .lx-blf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lx-supervision-grid{grid-template-columns:1fr}.lx-home-live{grid-template-columns:1.6fr 1fr}}
@media(max-width:1100px){.integrated-phone-page .softphone-layout{grid-template-columns:minmax(0,1fr) 305px;gap:14px}.integrated-phone-page .integrated-phone-dock{position:sticky;top:12px}.lx-home-live{grid-template-columns:1fr}.lx-tv-grid{grid-template-columns:1fr}.lx-tv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.integrated-phone-page .softphone-layout{display:flex;flex-direction:column}.integrated-phone-page .integrated-phone-dock{position:relative;top:auto;order:-1;width:min(100%,380px);margin:0 auto 16px}.integrated-phone-page .phone-embedded{max-height:none!important;height:auto}.lx-blf-grid,.integrated-phone-page .lx-blf-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.lx-tv-header{align-items:flex-start;flex-direction:column}.lx-wallboard{padding:14px}.lx-tv-metrics .metric-value{font-size:30px}.lx-queue-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#navigation button{transition:none}}

/* Final density and contrast pass after rendering the real components. */
body,button,input,select,textarea,h1,h2,h3{font-family:Arial,"Segoe UI",sans-serif}
#navigation{display:flex!important;flex-direction:column;justify-content:flex-start!important;gap:6px!important;align-items:stretch}
#navigation>button,#navigation>.navigation-category{flex:0 0 auto;height:auto;min-height:0}#navigation summary{padding:12px 10px}
#navigation .navigation-category{margin:0;border-bottom:1px solid #ffffff0c}#navigation .navigation-items{padding:3px 0 9px}
.lx-blf-card small{margin-bottom:0}.lx-blf-card .lx-blf-state{min-height:32px;margin:7px 0}.lx-blf-card .lx-blf-actions{padding-top:8px}.lx-blf-card{min-height:155px}
.lx-supervision-grid .table-wrap{max-height:430px;overflow:auto}.lx-supervisor th{position:sticky;top:0;z-index:1}.lx-supervisor td{white-space:nowrap}.lx-supervisor .lx-agent-actions{position:relative;font-size:11px}.lx-agent-actions>summary{cursor:pointer;padding:6px 8px;color:#0047AB;border:1px solid #dce5f0;border-radius:7px}.lx-agent-actions .actions{display:flex;flex-direction:column;align-items:stretch;padding-top:6px}.lx-agent-actions .actions button{white-space:nowrap}
.lx-supervisor-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px}.lx-supervisor-toolbar label{margin:0;min-width:230px}.lx-supervisor-toolbar select{padding:9px;font-size:13px}
.lx-home-live .table-wrap{max-height:365px;overflow:auto}.lx-home-live th{position:sticky;top:0;z-index:1;background:#f0f4f9}
.lx-wallboard .table-wrap{max-height:310px;overflow:auto}.lx-wallboard th{position:sticky;top:0;z-index:1}.lx-tv-metrics .cloud-metric.orange .metric-value{color:white!important}.lx-wallboard .lx-tv-grid{align-items:start}.lx-wallboard .lx-tv-grid>.panel{height:100%}
.cloud-phone.phone-compact .phone-dial{background:#09883d!important;color:white!important}.cloud-phone.phone-compact .phone-answer{background:#0047AB!important;color:white!important}.cloud-phone.phone-compact .phone-hang{background:#df2638!important;color:white!important}.cloud-phone.phone-compact .phone-hang:hover{background:#bb1528!important}.cloud-phone.phone-compact .phone-person{font-family:Arial,"Segoe UI",sans-serif}.phone-compact .phone-feature-actions button{color:#0047AB}.phone-compact .phone-tabs button[aria-selected=true]{color:#0047AB;border-color:#0047AB}
@media(max-width:800px){.lx-supervisor-toolbar{align-items:stretch;flex-direction:column}.lx-blf-card{min-height:150px}}

.lx-wallboard tbody tr:hover{background:#254859!important}.lx-supervisor>.panel .table-wrap{max-height:380px;overflow:auto}

/* Composition measured against the four approved reference images. */
#shell,#shell *{font-family:Arial,"Segoe UI",sans-serif!important}
#shell{--line:#dce6f1;--ink:#102b40;--muted:#59718b;background:#f2f7fb;color:var(--ink)}
#shell>aside{width:210px;padding:24px 10px 16px;background:linear-gradient(110deg,#142B36,#092534);border:0}
#shell .workspace{margin-left:210px}#shell .brand{margin:0 12px 22px;padding:0;background:none;border:0;box-shadow:none;min-height:52px}#shell .brand img{width:170px;max-height:65px;object-fit:contain;background:none;padding:0;border-radius:0}
#portal-label{display:none}#navigation{gap:5px!important}#navigation>button{font-size:14px;padding:14px 16px;border-radius:7px;background:transparent;color:#d6e3ec;min-height:48px;border:0}#navigation>button.active{background:linear-gradient(100deg,#0066d9,#0047AB);box-shadow:inset 4px 0 #25bcf3;color:white}#navigation>button .portal-icon{width:23px;height:23px;flex:0 0 23px}#navigation .navigation-category{border:0}#navigation summary{font-size:14px;padding:14px 16px;color:#d6e3ec;min-height:48px}#navigation summary .portal-icon{width:23px;height:23px;margin-right:12px}#navigation .navigation-items{padding:0 0 5px 10px}#navigation .navigation-items button{font-size:12px;padding:9px 12px}.sidebar-bottom{padding-top:16px}
#shell .workspace>header{height:40px;padding:0 22px;background:#f2f7fb;border:0}.breadcrumbs{font-size:11px;opacity:.75}.account{font-size:11px}.account button{font-size:11px;padding:5px 10px}#shell main{padding:0 20px 12px;max-width:none;margin:0}#shell footer{padding:8px 22px;border:0;font-size:10px}.page-heading{margin:8px 0 18px;gap:16px;min-height:58px;align-items:center}.page-heading h1{font-size:30px;line-height:1.12;letter-spacing:-.6px;margin:0 0 5px}.page-heading .eyebrow{display:none}.page-heading #page-description{font-size:15px;margin:0;line-height:1.4}.page-heading label{margin:0;font-size:10px;min-width:150px}.page-heading label select{padding:7px;font-size:11px}#content{min-height:0}#shell .panel{border-radius:10px;padding:16px;margin-bottom:0;min-width:0}#shell .panel-head{margin-bottom:12px}#shell .panel-head h2{font-size:18px;letter-spacing:-.25px}#shell .panel-head h2>.portal-icon{width:20px;height:20px}#shell .panel-head button{padding:5px 8px;font-size:11px}#shell th{padding:9px 10px;text-transform:none;letter-spacing:0;font-weight:600;font-size:12px;color:#29445e;background:#ecf2f8}#shell td{padding:9px 10px;font-size:12px;vertical-align:middle}#shell tbody tr:nth-child(even){background:#f7fafd}#shell tbody tr:hover{background:#edf5fc}
.rf-metric{padding:18px 20px;min-height:116px;display:flex!important;flex-direction:row!important;align-items:center;gap:17px;text-align:left;border-radius:10px}.rf-metric .metric-object{width:58px;height:58px;flex:0 0 58px;background:#0879ed!important;color:white!important}.rf-metric .metric-object svg{width:29px;height:29px}.rf-metric .metric-copy{display:flex;flex-direction:column;min-width:0}.rf-metric .metric-value{order:0;font-size:36px;line-height:1.1;font-weight:750;color:#102b40!important;margin:0 0 3px;letter-spacing:-.5px}.rf-metric .metric-title{order:1;font-size:15px;font-weight:500;color:#29445e}.rf-metric .metric-caption{order:2;font-size:11px;margin-top:7px;color:#7890a6}.rf-metric.green .metric-object{background:#1bac44!important}.rf-metric.red .metric-object{background:#ff4c45!important}.rf-metric.orange .metric-object{background:#FF5900!important}.rf-metric .metric-link{display:none}.rf-kpis{gap:14px;margin-bottom:16px}.rf-date{display:flex;gap:18px;justify-content:flex-end;align-items:center;margin:-58px 0 24px;height:34px;pointer-events:none}.rf-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#3a5370;white-space:nowrap}.rf-live:before{content:"";height:9px;width:9px;border-radius:50%;background:#18af43;display:inline-block}.rf-home-charts{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr);gap:16px;margin-bottom:16px}.rf-chart{display:block;width:100%;height:auto;max-height:265px;overflow:visible}.rf-chart .chart-grid{stroke:#e0e8f2;stroke-width:1}.rf-chart .chart-axis{font-size:12px;fill:#6c8199}.rf-legend{display:flex;gap:16px;font-size:12px;color:#3c5671;white-space:nowrap}.rf-legend span{display:flex;align-items:center;gap:7px}.rf-legend i,.rf-donut-row>i{display:inline-block;border-radius:50%;height:11px;width:11px;background:#0047AB}.rf-legend i.orange,.rf-donut-row>i.orange{background:#FF5900}.rf-donut-layout{display:flex;align-items:center;justify-content:center;gap:22px;min-height:230px}.rf-donut{width:190px;height:190px;flex:0 0 190px;border-radius:50%;display:grid;place-items:center}.rf-donut>div{width:130px;height:130px;background:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.rf-donut strong{font-size:29px}.rf-donut small{font-size:14px}.rf-donut-row{display:flex;gap:11px;align-items:start;margin:22px 0}.rf-donut-row>i{margin-top:8px;flex:0 0 13px;height:13px}.rf-donut-row strong,.rf-donut-row span,.rf-donut-row small{display:block}.rf-donut-row strong{font-size:23px;line-height:1.2}.rf-donut-row span{font-size:14px;margin:3px 0}.rf-donut-row small{font-size:12px;color:#8196ac}.rf-home-bottom{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr);gap:16px}.rf-home-bottom .table-wrap{max-height:290px}.rf-ramais-total{display:flex;flex-direction:column;margin:4px 0 14px}.rf-ramais-total strong{font-size:45px;line-height:1.2}.rf-ramais-total span{font-size:15px;color:#59718b}.rf-status-list>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8eef5;padding:9px 0}.rf-status-list .lx-badge{background:transparent;padding:0;font-size:14px;font-weight:400;color:#29445e;gap:10px}.rf-status-list .lx-badge i{width:11px;height:11px;flex-basis:11px}.rf-status-list .idle i{background:#1bac44}.rf-status-list .busy i{background:#0047AB}.rf-status-list .ringing i{background:#FF5900}.rf-status-list .offline i{background:#8a9cad}.rf-resources{margin-top:12px}.rf-resources summary{font-size:12px;color:#617d97;cursor:pointer}.rf-resources[open] .cloud-metrics{margin-top:14px}.rf-resources .portal-icon{vertical-align:middle;width:15px;height:15px}
/* BLF: title and controls in one header; four columns + fixed phone. */
body[data-screen=reception] .page-heading{display:grid;grid-template-columns:380px minmax(0,1fr);margin-bottom:14px}body[data-screen=reception] #tenant-picker{grid-row:2;justify-self:start}.rf-blf-toolbar{padding:0;background:transparent;border:0;border-radius:0;margin:0;gap:10px;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.rf-blf-toolbar .lx-toolbar-title{display:none}.rf-blf-toolbar .lx-search{flex:1;min-width:140px;max-width:300px;border-radius:6px;background:white;padding:0 8px;height:36px}.rf-blf-toolbar .lx-search input{font-size:11px;padding:8px 0;margin:0}.rf-blf-toolbar .actions{gap:6px;flex-wrap:nowrap}.rf-blf-toolbar .actions button{padding:8px;font-size:11px;white-space:nowrap}.rf-blf-toolbar .actions svg{width:14px;height:14px}.rf-presence{gap:0;flex-wrap:nowrap}.rf-presence .lx-presence-item{border-radius:6px;padding:7px 10px;gap:8px;min-width:78px;background:#fff}.rf-presence .lx-presence-item strong{font-size:20px}.rf-presence .lx-presence-item small{font-size:11px}.rf-presence .lx-status-object{height:30px;width:30px}.rf-own-settings{font-size:11px;margin:0 0 8px;color:#617b94}.rf-own-settings>summary{cursor:pointer;width:max-content}.rf-own-settings .lx-own-selector{padding-top:8px}.rf-reception .lx-blf-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;background:#f7faff;border:1px solid #e0eaf4;border-radius:10px;padding:10px}.rf-reception .lx-blf-card{padding:12px;min-height:143px;border-radius:8px;box-shadow:none}.rf-reception .lx-avatar{height:38px;width:38px;background:linear-gradient(145deg,#29c74e,#008633);box-shadow:inset 0 1px 3px #ffffff40}.rf-reception .busy .lx-avatar{background:linear-gradient(145deg,#128cf7,#0047AB)}.rf-reception .ringing .lx-avatar{background:linear-gradient(145deg,#ff9800,#ef5200)}.rf-reception .offline .lx-avatar{background:linear-gradient(145deg,#a8b9c9,#7e91a3)}.rf-reception .lx-blf-head{gap:10px}.rf-reception .lx-blf-person strong{font-size:12px}.rf-reception .lx-blf-person small{font-size:11px;margin-top:4px}.rf-reception .lx-extension{font-size:12px;font-weight:500}.rf-reception .lx-blf-state{margin:8px 0 6px;min-height:30px}.rf-reception .lx-badge{color:white!important;background:linear-gradient(#0bad42,#00882e);padding:5px 10px;font-size:12px;border-radius:5px}.rf-reception .lx-badge.busy{background:linear-gradient(#087ef0,#0052bb)}.rf-reception .lx-badge.ringing{background:linear-gradient(#ff8500,#f45200)}.rf-reception .lx-badge.offline,.rf-reception .lx-badge.external{background:#889bad}.rf-reception .busy .lx-blf-state{background:#ecf6ff;border-radius:7px;padding:4px}.rf-reception .lx-blf-actions{border:0;padding:3px 0 0;gap:3px}.rf-reception .lx-blf-actions button{font-size:9px;padding:5px 6px;background:#f8fbff;border:1px solid #d9e5f3;color:#0047AB;border-radius:5px}.rf-reception .lx-blf-actions button.primary{background:#eef6ff;color:#0047AB}.rf-reception .lx-blf-actions button .portal-icon{height:11px;width:11px;flex-basis:11px}.rf-reception .lx-peer{font-size:10px}.rf-reception .lx-peer small{font-size:10px;color:#29445e}
@media(min-width:1101px){body[data-screen=reception] .softphone-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.integrated-phone-page .softphone-layout{height:var(--lx-phone-height,calc(100dvh - 150px))}.integrated-phone-page .softphone-layout>#content{padding-right:0;scrollbar-gutter:auto}.integrated-phone-page .cloud-phone.phone-embedded{border-radius:10px}.integrated-phone-page .phone-embedded .phone-body{padding:0 14px 14px}.integrated-phone-page .phone-keypad{gap:8px;min-height:180px;margin:12px 0}.integrated-phone-page .phone-keypad button{background:linear-gradient(#fafcfe,#f0f4f8);border:1px solid #dce6f1;border-radius:9px}.integrated-phone-page .phone-keypad button strong{font-size:22px}.integrated-phone-page .phone-keypad button small{font-size:10px}.integrated-phone-page .phone-feature-actions button{min-height:49px;background:#f5f8fb;border:1px solid #dce6f1;border-radius:8px;font-size:11px;color:#17374b}.integrated-phone-page .phone-feature-actions button svg{height:20px;width:20px}.integrated-phone-page .phone-top{padding:14px 16px}.integrated-phone-page .phone-screen{min-height:76px;border-radius:10px;background:#eef7ff;border:1px solid #e2eef8;margin:10px 0 0;padding:12px}.integrated-phone-page .in-call .phone-screen,.integrated-phone-page .incoming .phone-screen{min-height:110px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.integrated-phone-page .phone-person{font-size:20px!important;font-weight:700}.integrated-phone-page .phone-timer{font-size:21px!important;color:#0063cc}.integrated-phone-page .phone-tabs button{height:45px}.integrated-phone-page .phone-call-actions button{height:48px;border-radius:8px}.integrated-phone-page .phone-destination-row{margin-top:10px}.integrated-phone-page .phone-settings{margin-top:4px;font-size:10px}}
/* Supervision follows the 4 KPIs, 2 queue cards, 2 tables, chart + history grid. */
.rf-supervisor .cloud-metrics{gap:14px;margin-bottom:14px}.rf-supervisor .cloud-metric{min-height:84px;padding:14px 18px;display:flex;flex-direction:row;gap:16px;align-items:center}.rf-supervisor .cloud-metric .metric-object{width:48px;height:48px;flex-basis:48px}.rf-supervisor .metric-copy{display:flex;flex-direction:column}.rf-supervisor .metric-value{order:0;font-size:30px;line-height:1.1}.rf-supervisor .metric-title{order:1;font-size:13px}.rf-supervisor .metric-caption{display:none}.rf-supervisor .lx-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px;gap:14px}.rf-supervisor .rf-queue-card{min-height:90px;padding:14px;gap:12px;flex-wrap:nowrap}.rf-queue-card .lx-queue-name{min-width:120px}.rf-queue-card .lx-queue-name h3{font-size:15px}.rf-queue-card .lx-queue-numbers{gap:0;flex:1;justify-content:space-around}.rf-queue-card .lx-queue-numbers>div{padding:0 8px;border-left:1px solid #dce6f1}.rf-queue-card .lx-queue-numbers strong{font-size:20px}.rf-green{color:#159637!important}.rf-supervisor .lx-supervision-grid{grid-template-columns:minmax(0,2.2fr) minmax(290px,1fr);gap:14px;margin-bottom:14px}.rf-supervisor .lx-supervision-grid .table-wrap{max-height:345px}.rf-supervisor .lx-supervision-grid td{padding:8px;font-size:11px}.rf-supervisor .lx-supervision-grid th{padding:8px;font-size:11px}.rf-supervisor .lx-supervision-grid .actions{gap:5px;flex-wrap:nowrap}.rf-supervisor .lx-badge{padding:4px 7px;font-size:10px;border-radius:14px}.rf-supervisor .lx-agent-actions summary{font-size:0;padding:3px 6px;border:0}.rf-supervisor .lx-agent-actions summary:after{content:'⋮';font-size:18px}.rf-supervisor .lx-agent-actions[open]{position:absolute;background:white;box-shadow:0 3px 15px #1233;padding:8px;z-index:3;right:15px}.rf-super-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;margin-bottom:14px}.rf-super-bottom .rf-chart{max-height:220px}.rf-super-bottom .table-wrap{max-height:235px}.rf-super-bottom td{font-size:11px;padding:7px}.page-heading>.lx-supervisor-toolbar{margin:0;gap:12px}.page-heading>.lx-supervisor-toolbar label{min-width:200px}.page-heading>.lx-supervisor-toolbar button{font-size:12px}
/* TV is a true wallboard: six tiles and a balanced two-by-two dashboard. */
body[data-screen=wallboard] .page-heading{display:none}.rf-tv{border-radius:0;background:linear-gradient(130deg,#062433,#082c3d);padding:18px;min-height:calc(100dvh - 70px)}.rf-tv .lx-tv-header{gap:16px;margin-bottom:18px;flex-wrap:wrap}.rf-tv .lx-tv-header>img{width:220px;max-height:55px;object-fit:contain}.rf-tv .lx-tv-header h2{font-size:29px;flex:1;min-width:320px}.rf-tv-clock{font-size:20px;font-weight:bold;white-space:nowrap}.rf-tv .rf-live{border:1px solid #00c944;border-radius:25px;padding:7px 13px;color:#00da4d;font-weight:bold;font-size:15px}.rf-tv .lx-tv-header>.actions{flex-basis:100%;justify-content:flex-end;margin-top:-10px}.rf-tv .lx-tv-header button,.rf-tv .lx-tv-header select{font-size:10px;padding:5px 8px}.rf-tv-filter label{font-size:0;margin:0}.rf-tv .lx-tv-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.rf-tv .rf-metric{min-height:135px;padding:16px 12px;display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:8px;background:linear-gradient(140deg,#0054bf,#0047AB);border-radius:9px}.rf-tv .rf-metric.orange{background:linear-gradient(140deg,#ff7800,#FF5900)}.rf-tv .rf-metric .metric-object{background:none!important;width:40px;height:40px;flex-basis:40px;border-radius:0}.rf-tv .rf-metric .metric-object svg{width:34px;height:34px}.rf-tv .rf-metric .metric-value{color:white!important;font-size:clamp(28px,3.1vw,54px);text-align:center;white-space:nowrap}.rf-tv .rf-metric .metric-title{color:white!important;font-size:16px;text-align:center;white-space:normal}.rf-tv .rf-metric .metric-caption{color:#ffffffbc;font-size:10px;text-align:center;margin:2px 0 0}.rf-tv .lx-tv-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;margin-bottom:14px}.rf-tv .panel{background:#ffffff04!important;border-color:#ffffff22!important;padding:15px!important}.rf-tv .panel-head h2{font-size:22px!important}.rf-tv th{color:#adc4d7!important;background:transparent!important;border-bottom:1px solid #ffffff30}.rf-tv td{color:white!important;font-size:14px!important;padding:12px!important;border-color:#ffffff20!important}.rf-tv tbody tr:nth-child(even){background:transparent!important}.rf-tv tbody tr:hover{background:#ffffff09!important}.rf-tv .table-wrap{max-height:270px}.rf-tv .rf-presence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.rf-tv .rf-presence .lx-presence-item{display:flex;flex-direction:column;gap:5px;padding:14px 5px;border:0;background:#129d31;border-radius:10px;color:white;min-width:0}.rf-tv .rf-presence .lx-presence-item.busy{background:#0052b9}.rf-tv .rf-presence .lx-presence-item.ringing{background:#FF5900}.rf-tv .rf-presence .lx-presence-item.offline{background:#4c6475}.rf-tv .rf-presence .lx-status-object{width:35px;height:35px;background:none!important}.rf-tv .rf-presence .lx-status-object svg{width:30px;height:30px}.rf-tv .rf-presence .lx-presence-item strong{font-size:42px;text-align:center}.rf-tv .rf-presence .lx-presence-item small{color:white!important;text-align:center;font-size:13px}.rf-tv .rf-chart{max-height:265px}.rf-tv .rf-chart .chart-grid{stroke:#ffffff20}.rf-tv .rf-chart .chart-axis{fill:#bcd1df}.rf-tv .rf-legend{color:#cbdce7}.rf-tv .lx-badge.idle{color:#20db57;background:transparent;font-size:11px}.rf-wait{display:inline-block;background:#244253;color:#fff;padding:5px 16px;border-radius:6px;font-weight:700}.rf-wait.warning{background:#FF5900}.rf-tv .lx-tv-foot{font-size:9px;color:#9db7c9}.tv-mode .rf-tv{min-height:100dvh}.tv-mode .rf-tv .lx-tv-header>.actions{display:none}
body[data-screen=wallboard] #shell>aside,body[data-screen=wallboard] .workspace>header,body[data-screen=wallboard] .workspace>footer{display:none!important}body[data-screen=wallboard] #shell .workspace{margin-left:0}body[data-screen=wallboard] #shell main{padding:0}.rf-tv{min-height:100dvh}.rf-tv .rf-metric .metric-value{font-size:clamp(25px,3vw,50px)}
.phone-feature-actions .phone-mute{font-size:11px!important;background:#f5f8fb!important;border:1px solid #dce6f1!important;border-radius:8px!important;min-height:49px;display:flex;align-items:center;justify-content:center}.phone-feature-actions .phone-mute[hidden]{display:none!important}.phone-feature-actions .phone-mute:before{content:'♩';font-size:20px;display:block}.phone-feature-actions .phone-mute.muted{background:#fff0e2!important;color:#c43f00!important}.phone-feature-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rf-supervisor .rf-operation-extra{margin-top:10px;padding:8px 0}.rf-operation-extra>summary{cursor:pointer;color:#59718b;font-size:11px}.rf-operation-extra[open]>.panel{margin-top:10px!important}
.phone-compact .phone-telephone-tab{overflow-x:hidden!important;width:100%;min-width:0}.phone-compact .phone-screen{width:100%;min-width:0;max-width:100%;overflow:hidden}.phone-compact.in-call .phone-screen,.phone-compact.incoming .phone-screen{flex-wrap:nowrap!important;align-items:stretch!important;text-align:center!important}.phone-compact.in-call .phone-peer,.phone-compact.incoming .phone-peer{flex:0 0 auto!important;width:100%;max-width:100%;text-align:center}.phone-compact .phone-person{display:block;white-space:normal!important;overflow-wrap:anywhere;max-width:100%}.phone-compact.in-call .phone-state,.phone-compact.incoming .phone-state{order:2;font-size:10px;margin:0;text-align:center;width:100%}.phone-compact.in-call .phone-duration{order:1;align-self:center!important;color:#0063cc;font-size:21px;margin:0}.phone-compact .phone-number{margin:3px 0!important;font-size:12px}.phone-compact .phone-feature-actions{grid-template-columns:repeat(6,minmax(0,1fr))!important}.phone-compact .phone-feature-actions>button{grid-column:span 2}.phone-compact .phone-feature-actions>button:nth-last-child(-n+2){grid-column:span 3}.phone-compact .phone-feature-actions .phone-mute:before{content:'';width:16px;height:22px;border:2px solid currentColor;border-radius:10px;box-shadow:0 4px 0 -2px currentColor;margin:3px auto}.phone-compact .phone-feature-actions .phone-mute{flex-direction:column;gap:5px}
.rf-reception .lx-blf-actions{display:grid;grid-template-columns:auto auto minmax(0,1fr)}.rf-reception .lx-blf-actions button{padding:5px 4px;white-space:nowrap;font-size:8px;justify-content:center}.rf-reception .lx-blf-actions button:nth-child(4){grid-column:1/-1;justify-self:end}.rf-reception .lx-blf-card{min-height:138px}.rf-own-settings{margin-top:12px}.rf-tv .rf-tv-alert{padding:10px 14px!important;border-color:#ff590055!important;background:#ff590010!important}.rf-tv-alert .panel-head{margin-bottom:0!important}.rf-tv-alert .panel-head h2{font-size:15px!important;color:#ff8500}.rf-tv-alert>.helper{display:none}.rf-tv-alert>.helper:last-child{display:block;margin:4px 0 0;font-size:10px}.rf-tv-alert .operational-alert{padding:8px;margin-top:8px}.rf-tv-alert button{font-size:10px!important}.rf-tv .rf-metric .metric-object svg{width:34px!important;height:34px!important}
@media(min-width:1101px) and (max-height:850px){.integrated-phone-page .phone-embedded .phone-body{padding:0 12px 8px}.integrated-phone-page .phone-top{padding:9px 12px}.integrated-phone-page .phone-tabs button{height:34px;padding:6px}.integrated-phone-page .phone-keypad{min-height:112px;gap:5px;margin:7px 0}.integrated-phone-page .phone-keypad button{min-height:28px}.integrated-phone-page .phone-keypad button strong{font-size:19px}.integrated-phone-page .phone-keypad button small{font-size:8px}.integrated-phone-page .phone-screen{margin-top:6px;padding:7px!important;min-height:38px}.integrated-phone-page .in-call .phone-screen,.integrated-phone-page .incoming .phone-screen{min-height:84px;gap:1px!important}.integrated-phone-page .phone-person{font-size:16px!important}.integrated-phone-page .phone-number{font-size:10px}.integrated-phone-page .phone-duration{font-size:17px!important}.integrated-phone-page .phone-destination-row{margin-top:6px;height:38px}.integrated-phone-page .phone-destination{font-size:16px;padding:7px}.integrated-phone-page .phone-feature-actions{gap:5px;margin:4px 0}.integrated-phone-page .phone-feature-actions button{min-height:36px;padding:5px;font-size:10px}.integrated-phone-page .phone-feature-actions button svg{height:16px;width:16px}.integrated-phone-page .phone-feature-actions .phone-mute{min-height:36px;gap:2px}.integrated-phone-page .phone-feature-actions .phone-mute:before{height:16px;width:11px;margin:0}.integrated-phone-page .phone-call-actions{margin-top:4px}.integrated-phone-page .phone-call-actions button{height:40px;padding:7px}.integrated-phone-page .phone-settings{margin-top:3px;font-size:9px}}
@media(min-width:1450px){.rf-blf-toolbar .lx-search{min-width:210px}.rf-reception .lx-blf-card{min-height:150px}.rf-supervisor .lx-supervision-grid .table-wrap{max-height:330px}}
@media(max-width:1450px){body[data-screen=reception] .page-heading{grid-template-columns:290px minmax(0,1fr)}.rf-blf-toolbar{gap:5px;flex-wrap:wrap}.rf-blf-toolbar .rf-presence .lx-presence-item{min-width:70px;padding:5px 7px}.rf-blf-toolbar .lx-search{flex-basis:240px;max-width:none}.rf-reception .lx-blf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rf-donut{width:160px;height:160px;flex-basis:160px}.rf-donut>div{width:110px;height:110px}.rf-donut-layout{gap:12px}.rf-queue-card .lx-queue-numbers>div{padding:0 5px}.rf-tv .lx-tv-metrics{gap:8px}.rf-tv .rf-metric{grid-template-columns:32px minmax(0,1fr)}.rf-tv .rf-metric .metric-title{font-size:13px}.rf-tv .rf-metric .metric-object{width:30px}.rf-supervisor .lx-supervision-grid{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr)}}
@media(max-width:1100px){#shell>aside{width:190px}#shell .workspace{margin-left:190px}#shell .brand img{width:150px}.rf-home-charts{grid-template-columns:1.7fr 1fr}.rf-donut-layout{flex-direction:column;gap:0}.rf-donut-row{margin:5px;display:inline-flex}.rf-donut-row strong{font-size:18px}.rf-home-bottom{grid-template-columns:1.8fr 1fr}.rf-metric{gap:10px;padding:14px}.rf-metric .metric-object{height:42px;width:42px;flex-basis:42px}.rf-metric .metric-value{font-size:28px}.rf-metric .metric-title{font-size:12px}.rf-reception .lx-blf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-screen=reception] .page-heading{display:flex;flex-wrap:wrap}.rf-blf-toolbar{flex:1 1 100%;justify-content:flex-start}.rf-supervisor .lx-supervision-grid,.rf-super-bottom{grid-template-columns:1fr}.rf-supervisor .lx-queue-grid{grid-template-columns:1fr}.rf-tv .lx-tv-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-tv .lx-tv-grid{grid-template-columns:1fr}.rf-tv .rf-metric .metric-value{font-size:38px}}
@media(max-width:800px){#shell>aside{width:230px}#shell .workspace{margin-left:0}#shell main{padding:4px 12px 12px}#shell .workspace>header{padding:0 12px}#shell .page-heading h1{font-size:25px}.rf-date{margin:0 0 10px;justify-content:start}.rf-home-charts,.rf-home-bottom{grid-template-columns:1fr}.rf-donut-layout{flex-direction:row}.rf-reception .lx-blf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:6px;gap:6px!important}.rf-reception .lx-blf-card{padding:8px}.rf-reception .lx-avatar{width:28px;height:28px}.rf-reception .lx-blf-head{gap:5px}.rf-reception .lx-extension{font-size:10px}.rf-reception .lx-blf-person strong{font-size:10px}.rf-reception .lx-blf-person small{font-size:9px}.rf-reception .lx-blf-actions button{font-size:9px}.rf-blf-toolbar .lx-search{flex-basis:100%}.rf-presence .lx-presence-item{min-width:66px}.rf-supervisor .lx-queue-numbers{gap:5px}.rf-queue-card .lx-queue-name{min-width:90px}.rf-tv{padding:12px}.rf-tv .lx-tv-header h2{font-size:24px;min-width:0}.rf-tv .lx-tv-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-tv .rf-presence{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-tv .panel-head{flex-wrap:wrap}.rf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-kpis .rf-metric{min-height:105px}.rf-supervisor .cloud-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-supervisor .cloud-metric{padding:10px;gap:9px}.rf-supervisor .metric-value{font-size:24px}.rf-supervisor .metric-title{font-size:11px}}

/* An embedded phone must never inherit the floating window positioning. */
.integrated-phone-page .integrated-phone-dock>#cloud-phone.phone-embedded{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:auto!important}
@media(min-width:801px){.integrated-phone-page .softphone-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;align-items:stretch;gap:12px;width:100%;min-width:0;height:var(--lx-phone-height,calc(100dvh - 150px));min-height:360px}.integrated-phone-page .softphone-layout>#content{overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0;height:100%;overscroll-behavior:contain}.integrated-phone-page .integrated-phone-dock{position:relative!important;inset:auto!important;height:100%;min-width:0;min-height:0}.integrated-phone-page .integrated-phone-dock>#cloud-phone.phone-embedded{height:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}.integrated-phone-page .phone-embedded .phone-body{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}.integrated-phone-page .phone-embedded .phone-telephone-tab:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.integrated-phone-page .phone-keypad{flex:1;min-height:112px}.integrated-phone-page .phone-top,.integrated-phone-page .phone-tabs,.integrated-phone-page .phone-screen,.integrated-phone-page .phone-feature-actions,.integrated-phone-page .phone-call-actions{flex-shrink:0}}
@media(min-width:801px) and (max-width:1450px){.rf-reception .lx-blf-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}}

/* Consistent navigation icon proportions, with a separate supervision symbol. */
#navigation button .portal-icon,#navigation>button .portal-icon,#navigation summary .portal-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;stroke-width:1.7;vertical-align:middle}
#navigation summary .portal-icon{margin-right:10px}#navigation>button{gap:11px!important}#navigation .navigation-items .portal-icon{width:16px!important;height:16px!important;flex-basis:16px!important}
.incoming-call-popup{position:fixed;bottom:22px;right:22px;z-index:30;width:min(360px,calc(100vw - 32px));padding:20px;background:white;color:#142B36;border:1px solid #bed4ed;border-radius:14px;box-shadow:0 12px 48px #142b3640;font-family:Arial,sans-serif}.call-popup-heading{display:flex;align-items:center;gap:10px;color:#0047AB;margin-bottom:12px}.call-popup-heading svg{width:22px;height:22px}.call-popup-name{display:block;font-size:20px;overflow-wrap:anywhere}.incoming-call-popup p{margin:5px 0 14px;color:#617b94}.incoming-call-popup .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.incoming-call-popup button{padding:9px 12px;font-size:12px}.incoming-call-popup button.primary{background:#0047AB;color:white}.incoming-call-popup.active .actions button:first-child{background:#df2638;color:white}.incoming-call-popup.ringing{border-top:4px solid #0047AB}
body:not(.integrated-phone-page):not(.phone-standalone) .integrated-phone-dock{display:none!important}
@media(min-width:801px){
 .integrated-phone-page .page-heading{width:calc(100% - 312px);display:flex!important;flex-wrap:wrap;align-items:start;gap:10px;margin-bottom:12px}
 .integrated-phone-page .page-heading>.rf-blf-toolbar{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap}.integrated-phone-page .rf-blf-toolbar .lx-search{flex:1 1 180px;max-width:none}
 .integrated-phone-page .softphone-layout{height:var(--blf-center-height)!important;min-height:0!important;grid-template-columns:minmax(0,1fr) 300px!important}.integrated-phone-page .softphone-layout>#content{grid-column:1!important;grid-row:1!important}
 .integrated-phone-page .integrated-phone-dock{position:fixed!important;top:56px!important;right:20px!important;bottom:16px!important;left:auto!important;width:300px!important;height:auto!important;max-height:none!important;z-index:2}
 .integrated-phone-page .integrated-phone-dock>#cloud-phone.phone-embedded{height:100%!important;max-height:100%!important;min-height:0!important;box-shadow:0 8px 25px #142b3610}
 .integrated-phone-page .phone-embedded .phone-top{min-height:48px;flex:0 0 auto;padding:9px 12px!important}
 .integrated-phone-page .phone-embedded .phone-body{padding:0 12px 8px!important;min-height:0!important;overflow:hidden!important;flex:1 1 0!important;position:relative}
 .integrated-phone-page .phone-embedded .phone-tabs{height:36px;flex:0 0 36px;margin:0 0 6px}.integrated-phone-page .phone-embedded .phone-tabs button{height:36px;padding:6px!important}
 .integrated-phone-page .phone-embedded .phone-telephone-tab:not([hidden]){display:flex;flex-direction:column;height:100%;min-height:0!important;overflow:hidden!important;flex:1 1 0!important;gap:6px}
 .integrated-phone-page .phone-embedded .phone-screen{flex:0 0 auto!important;margin:0!important;min-height:38px!important;padding:8px!important;gap:3px!important}
 .integrated-phone-page .phone-embedded.in-call .phone-screen{height:86px;min-height:86px!important}.integrated-phone-page .phone-embedded.incoming .phone-screen{min-height:112px!important}
 .integrated-phone-page .phone-embedded .phone-person{font-size:17px!important;line-height:1.2}.integrated-phone-page .phone-embedded .phone-number{font-size:11px;line-height:1.1;margin:2px 0!important}.integrated-phone-page .phone-embedded .phone-duration{font-size:20px!important;line-height:1.2}.integrated-phone-page .phone-embedded .phone-state{line-height:1.1}
 .integrated-phone-page .phone-embedded .phone-destination-row{height:40px!important;min-height:40px;flex:0 0 40px;margin:0!important}.integrated-phone-page .phone-embedded .phone-destination{padding:8px;font-size:16px}
 .integrated-phone-page .phone-embedded .phone-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))!important;flex:1 1 0!important;min-height:96px!important;margin:0!important;gap:6px}
 .integrated-phone-page .phone-embedded .phone-keypad button{height:100%!important;min-height:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.integrated-phone-page .phone-embedded .phone-keypad strong{font-size:21px;line-height:1.1}.integrated-phone-page .phone-embedded .phone-keypad small{height:auto;font-size:8px;line-height:1}
 .integrated-phone-page .phone-embedded .phone-feature-actions{flex:0 0 auto!important;grid-template-rows:repeat(2,42px);gap:5px!important;margin:0!important}.integrated-phone-page .phone-embedded .phone-feature-actions button{min-height:0!important;height:42px!important;padding:4px!important;gap:2px!important;line-height:1.1;font-size:10px!important}.integrated-phone-page .phone-embedded .phone-feature-actions button svg{height:16px!important;width:16px!important;flex:0 0 16px!important}.integrated-phone-page .phone-embedded .phone-feature-actions .phone-mute:before{height:16px;width:10px;margin:0}
 .integrated-phone-page .phone-embedded .phone-call-actions{flex:0 0 auto!important;margin:0!important}.integrated-phone-page .phone-embedded .phone-call-actions button{height:42px!important;padding:7px;font-size:13px}
 .integrated-phone-page .phone-embedded .phone-transfer-box{flex:0 0 auto;margin:0!important;padding:7px}.integrated-phone-page .phone-embedded .phone-transfer-hint{flex:0 0 auto;margin:0!important;font-size:10px}.integrated-phone-page .phone-embedded .phone-telephone-tab:has(.phone-transfer-box:not([hidden])) .phone-keypad{display:none}
 .integrated-phone-page .phone-embedded .phone-settings{flex:0 0 auto;margin:0!important;font-size:10px;line-height:1.3}.integrated-phone-page .phone-embedded .phone-settings[open]{position:absolute;bottom:8px;left:12px;right:12px;z-index:4;padding:10px;border:1px solid #cddceb;border-radius:10px;background:white;box-shadow:0 4px 18px #142b3630;max-height:65%;overflow:auto}
 .integrated-phone-page .phone-embedded .phone-history-tab:not([hidden]){flex:1 1 0!important;min-height:0;height:100%;overflow:hidden}.integrated-phone-page .phone-embedded .phone-history{overflow-y:auto;min-height:0;flex:1}
}
@media(min-width:801px) and (max-height:680px){.integrated-phone-page .phone-embedded .phone-feature-actions{grid-template-rows:repeat(2,34px)}.integrated-phone-page .phone-embedded .phone-feature-actions button{height:34px!important;font-size:9px!important}.integrated-phone-page .phone-embedded .phone-keypad{min-height:80px!important;gap:4px}.integrated-phone-page .phone-embedded .phone-person{font-size:15px!important}.integrated-phone-page .phone-embedded .phone-keypad strong{font-size:18px}.integrated-phone-page .phone-embedded.in-call .phone-screen{height:74px;min-height:74px!important}.integrated-phone-page .phone-embedded .phone-telephone-tab:not([hidden]){gap:4px}.integrated-phone-page .phone-embedded .phone-call-actions button{height:36px!important}}