:root{--deep:#294b70;--hover:#203e5e;--pale:#eaf1f8;--bg:#f4f7fb;--text:#24364b;--line:#d7e2ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,sans-serif}header{background:var(--deep);color:white;padding:16px 4%;display:flex;align-items:center;gap:24px}header a{color:white}header .brand{margin-right:auto}header img{width:205px;display:block}main{max-width:1420px;margin:36px auto;padding:0 28px}h1{font-size:32px;margin:8px 0 20px;font-weight:650;letter-spacing:-.8px}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px}.eyebrow{font-size:11px;letter-spacing:2px;color:#4c7196;font-weight:700}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px;box-shadow:0 6px 24px #294b7005}.narrow{max-width:460px;margin:8vh auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats span{color:#63788b;font-size:13px}.stats strong{display:block;font-size:36px;margin-top:8px}.badge{padding:8px 14px;border-radius:30px;background:#fce9cd;color:#714305;font-size:13px}.badge.online{background:#e7f4ed;color:#216846}label{display:block;font-size:13px;margin:12px 0}input,select{display:block;width:100%;font:inherit;padding:10px 12px;margin-top:6px;border:1px solid #bccddd;border-radius:7px;background:white;color:var(--text)}button{font:inherit;border:0;border-radius:7px;padding:10px 15px;background:var(--deep);color:white;cursor:pointer}button:hover{background:var(--hover)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #6699c9;outline-offset:2px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#60788f;font-size:11px;letter-spacing:.6px;text-transform:uppercase}td,th{padding:13px 10px;border-bottom:1px solid #e5ecf3}td button{padding:6px 10px;margin:3px;font-size:12px}.table-wrap{overflow:auto}.muted,footer{color:#63788b;font-size:13px}.queue-grid{display:flex;gap:16px;flex-wrap:wrap}.queue{background:var(--pale);padding:16px;border-radius:9px;min-width:180px}.queue strong{display:block}.forms{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.forms form{background:var(--bg);padding:18px;border-radius:10px}.pager{display:flex;align-items:center;gap:15px;margin-top:20px}#message:not(:empty){background:#e6eff9;border-left:4px solid #3b6795;padding:14px;margin-bottom:20px}#message.error{background:#fbe8e8;border-color:#ad3939}footer{margin:32px 0} [hidden]{display:none!important}@media(max-width:1000px){.forms,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){main{padding:0 14px}header{flex-wrap:wrap;gap:12px}.heading{display:block}.stats,.forms{grid-template-columns:1fr}h1{font-size:27px}.card{padding:18px}}
.report-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px}.report-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}.report-stats>div{background:var(--pale);padding:12px;border-radius:8px;font-size:12px}.report-stats strong{display:block;font-size:23px;margin-top:6px}.download{display:inline-block;padding:10px;color:var(--deep)}#report-error{color:#a03232}.pager{flex-wrap:wrap}@media(max-width:1000px){.report-filters,.report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.report-filters{grid-template-columns:1fr}}
#user-rows input[type=checkbox]{width:auto;display:inline-block}#user-rows select{min-width:130px}.account-form{max-width:450px}
.phone{border-top:4px solid #507ca5}.phone summary{font-size:1.2rem;font-weight:700;cursor:pointer}.phone-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.phone form{display:flex;gap:.7rem;align-items:end}.phone input{max-width:22rem}.live-queue dl{display:grid;grid-template-columns:1fr auto;gap:.4rem}.live-queue dd{margin:0;font-weight:700}.live-queue.alarm{border:2px solid #b84d32;background:#fff4ef}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:.4rem}.heat{text-align:center;padding:5px 0;border-radius:3px;background:#eef3f8;color:#203c57}.heat-1{background:#d5e4f1}.heat-2{background:#a9c6de}.heat-3{background:#7099bc}.heat-4{background:#365e82;color:white}body.wallboard #live-dashboard{font-size:1.15rem}body.wallboard #alarm-settings{display:none}body.wallboard #live-dashboard .queue-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
#dashboard-queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.live-queue{min-width:0}.live-queue h3{margin-top:0}.phone form label{flex:1;max-width:24rem}#alarm-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}#alarm-settings h3{grid-column:1/-1}.phone button{margin-bottom:4px}
.workspace{display:grid;grid-template-columns:215px minmax(0,1fr);gap:22px;align-items:start}.workspace-content{min-width:0}#app-menu{position:sticky;top:16px;background:#eaf1f8;border:1px solid #d7e2ec;border-radius:12px;padding:9px;display:flex;flex-direction:column;gap:4px}#app-menu button{text-align:left;background:transparent;color:#294b70;font-size:13px;padding:10px}#app-menu button[aria-current=page]{background:#294b70;color:white}#app-menu button:hover{background:#d5e3f0}#app-menu button[aria-current=page]:hover{background:#203e5e}.workspace-content form:not(#report-form):not(#alarm-settings){max-width:600px}.switch{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #d7e2ec;border-radius:8px}.switch input[type=checkbox]{width:20px;height:20px;accent-color:#2b7c64;margin:0}.editor{padding:20px;background:#eef4fa;border-radius:12px;margin-top:20px}.danger{background:#914b4b}.avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:2px solid #d7e2ec}.avatar.tiny{width:34px;height:34px}#header-avatar{flex-shrink:0}.floating-phone{position:fixed;right:22px;bottom:70px;z-index:1100;width:370px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto;padding:16px;box-shadow:0 12px 40px #142f5555;margin:0}.phone-drag{display:flex;justify-content:space-between;align-items:center;cursor:move;touch-action:none;background:#294b70;color:white;padding:10px 12px;border-radius:8px;user-select:none}.phone-drag button{margin:0;padding:2px 10px;font-size:22px}.phone-launcher{position:fixed;right:22px;bottom:18px;z-index:1000;box-shadow:0 4px 20px #294b7044}.floating-phone .phone-actions button{font-size:12px;padding:8px 10px}.floating-phone p{font-size:12px}.floating-phone .phone-drag strong{display:inline}.floating-phone #phone-number{width:100%}body.wallboard .workspace{display:block}body.wallboard #app-menu{display:none}body.wallboard .workspace-content>[data-panel]:not(#live-dashboard){display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}#app-menu{position:static;display:flex;flex-direction:row;flex-wrap:wrap}#app-menu button{flex:1 0 auto}.floating-phone{right:8px;bottom:65px}.workspace-content .stats{gap:10px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.floating-phone{width:360px;padding:0;border:1px solid #d3deea;border-radius:16px;background:#fff;overflow:auto;bottom:72px}.floating-phone svg,.phone-launcher svg{width:20px;height:20px;flex-shrink:0}.floating-phone .phone-drag{border-radius:15px 15px 0 0;padding:14px 16px;background:#294b70}.phone-wordmark{display:flex;gap:10px;align-items:center}.phone-wordmark>svg{width:24px;height:24px}.phone-wordmark strong{font-size:14px;font-weight:650}.phone-wordmark small{display:block;color:#ccdaea;font-size:11px;margin-top:2px}.phone-drag button{display:flex;background:transparent;padding:6px;color:#dbe7f4}.phone-state{display:flex;align-items:center;gap:7px;padding:9px 16px;background:#f2f6fa;font-size:11px;color:#4e6479}.phone-dot{width:7px;height:7px;border-radius:50%;background:#9baab8;flex-shrink:0}.phone-dot.online{background:#27865c;box-shadow:0 0 0 3px #27865c16}.phone-tabs{display:flex;border-bottom:1px solid #e6edf4;padding:0 8px}.phone-tabs button{flex:1;display:flex;gap:5px;align-items:center;justify-content:center;border-radius:0;background:white;color:#6b7c8e;font-size:11px;padding:12px 5px;border-bottom:2px solid transparent;margin:0}.phone-tabs button svg{width:15px;height:15px}.phone-tabs button[aria-selected=true]{color:#294b70;border-color:#476f95;background:#f8fafc}.phone-panel{padding:16px}.phone-idle{text-align:center;display:flex;align-items:center;flex-direction:column;gap:3px;margin-bottom:12px}.phone-avatar,.phone-call-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#e9f0f7;color:#365b80;font-size:18px;font-weight:650;margin-bottom:5px}.phone-idle strong{font-size:13px}.phone-idle small{color:#8796a6;font-size:10px}.floating-phone #phone-dial{display:block}.phone-number-field{display:flex;align-items:center;border:1px solid #dce5ee;border-radius:10px;padding:0 4px;background:#fff;margin-bottom:10px}.floating-phone #phone-number{font-size:21px;text-align:center;letter-spacing:.5px;border:0;margin:0;padding:12px 0;background:transparent;min-width:0}.phone-number-field button{background:transparent;color:#6a7d90;padding:8px;margin:0}.phone-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px;padding:0 15px 8px}.phone-keypad button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:53px;background:white;color:#2d4258;border-radius:12px;margin:0;padding:5px}.phone-keypad button:hover{background:#edf3f8}.phone-keypad span{font-size:25px;line-height:1.15;font-weight:400}.phone-keypad small{font-size:8px;letter-spacing:2px;color:#8c9baa;height:11px;margin-top:3px}.floating-phone .phone-call-button,.phone-bottom-actions button{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;border-radius:10px;background:#27865c;color:white;font-size:13px;padding:12px;margin:6px 0 0}.phone-bottom-actions{display:flex;gap:10px;padding:0 16px 12px}.phone-bottom-actions:has(button:not([hidden])){padding-top:4px}.phone-bottom-actions button.phone-hangup{background:#b75257}.phone-hangup svg{transform:rotate(135deg)}.phone-call-card{padding:16px 16px 8px;text-align:center;background:#f8fafc;border-bottom:1px solid #e6edf4}.phone-call-avatar{margin:0 auto 8px;width:48px;height:48px}.phone-call-card>strong{display:block;font-size:17px}.phone-call-card>span{display:block;font-size:11px;color:#778a9d}.phone-call-card #phone-duration{font-variant-numeric:tabular-nums;font-size:21px;color:#294b70;margin:5px 0}.phone-call-actions{display:flex;justify-content:center;gap:16px;margin-top:12px}.phone-call-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;background:#eaf0f6;color:#345777;padding:10px;border-radius:10px;width:72px;font-size:9px;margin:0}.phone-call-actions button.active{background:#365f85;color:white}.phone-feedback{margin:0;padding:0 16px 10px;font-size:11px;color:#526d86;overflow-wrap:anywhere}.phone-feedback:empty{display:none}.phone-panel .heading{gap:6px}.phone-panel h3{font-size:13px;margin:0 0 8px}.phone-panel label{font-size:11px}.phone-panel button{font-size:11px;padding:8px 10px}.phone-panel input,.phone-panel select{font-size:12px}.phone-security{background:#f2f6fa;border-radius:10px;padding:12px;margin-top:14px}.phone-security p{font-size:11px;overflow-wrap:anywhere}.phone-security a{display:block;font-size:11px;color:#365f85;margin:9px 0}.phone-security dl{font-size:10px}.phone-security dt{font-weight:650;margin-top:6px}.phone-security dd{margin:0;color:#63788d;overflow-wrap:anywhere}.phone-contact-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #edf1f6;padding:10px 0}.phone-contact-row .phone-contact-info{flex:1;min-width:0}.phone-contact-info strong,.phone-contact-info small{display:block;overflow-wrap:anywhere}.phone-contact-info strong{font-size:12px}.phone-contact-info small{color:#8191a1;font-size:10px}.phone-contact-row button{padding:7px;background:#eef3f8;color:#365f85}.phone-launcher{display:flex;gap:8px;align-items:center;font-size:12px}.floating-phone.in-call .phone-idle{display:none}.floating-phone.in-call .phone-keypad button{min-height:40px}.floating-phone.in-call .phone-keypad span{font-size:20px}.floating-phone.in-call .phone-number-field{margin-bottom:4px}.floating-phone #phone-transfer-form{padding:10px 0;text-align:left}.phone-security.warn{border:1px solid #d2a460}.phone-security.good{border:1px solid #7bb69d}@media(max-width:500px){.floating-phone{bottom:65px;right:8px;max-height:calc(100dvh - 80px)}.phone-keypad button{min-height:46px}.phone-panel{padding:12px 16px}.phone-idle{margin-bottom:6px}.phone-avatar{width:38px;height:38px}}
.floating-phone form:not(#phone-dial){display:block}.floating-phone .phone-panel label{max-width:none}.floating-phone .phone-keypad button:active{background:#d8e6f1;transform:scale(.96)}
.floating-phone{max-height:calc(100dvh - 170px)}@media(max-width:500px){.floating-phone{max-height:calc(100dvh - 170px)}}
.floating-phone .phone-drag{position:sticky;top:0;z-index:4}.phone-bottom-actions{position:sticky;bottom:0;background:white;z-index:3}
#phone-security-badge{margin:0 0 0 auto;background:#e1eaf3;color:#365b7d;padding:3px 7px;font-size:9px;border-radius:5px;white-space:nowrap}#phone-status{min-width:0;overflow-wrap:anywhere}

#phone-audio-alert{padding:10px 16px;background:#fff4df;border-bottom:1px solid #dfbd78;color:#634c23}#phone-audio-alert p{margin:0 0 7px;font-size:12px}#phone-audio-alert button{margin:0}
/* 0.10.0: readable monitoring, compact phone and live audio controls */
.chart-controls{display:flex;flex-wrap:wrap;gap:14px;margin:16px 0}.chart-controls label{flex:1;min-width:140px}.dashboard-card{border:1px solid #d8e4ef;border-radius:14px;padding:20px;margin-bottom:18px;background:#fff}.dashboard-card h3{margin:0}.dashboard-card svg{width:100%;height:auto;max-height:300px}.dashboard-card svg rect,.dashboard-card svg circle{transition:height .3s,y .3s,stroke-dasharray .3s}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.kpi-grid>div{background:#f0f5fa;border-radius:10px;padding:14px}.kpi-grid small,.kpi-grid strong{display:block}.kpi-grid strong{font-size:25px;color:#294e72;margin-top:4px}.dashboard-alert{background:#fff5e9;color:#80591c;border-left:3px solid #dfa850;padding:10px}.dashboard-metrics{display:grid;grid-template-columns:1fr auto;gap:8px}.dashboard-metrics dd{margin:0;font-weight:600}.pager{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.pager select{width:auto;max-width:100px}.pager button{margin:0}#recording-player{width:100%;margin:12px 0}#profile-password{margin-top:24px;border-top:1px solid #dce7f0;padding-top:18px}#phone-volume-controls{padding:8px 16px;background:#edf3f8;display:grid;grid-template-columns:1fr 1fr;gap:12px}#phone-volume-controls[hidden]{display:none}#phone-volume-controls label{font-size:11px;min-width:0}#phone-volume-controls input{padding:0;margin:4px 0;width:100%;accent-color:#315a80}#phone-volume-controls meter{display:block;width:100%;height:12px}#phone-gain-status{grid-column:1/-1;font-size:10px;color:#55718c}.phone-history-row{padding:9px 0;border-bottom:1px solid #dae5ee}.phone-history-row strong,.phone-history-row small{display:block;overflow-wrap:anywhere}.phone-history-row small{font-size:10px;color:#6b8399}.phone-history-row button{padding:5px 8px}.floating-phone{max-height:none!important;height:auto;overflow:visible!important;width:min(390px,calc(100vw - 20px))}.floating-phone .phone-security{margin-top:10px}.phone-security summary{cursor:pointer;font-size:12px;font-weight:650}.floating-phone:has(#phone-security-details[open]){width:min(700px,calc(100vw - 20px))}.floating-phone:has(#phone-security-details[open]) #phone-tls-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px}.floating-phone:has(#phone-security-details[open]) #phone-tls-details dt{grid-column:1;font-size:10px}.floating-phone:has(#phone-security-details[open]) #phone-tls-details dd{grid-column:2;margin:0;overflow-wrap:anywhere}#phone-history-rows{min-height:40px}.phone-tabs{flex-wrap:wrap}#phone .pager{font-size:10px}#phone .pager button{padding:5px 7px}.table-wrap td{vertical-align:top;overflow-wrap:anywhere}button[data-inline-coach]{background:#e5f0eb;color:#235b47;font-size:11px;padding:7px}details summary{cursor:pointer}@media(max-height:760px){.floating-phone{position:absolute!important;top:90px;bottom:auto!important}.phone-keypad button{min-height:35px}.phone-keypad span{font-size:20px}.phone-idle{margin-bottom:4px}.phone-panel{padding:10px 14px}}@media(max-width:650px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-card{padding:12px}.kpi-grid strong{font-size:21px}.chart-controls{gap:8px}}
.phone-quickbar{display:flex;gap:5px;padding:8px 12px;background:#eef4f9}.phone-quickbar button{flex:1;margin:0;font-size:11px;padding:8px;background:#e0eaf3;color:#294e72}.phone-quickbar button[aria-pressed=true]{background:#a64c5d;color:white}#activity-menu{padding:5px}#activity-menu>summary{padding:10px;color:#31577d;cursor:pointer;font-size:13px}#activity-menu button{margin-left:8px;width:calc(100% - 8px)}.recording-floating{position:fixed;left:24px;bottom:24px;width:min(480px,calc(100vw - 24px));z-index:1300;background:#fff;border:1px solid #bccfe0;border-radius:12px;box-shadow:0 12px 35px #16314e44}.recording-floating[hidden]{display:none}#recording-drag{cursor:move;background:#2e5073;color:white;padding:12px;margin:0;border-radius:11px 11px 0 0;touch-action:none;gap:8px}#recording-drag button{font-size:11px;padding:6px;margin:0;background:#486b8e}#recording-title{flex:1;font-size:12px}#recording-body{padding:10px 14px}#recording-message{font-size:12px}.report-columns{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.report-columns label{display:flex;align-items:center;gap:5px;font-size:12px}.report-columns input{width:auto;margin:0}.preset-controls{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:14px 0}.preset-controls label{flex:1;min-width:200px}.report-drill{background:transparent;color:#315a80;text-decoration:underline;padding:3px;text-align:left}#dashboard-agent-rows td:last-child{min-width:150px}#dashboard-agent-search{max-width:400px;margin-top:12px}
/* 0.13: compact, responsive workspaces and semantic KPI palette. */
:root{--deep:#1e3a5f;--hover:#172d49;--bg:#f3f6fb;--text:#21344b;--pale:#edf3fb;--line:#dce5ef}main{max-width:1920px!important;width:100%;margin:18px auto!important;padding:0 22px!important}header{padding:11px 24px;gap:18px}.workspace{grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important}.workspace-content{min-width:0}.card{padding:18px;margin-bottom:14px;border-radius:12px}.heading{gap:12px}.heading h1{margin:8px 0 16px;font-size:28px}h2{font-size:19px;margin:0 0 14px}h3{font-size:16px}label{margin:8px 0}input,select{padding:8px 10px;margin-top:4px}button{padding:8px 12px}.stats{gap:12px}.stats strong{font-size:29px;margin-top:4px}td,th{padding:9px 8px}.pager{margin-top:12px;gap:7px}footer{margin:18px 0}#app-menu{padding:8px!important}#app-menu button{padding:8px 10px;margin:2px 0}.dashboard-card{padding:16px;margin-bottom:14px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin:12px 0}.kpi-grid>div{min-width:0;padding:12px;border:1px solid #dce5ef;border-left:4px solid #2563eb;background:#eff6ff}.kpi-grid strong{font-size:26px;line-height:1.2;font-variant-numeric:tabular-nums;color:#1e40af}.kpi-grid small{color:#385774;line-height:1.3}.kpi-grid>.kpi-answered,.kpi-grid>.kpi-available{background:#ecfdf5;border-left-color:#059669}.kpi-answered strong,.kpi-available strong{color:#047857}.kpi-grid>.kpi-abandoned,.kpi-grid>.kpi-unavailable,.kpi-grid>.kpi-abandon{background:#fff1f2;border-left-color:#e11d48}.kpi-abandoned strong,.kpi-unavailable strong,.kpi-abandon strong{color:#be123c}.kpi-grid>.kpi-paused,.kpi-grid>.kpi-waiting,.kpi-grid>.kpi-maxwait{background:#fffbeb;border-left-color:#d97706}.kpi-paused strong,.kpi-waiting strong,.kpi-maxwait strong{color:#a16207}.kpi-grid>.kpi-sl,.kpi-grid>.kpi-aht{background:#f5f3ff;border-left-color:#7c3aed}.kpi-sl strong,.kpi-aht strong{color:#6d28d9}.kpi-grid>.kpi-active,.kpi-grid>.kpi-asa{background:#ecfeff;border-left-color:#0891b2}.kpi-active strong,.kpi-asa strong{color:#0e7490}.stats>article:nth-child(4n+1),.report-stats>div:nth-child(6n+1){border-top:3px solid #2563eb;background:#eff6ff}.stats>article:nth-child(4n+2),.report-stats>div:nth-child(6n+2){border-top:3px solid #059669;background:#ecfdf5}.stats>article:nth-child(4n+3),.report-stats>div:nth-child(6n+3){border-top:3px solid #d97706;background:#fffbeb}.stats>article:nth-child(4n),.report-stats>div:nth-child(6n+4){border-top:3px solid #0891b2;background:#ecfeff}.report-stats>div:nth-child(6n+5){border-top:3px solid #7c3aed;background:#f5f3ff}.report-stats>div:nth-child(6n){border-top:3px solid #e11d48;background:#fff1f2}.report-filters{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:4px 12px}.chart-controls{margin:10px 0;gap:10px}.dashboard-preferences{padding:10px 12px;background:#edf3fb;border-radius:10px;margin-bottom:14px}.dashboard-preferences button{margin-right:8px;margin-top:5px}.dashboard-metrics{margin-bottom:0;padding:12px;background:#f8fafc;border-radius:8px}.bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px}.bulk-toolbar>div{margin-right:auto}.bulk-toolbar span{display:block;font-size:12px;color:#526d86}.bulk-toolbar p{flex:1 0 100%;font-size:12px;margin:0;overflow-wrap:anywhere}.bulk-toolbar #queue-join-all{background:#047857}.bulk-toolbar #queue-leave-all{background:#be123c}.report-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.report-categories button{background:#edf3fb;color:#24466b;border:1px solid #d4e1ef}.report-categories button[aria-pressed=true]{background:#24466b;color:white}.report-chart{border:1px solid #dde5ef;border-radius:10px;padding:12px;margin:12px 0}.report-chart svg{width:100%;max-height:300px}.report-columns{gap:8px 14px}.report-columns label{margin:3px 0}.preset-controls{margin:10px 0;gap:8px}#dashboard-agent-rows td:nth-child(3){font-weight:600;color:#0f766e}#dashboard-agent-rows td:nth-child(4){color:#92400e}#analytics-message{margin:10px 0}.workspace-content form:not(.phone form){max-width:100%}@media(min-width:1450px){.report-filters{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.workspace{grid-template-columns:160px minmax(0,1fr)!important}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){main{padding:0 10px!important}.workspace{display:block!important}#app-menu{position:static!important;margin-bottom:12px;display:flex;flex-wrap:wrap}#app-menu button{flex:1 0 auto}.card{padding:13px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading h1{font-size:24px}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-chart svg{min-height:170px}header{padding:10px 12px}}@media(max-width:440px){.report-filters{grid-template-columns:1fr}}@media print{header,#app-menu,#queue-bulk,footer,.chart-controls,.preset-controls,#analytics-form,#analytics-categories,.pager,button,#phone,#phone-open{display:none!important}.workspace{display:block!important}main{max-width:none!important;padding:0!important}.card{border:0;box-shadow:none}#analytics-chart svg{max-height:230px}.table-wrap{overflow:visible}th,td{font-size:9px;padding:5px}}
.workspace-content #analytics-form{max-width:none!important;width:100%}.chart-controls{align-items:end}.chart-controls>button{align-self:end;margin-bottom:8px}#analytics-form select[multiple]{min-height:96px}#analytics-form input[type=date]{min-width:0}
/* 0.13.1: compact global workspace; keep the WebPhone controls touch friendly. */
body{font-size:14px;line-height:1.4}main{margin:10px auto!important;padding:0 12px!important}header{padding:8px 16px;gap:14px}header img{width:175px}.workspace{grid-template-columns:176px minmax(0,1fr)!important;gap:10px!important}.card{padding:12px;margin-bottom:10px;border-radius:10px}.heading{gap:8px}.heading h1{font-size:24px;margin:4px 0 10px}h2{font-size:17px;margin-bottom:8px}h3{margin:8px 0;font-size:15px}p{margin:7px 0}.eyebrow{font-size:10px;letter-spacing:1.4px}.badge{padding:5px 9px;font-size:12px}label{margin:5px 0}input,select{padding:6px 8px;margin-top:3px}button{padding:6px 9px;font-size:13px}td,th{padding:7px 6px}td button{padding:5px 7px;margin:2px}.forms{gap:10px}.forms form,.editor{padding:12px}.editor{margin-top:10px}.pager{margin-top:8px;gap:5px}footer{margin:12px 0;font-size:11px}.muted{font-size:12px}#message:not(:empty){padding:9px;margin-bottom:10px}#app-menu{top:10px;padding:5px!important;gap:1px}#app-menu button{display:flex;align-items:center;gap:7px;padding:7px!important;margin:0;font-size:12px;line-height:1.3}#app-menu button svg{width:17px;height:17px;flex:none}#app-menu summary{padding:7px 5px;font-size:12px}#activity-menu button{padding-left:13px!important}
#dashboard-queues{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:10px}.dashboard-card{padding:10px;margin-bottom:0;border-radius:9px}.dashboard-card .heading span{font-size:11px;color:#0f766e}.dashboard-card h4{font-size:12px;margin:7px 0 2px}.dashboard-card svg{max-height:170px}.chart-controls{gap:8px;margin:6px 0}.chart-controls label{margin:3px 0;min-width:115px}.chart-controls>button{margin-bottom:3px}.dashboard-preferences{padding:6px 9px;margin-bottom:8px}.dashboard-preferences summary{font-size:12px}.dashboard-alert{padding:6px;margin:6px 0;font-size:12px}.dashboard-metrics{font-size:11px;gap:3px 8px;padding:7px;margin-top:6px}.dashboard-card>details>summary{font-size:12px;margin-top:5px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:5px;margin:7px 0}.kpi-grid:empty{display:none}.kpi-grid>div{padding:5px 7px;border-radius:6px;border-left-width:3px;min-height:0}.kpi-grid small{font-size:11px;line-height:1.15}.kpi-grid strong{font-size:20px;line-height:1.1;margin-top:2px}.stats{display:flex;flex-wrap:wrap;gap:6px}.stats>article{flex:1 1 140px;padding:7px 9px;margin-bottom:5px}.stats strong{font-size:22px;line-height:1.1;margin-top:2px}.stats span{font-size:11px}.report-stats{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:5px;margin-top:10px}.report-stats>div{padding:6px 8px;font-size:11px}.report-stats strong{font-size:20px;line-height:1.1;margin-top:2px}.bulk-toolbar{padding:7px 10px;gap:7px}.bulk-toolbar p:empty{display:none}.report-categories{gap:5px;margin-bottom:8px}.report-chart{padding:8px;margin:8px 0}.report-chart svg{max-height:220px}.report-filters{gap:0 8px;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}#analytics-form select[multiple]{min-height:74px}.report-columns{gap:4px 10px}#alarm-settings{gap:6px;margin-top:8px}#alarm-settings h3{margin:4px 0}.switch{padding:7px}.preset-controls{gap:5px;margin:6px 0}
@media(min-width:1600px){#dashboard-queues{grid-template-columns:repeat(auto-fit,minmax(370px,1fr))}}
@media(max-width:900px){.workspace{grid-template-columns:155px minmax(0,1fr)!important}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(95px,1fr))}}
@media(max-width:700px){main{padding:0 8px!important}.workspace{display:block!important}#app-menu{margin-bottom:8px;flex-direction:row;gap:2px}#app-menu button{flex:0 1 auto}.heading{display:flex;flex-wrap:wrap}.heading h1{font-size:22px}.card{padding:10px}#dashboard-queues{grid-template-columns:minmax(0,1fr)}.report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-chart svg{min-height:140px}.dashboard-card svg{max-height:170px}header{padding:8px 10px}}
@media(max-width:440px){.report-filters{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-grid small{font-size:10px}.stats>article{flex-basis:110px}}
.kpi-grid>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.kpi-grid small{flex:1;min-width:0}.kpi-grid strong{flex:none;margin:0;font-size:19px}
#dashboard-queues{align-items:start}.chart-empty{padding:8px;margin:4px 0;background:#f8fafc;border-radius:5px}
.agent-queue-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;min-width:180px}.agent-queue{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:5px 7px;border:1px solid #dce5ef;background:#f8fafc;border-radius:7px;max-width:100%}.agent-queue strong{font-size:12px}.agent-queue small{color:#526b82;font-size:11px}.agent-queue button,.agent-queue-all button{font-size:11px;padding:5px 7px;margin:0}.agent-queue-all{display:flex;gap:4px;flex-wrap:wrap;width:100%;margin-top:3px}.agent-queue [data-queue-action=join],.agent-queue-all [data-bulk-action=join]{background:#047857}.agent-queue [data-queue-action=pause],.agent-queue-all [data-bulk-action=pause],#queue-pause-all{background:#a16207}.agent-queue [data-queue-action=resume],.agent-queue-all [data-bulk-action=resume],#queue-resume-all{background:#0e7490}.agent-queue [data-queue-action=leave],.agent-queue-all [data-bulk-action=leave]{background:#be123c}#dashboard-agent-rows td:nth-child(2){min-width:240px}#dashboard-agent-rows td:first-child,#agents td:first-child{font-weight:600}
/* Compact telephone while keeping history, microphone and speaker accessible. */
.floating-phone{width:min(330px,calc(100vw - 20px))}.floating-phone .phone-drag{padding:9px 12px}.phone-quickbar{padding:6px 10px!important;gap:4px!important}.phone-tabs button{padding:7px 4px}.phone-panel{padding:8px 12px}.phone-idle{display:none}.floating-phone #phone-number{font-size:18px;padding:7px 0}.phone-number-field{margin-bottom:4px}.phone-keypad{gap:2px 8px;padding:0 8px 4px}.phone-keypad button{min-height:33px;padding:2px}.phone-keypad span{font-size:21px}.phone-keypad small{font-size:7px;height:8px;margin-top:1px}.floating-phone .phone-call-button,.phone-bottom-actions button{padding:8px;margin-top:3px}#phone-volume-controls{padding:5px 12px;gap:5px 10px}#phone-volume-controls label{margin:2px 0;font-size:10px}#phone-volume-controls meter{height:8px}.phone-state{padding:6px 12px}.phone-feedback:empty{display:none}.phone-feedback{margin:4px 10px}.phone-wordmark small{font-size:10px}#pause-modal{border:1px solid #d4e1ee;border-radius:12px;padding:18px;width:min(420px,calc(100vw - 24px));color:var(--text);box-shadow:0 14px 60px #10243b55}#pause-modal::backdrop{background:#10243b88}#pause-modal textarea{font:inherit;display:block;width:100%;padding:9px;border:1px solid #b6c9dc;border-radius:7px;resize:vertical;margin:7px 0 12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}#pause-cancel{background:#65758b}#own-phone-form{margin-top:12px}[data-coach-agent]{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
td[data-coach-agent]{display:table-cell}td[data-coach-agent] button{margin:2px}
button.icon-action{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-width:32px;padding:5px!important;vertical-align:middle;border-radius:7px}button.icon-action svg{width:21px;height:21px;pointer-events:none}button.icon-action:focus-visible{outline:3px solid #38bdf8;outline-offset:2px}.phone-modes{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0 10px 5px;background:#f4f8fc}.phone-modes button{font-size:11px;padding:4px 9px;border:1px solid #cbd9e7;background:#e8eff7;color:#36516e}.phone-modes #phone-dnd[aria-pressed=true]{background:#be123c;color:white}.phone-modes #phone-aa[aria-pressed=true]{background:#047857;color:white}.phone-modes #phone-aa:disabled{opacity:1;cursor:default}.phone-modes #phone-aa:disabled::after{content:' 🔒';font-size:10px}[data-inline-coach=stop]{background:#be123c!important;color:white!important}
.coach-inline-status{display:block;flex-basis:100%;font-size:11px;color:#526b82;margin-top:3px}

/* 0.13.6: compact actions, user-sized phone and readable dashboard charts. */
button.icon-action{width:25px;height:25px;min-width:25px;padding:3px!important;border-radius:5px}button.icon-action svg{width:17px;height:17px}.pause-clock{font-variant-numeric:tabular-nums;color:#b45309;font-weight:600}.phone-size-control{display:flex;align-items:center;gap:8px;padding:5px 12px;margin:0;font-size:10px;background:#f3f7fc;border-radius:0 0 12px 12px}.phone-size-control input{flex:1;min-width:0;margin:0;padding:0}.floating-phone:has(#phone-security-details[open]){width:min(330px,calc(100vw - 20px))}.floating-phone:has(#phone-security-details[open]) #phone-tls-details{display:block}.floating-phone #phone-tls-details dd{margin:0 0 7px;overflow-wrap:anywhere}.floating-phone{max-width:calc(100vw - 20px)}#dashboard-queues{grid-template-columns:repeat(auto-fit,minmax(min(100%,408px),1fr))}.dashboard-card svg{max-height:204px}.dashboard-card h4{font-size:14px}.dashboard-metrics,.dashboard-card>details>summary{font-size:13px}@media(max-width:700px){#dashboard-queues{grid-template-columns:minmax(0,1fr)}.dashboard-card svg{max-height:204px}}

:root{--indicator-label-size:13px}.kpi-grid small,.stats span,.report-stats>div{font-size:var(--indicator-label-size)}a.icon-action{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:3px;border-radius:5px;background:#e8eff7;color:#294b70;vertical-align:middle;text-decoration:none}a.icon-action svg,.global-icon svg{width:17px;height:17px;flex-shrink:0}.global-icon{position:relative}.global-icon:hover{filter:brightness(.94)}#app-menu button.global-icon{width:35px;min-width:35px;height:33px;padding:7px!important}#app-menu{display:flex;flex-wrap:wrap;align-content:start;gap:4px}#app-menu details{width:100%}#app-menu summary{font-size:12px}.floating-phone .global-icon{width:28px!important;height:28px;min-width:28px;padding:5px!important;flex:none}.phone-tabs{justify-content:space-around}.phone-bottom-actions{justify-content:center}.phone-quickbar{justify-content:center}.phone-quickbar button.global-icon{flex:1!important;width:auto!important}.phone-modes .global-icon{width:27px!important}#user-extension-modal{width:min(420px,calc(100vw - 24px));border:1px solid #d4e1ee;border-radius:12px;padding:18px;color:var(--text)}#user-extension-modal::backdrop{background:#10243b88}#dashboard-filter[multiple]{min-width:180px;min-height:80px}#recording-rows td:last-child{white-space:nowrap}

.workspace{grid-template-columns:64px minmax(0,1fr)!important}#app-menu{flex-direction:column;align-items:center;padding:5px!important}#app-menu button.global-icon{margin:1px 0}#app-menu details{text-align:center}#app-menu summary{padding:6px 0;cursor:pointer}#app-menu summary svg{vertical-align:middle}#app-menu details[open]{border-top:1px solid #cbd9e7;border-bottom:1px solid #cbd9e7;padding-bottom:4px}#app-menu details button{margin:auto!important}@media(max-width:700px){#app-menu{flex-direction:row;justify-content:flex-start;gap:3px}#app-menu details{width:auto}#app-menu details[open]{display:flex}#app-menu details button{display:inline-flex!important}}

/* 0.13.8: readable responsive monitor, expanded/collapsible navigation. */
body:not([data-menu-collapsed=true]) .workspace{grid-template-columns:190px minmax(0,1fr)!important}body:not([data-menu-collapsed=true]) #app-menu{align-items:stretch}body:not([data-menu-collapsed=true]) #app-menu button.global-icon{width:100%;height:auto;min-height:32px;justify-content:flex-start;gap:8px;text-align:left}body:not([data-menu-collapsed=true]) #app-menu .menu-label,body:not([data-menu-collapsed=true]) #menu-toggle .action-name{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:12px}body:not([data-menu-collapsed=true]) #app-menu summary .sr-only{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:12px}body:not([data-menu-collapsed=true]) #app-menu details{text-align:left}#app-menu #menu-toggle{border-bottom:1px solid #cad9e8;margin-bottom:5px!important}#analytics-categories button.global-icon,.report-drill.global-icon{width:auto;height:auto;min-height:30px;gap:6px;padding:5px 8px!important}#analytics-categories .action-name,.report-drill .action-name{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;font-size:12px}.activity-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px 10px;align-items:end;margin:8px 0 14px}.activity-filters label{min-width:0;margin:0}.activity-filters input,.activity-filters select{width:100%;min-width:0}.filter-actions{display:flex;gap:6px;align-items:center;padding-bottom:2px}.monitor-card .heading{align-items:center;flex-wrap:wrap;gap:10px}.monitor-card .heading h3{margin:0}.monitor-card input[type=search]{width:min(360px,100%);margin:0}.monitor-card .table-wrap{overflow-x:auto;max-width:100%;scrollbar-width:thin}.monitor-card table{width:100%;table-layout:auto}.monitor-card td,.monitor-card th{white-space:nowrap;overflow-wrap:normal;word-break:normal;vertical-align:middle}.monitor-card th{font-size:10px}.monitor-card td{font-size:12px}.monitor-card .agent-queue-controls{flex-wrap:nowrap;min-width:max-content;align-items:center}.monitor-card .agent-queue{flex-shrink:0;flex-wrap:nowrap;padding:4px 6px}.monitor-card .agent-queue-all{width:auto;margin:0;flex-wrap:nowrap;padding-left:4px}.agent-queue{overflow-wrap:normal;word-break:normal}.agent-queue strong,.agent-queue small{white-space:nowrap;overflow-wrap:normal;word-break:normal}.queue-waiting{order:1;font-variant-numeric:tabular-nums;color:#9a5b00!important}.agent-queue button{order:2}.agent-queue-all{align-items:center}.agent-queue-controls{align-items:center}#monitor-queue-waiting{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.waiting-queue-chip{border:1px solid #ead7ac;background:#fffbeb;color:#805414;border-radius:6px;padding:5px 8px;font-size:12px;white-space:nowrap}#phone-open.icon-action{position:fixed!important;left:auto!important;right:18px!important;bottom:24px!important;top:auto!important;transform:none!important;width:42px!important;height:42px!important;min-width:42px;padding:10px!important;z-index:1200;border:2px solid white;border-radius:12px;box-shadow:0 4px 14px #1e3a5f55}#phone-open svg{width:21px!important;height:21px!important}@media(max-width:700px){body:not([data-menu-collapsed=true]) .workspace{display:block!important}body:not([data-menu-collapsed=true]) #app-menu{flex-direction:row;align-items:center}body:not([data-menu-collapsed=true]) #app-menu button.global-icon{width:auto;flex:0 1 auto}#phone-open.icon-action{right:12px!important;bottom:18px!important}.activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-card .heading input{width:100%}.agent-queue-controls{min-width:0}.agent-queue{max-width:none}}

.title-with-icon{display:flex;align-items:center;gap:8px}.title-with-icon svg{flex-shrink:0}
button.icon-action,a.icon-action{position:relative}.monitor-card .table-wrap{position:relative}.monitor-card .agent-queue small:not(.pause-clock){display:none}.monitor-card th,.monitor-card td{padding:7px 5px}#dashboard-agent-rows td:nth-child(2){min-width:0}.monitor-card .agent-queue strong{font-size:11px}.monitor-card .agent-queue .pause-clock{font-size:10px}.monitor-card .agent-queue{gap:3px}.monitor-card .agent-queue-controls{gap:4px}
/* Waiting and talking calls belong inside the assigned queue, never in a catalogue strip. */
.agent-queue:has(.queue-live-details){display:grid!important;grid-template-columns:auto auto auto auto;align-items:center}.queue-live-details{grid-column:1/-1;order:3;border-top:1px solid #dce5ef;padding-top:5px;white-space:normal;min-width:215px}.queue-waiting-heading{display:block!important;color:#9a5b00!important;font-weight:600}.queue-waiting-callers{margin:4px 0 0;padding-left:20px}.queue-waiting-callers li{padding:3px 0;white-space:nowrap}.queue-waiting-callers li span,.queue-conversation span{margin-right:10px}.queue-live-clock{font-variant-numeric:tabular-nums;font-size:11px;color:#7c5500}.queue-conversation{display:flex;gap:8px;align-items:center;margin-top:4px;color:#047857;font-size:12px;white-space:nowrap}.queue-conversation .queue-live-clock{color:#047857}.monitor-card td{vertical-align:top}.monitor-card .agent-queue-controls{align-items:start}.monitor-card .agent-queue .queue-waiting-heading{display:block!important}

/* 0.13.11 — readable pause reasons, one row per queue. */
.monitor-card table{table-layout:fixed;min-width:900px}.monitor-card th{white-space:normal;line-height:1.5;vertical-align:bottom}.monitor-card th:nth-child(1){width:14%}.monitor-card th:nth-child(2){width:31%}.monitor-card th:nth-child(3){width:9%}.monitor-card th:nth-child(4){width:16%}.monitor-card th:nth-child(5){width:12%}.monitor-card th:nth-child(6){width:12%}.monitor-card th:nth-child(7){width:6%}.monitor-card td{white-space:normal;line-height:1.45;word-break:normal;overflow-wrap:normal;padding:10px 7px}.monitor-card td:nth-child(3){white-space:nowrap}.monitor-card .agent-queue-controls{flex-wrap:wrap;min-width:0;gap:6px;align-items:start}.monitor-card .agent-queue{flex-wrap:wrap;max-width:100%;min-width:0;padding:5px 6px;gap:4px}.monitor-card .agent-queue strong{white-space:normal;word-break:normal}.monitor-card .agent-queue-all{width:100%;margin-top:2px;padding-top:5px;border-top:1px solid #e4ebf3}.monitor-card .agent-queue:has(.queue-live-details){grid-template-columns:minmax(0,1fr) auto auto auto}.monitor-card .queue-live-details{min-width:0;width:100%}.monitor-card .queue-conversation{flex-wrap:wrap;white-space:normal}.monitor-card .queue-waiting-callers li{white-space:normal}.monitor-card .queue-waiting-callers li span{overflow-wrap:anywhere}.monitor-pause-list{list-style:none;padding:0;margin:0;display:grid;gap:5px;min-width:0}.monitor-pause-list li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:7px;padding:6px 7px;border:1px solid #f0dfbd;border-radius:7px;background:#fffaf0;min-width:0}.pause-queue-number{display:inline-block;padding:1px 5px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5;border-radius:4px;background:#f9eaca;color:#8b5b13;white-space:nowrap}.pause-reason-label{font-size:12px;color:#775018;line-height:1.5;white-space:normal;word-break:normal;overflow-wrap:anywhere;min-width:0}.pause-none{font-size:11px;color:#8191a1}.monitor-card #dashboard-agent-rows td:nth-child(4){min-width:0;color:inherit}.monitor-card [data-coach-agent]{flex-wrap:wrap}.monitor-card .heading{margin-bottom:8px}.monitor-card .table-wrap{border-top:1px solid #e5ecf3}.monitor-card .agent-queue-controls>.agent-queue{flex:0 1 auto}
.monitor-card #dashboard-agent-rows td:last-child{min-width:0}.monitor-card th:nth-child(1){width:12%}.monitor-card th:nth-child(7){width:8%;font-size:9px}.monitor-card td:nth-child(3){white-space:normal;font-size:11px}
@media(max-width:1100px){.monitor-pause-list li{grid-template-columns:minmax(0,1fr);gap:3px}.pause-queue-number{justify-self:start}}

/* 0.13.12: compact monitor, at most two content lines per agent. */
.monitor-card table{table-layout:fixed;min-width:1000px}.monitor-card th:nth-child(1){width:14%}.monitor-card th:nth-child(2){width:44%}.monitor-card th:nth-child(3){width:9%}.monitor-card th:nth-child(4){width:12%}.monitor-card th:nth-child(5){width:13%}.monitor-card th:nth-child(6){width:8%;font-size:9px}.monitor-card th:nth-child(7){width:auto}.monitor-card td{padding:5px 6px;vertical-align:middle}.monitor-card td:not(:nth-child(2)){overflow:hidden}.monitor-cell-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:18px;max-height:36px;overflow-wrap:anywhere}.monitor-card .agent-queue-controls{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;max-width:100%;height:auto;max-height:70px;overflow-x:auto;overflow-y:hidden;padding-bottom:3px;scrollbar-width:thin}.monitor-card .agent-queue-controls>.agent-queue,.monitor-card .agent-queue:has(.queue-live-details){display:flex!important;flex-direction:column;flex:none;max-width:none;align-items:stretch;gap:0;padding:3px 5px}.queue-chip-head{display:flex;align-items:center;gap:4px;white-space:nowrap}.monitor-card .queue-chip-head strong{white-space:nowrap}.queue-chip-head .queue-pause-reason{display:inline!important;color:#9a5b00;font-size:11px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-card .queue-chip-head small:not(.pause-clock):not(.queue-pause-reason){display:none}.monitor-card .queue-chip-head .pause-clock{font-size:11px;white-space:nowrap}.monitor-card .queue-chip-head button{order:2}.monitor-card .agent-queue-all{width:auto;flex:none;flex-wrap:nowrap;margin:0;padding:0 3px;border:0;align-self:center}.monitor-card .queue-live-details{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;margin-top:2px;padding-top:2px}.monitor-card .queue-waiting-heading{display:none!important}.monitor-card .queue-waiting-callers{display:inline-flex;gap:12px;margin:0;padding-left:16px;list-style:decimal}.monitor-card .queue-waiting-callers li{padding:0;white-space:nowrap;display:list-item}.monitor-card .queue-waiting-callers li span{margin-right:4px;overflow-wrap:normal}.monitor-card .queue-conversation{display:inline-flex;flex-wrap:nowrap;white-space:nowrap;margin:0;font-size:11px}.monitor-card [data-coach-agent]{max-height:58px;overflow:auto;gap:3px;margin:0}.monitor-card .coach-inline-status{display:none}.agent-queue .queue-pause-reason{color:#9a5b00}
.monitor-card th:nth-child(1){width:12%}.monitor-card th:nth-child(2){width:57%}.monitor-card th:nth-child(3){width:8%}.monitor-card th:nth-child(4){width:8%}.monitor-card th:nth-child(5){width:9%}.monitor-card th:nth-child(6){width:6%;font-size:8px}.monitor-card .agent-queue-controls{display:grid;grid-template-rows:repeat(2,min-content);grid-auto-flow:column;grid-auto-columns:max-content;gap:3px 5px;align-items:center;max-height:70px}.monitor-card .agent-queue-controls>.agent-queue{padding:2px 4px}.monitor-card .queue-chip-head{gap:3px}.monitor-card .queue-chip-head button.icon-action{width:22px;height:22px;min-width:22px;padding:3px!important}.monitor-card .queue-chip-head button.icon-action svg{width:16px;height:16px}.monitor-card .agent-queue-all{grid-row:1 / 3;position:sticky;right:0;background:#fff;padding:3px;box-shadow:-3px 0 5px #ffffffed;z-index:1}.monitor-card .agent-queue-controls:has(.queue-live-details){display:flex;flex-wrap:nowrap}
.agent-queue-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.monitor-card .agent-queue-controls{display:flex;align-items:center;overflow:visible;padding-bottom:0;gap:5px}.monitor-card .agent-queue-list{display:grid;grid-template-rows:repeat(2,min-content);grid-auto-flow:column;grid-auto-columns:max-content;flex:1;min-width:0;max-height:70px;overflow-x:auto;overflow-y:hidden;gap:3px 5px;padding-bottom:3px;scrollbar-width:thin}.monitor-card .agent-queue-list>.agent-queue{flex:none;max-width:none}.monitor-card .agent-queue-list:has(.queue-live-details){display:flex;flex-wrap:nowrap}.monitor-card .agent-queue-all{position:static;flex:none;grid-row:auto;align-self:center;padding:0;margin:0;box-shadow:none;background:transparent}.monitor-card .agent-queue-controls:has(.queue-live-details){display:flex}
.monitor-card .agent-queue-list>.agent-queue{display:flex!important;flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:2px 4px;gap:0}

/* Light interactive surfaces keep their foreground readable on hover/focus. */
.report-drill.global-icon{background:transparent;color:#294b70;text-decoration:underline;text-underline-offset:2px;box-shadow:none}
.report-drill.global-icon:hover,.report-drill.global-icon:focus-visible{background:#e7f0fa;color:#173c62;filter:none;box-shadow:none}
#analytics-categories button:hover,#analytics-categories button:focus-visible,.phone-tabs button:hover,.phone-tabs button:focus-visible,.phone-quickbar button:not([aria-pressed=true]):hover,a.icon-action:hover{background:#dce9f6;color:#1e4268;filter:none;box-shadow:none}
#analytics-categories button[aria-pressed=true]{background:#294b70;color:#fff}
#app-menu button[aria-current=page]:hover{background:#294b70;color:#fff}
#analytics-back{margin:8px 4px 0 0;background:#e7f0fa;color:#173c62}#analytics-back:hover{background:#d5e5f5;color:#173c62}

/* 0.13.15: agentes que timbraron en llamadas no atendidas; detalle al pasar el mouse */
.ring-hint{cursor:help;text-decoration:underline dotted;text-underline-offset:3px;white-space:normal}
.ring-hint:focus{outline:2px solid currentColor;outline-offset:2px}
#call-tip{position:absolute;z-index:1000;background:#1f2937;color:#f9fafb;padding:.6rem .75rem;border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:.82rem;line-height:1.45;white-space:pre-line;pointer-events:none}
#call-tip[hidden]{display:none}

.mfa-qr svg{width:200px;height:200px;display:block;margin:.5rem 0;border:1px solid #d9e2ec;border-radius:6px}