@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{color:#0b1f3a;font-synthesis:none;--navy-950:#041c35;--navy-900:#062641;--ink:#0b1f3a;--muted:#607086;--line:#d6dee6;--line-soft:#e8edf2;--canvas:#f3f6f8;--surface:#fff;--surface-subtle:#f8fafb;--signal:#00875a;--signal-dark:#006b48;--signal-soft:#e9f7f1;--danger:#d93636;--danger-soft:#fff0ef;--radius-control:8px;--radius-panel:12px;--shadow-overlay:0 24px 64px #041c3538;background:#f3f6f8;font-family:IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas)}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #00875a3d}.app{min-height:100dvh;padding-left:220px}.app.has-player{padding-bottom:88px}.sidebar{z-index:20;color:#f5f8fb;background:linear-gradient(180deg, var(--navy-950), var(--navy-900));flex-direction:column;width:220px;padding:27px 12px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:inset -1px 0 #ffffff0f}.brand{align-items:center;gap:12px;padding:0 10px;display:flex}.brand strong{letter-spacing:-.035em;font-size:21px;line-height:1;display:block}.brand small{color:#aebdcb;letter-spacing:.015em;margin-top:6px;font-size:12px;display:block}.brand-wave{color:#20c982;justify-content:center;align-items:center;gap:3px;width:31px;height:29px;display:flex}.brand-wave i{background:currentColor;border-radius:3px;width:3px;height:12px;display:block}.brand-wave i:nth-child(2),.brand-wave i:nth-child(4){height:22px}.brand-wave i:nth-child(3){height:29px}.sidebar nav{gap:7px;margin-top:51px;display:grid}.sidebar nav button{border-radius:var(--radius-control);color:#cfdae5;text-align:left;background:0 0;border:0;align-items:center;gap:14px;height:50px;padding:0 13px;transition:background .18s,color .18s,transform .18s;display:flex;position:relative}.sidebar nav button:before{content:"";background:#24ce89;border-radius:3px;width:3px;height:0;transition:height .18s;position:absolute;left:0}.sidebar nav button:hover{color:#fff;background:#ffffff12}.sidebar nav button:active{transform:translateY(1px)}.sidebar nav button.active{color:#fff;background:#9cbedc29}.sidebar nav button.active:before{height:28px}.sidebar nav svg{stroke-width:1.65px;flex:none}.profile{border-top:1px solid #ffffff24;align-items:center;gap:10px;margin-top:auto;padding:17px 9px 0;display:flex}.avatar{color:#fff;background:#31506f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.profile strong,.profile small{text-overflow:ellipsis;white-space:nowrap;max-width:110px;display:block;overflow:hidden}.profile strong{font-size:12px;font-weight:600}.profile small{color:#aebdcb;text-transform:capitalize;margin-top:4px;font-size:11px}.profile button{color:#c6d3df;background:0 0;border:0;margin-left:auto;padding:6px}.mobile-close,.menu-button{display:none}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.035em;margin:0;font-size:28px;font-weight:650;line-height:1}.topbar-actions{margin-left:auto}.content{width:min(100%,1540px);margin:0 auto;padding:20px 28px 34px}.filters,.recording-toolbar,.report-toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.control,.filters select,.recording-toolbar select,.report-toolbar select{border-radius:var(--radius-control);height:44px;color:var(--ink);background:var(--surface);border:1px solid #cbd5df;justify-content:space-between;align-items:center;gap:12px;padding:0 13px;font-size:13px;font-weight:500;display:inline-flex}.control:hover,select:hover{border-color:#9caec0}.search-box{border-radius:var(--radius-control);color:#6b7b8e;background:var(--surface);border:1px solid #cbd5df;align-items:center;gap:10px;min-width:270px;height:44px;padding:0 13px;transition:border .18s,box-shadow .18s;display:flex}.search-box:focus-within{border-color:var(--signal);box-shadow:0 0 0 3px #00875a1a}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.filters .search-box{flex:1;max-width:520px;margin-left:auto}.primary{border:1px solid var(--signal);border-radius:var(--radius-control);color:#fff;background:var(--signal);white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:13px;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.primary:hover{background:var(--signal-dark)}.primary:active{transform:translateY(1px)}.primary:disabled{cursor:wait;opacity:.65}.calendar-picker{flex:none;position:relative}.date-control{border-radius:var(--radius-control);min-width:184px;height:44px;color:var(--ink);background:var(--surface);border:1px solid #cbd5df;justify-content:space-between;align-items:center;gap:13px;padding:0 12px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;display:flex}.date-control:hover,.date-control[aria-expanded=true]{border-color:var(--signal)}.calendar-popover{z-index:35;border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;width:292px;padding:14px;position:absolute;top:50px;left:0;box-shadow:0 18px 45px #041c352e}.calendar-heading{justify-content:space-between;align-items:center;height:34px;display:flex}.calendar-heading strong{font-size:13px}.calendar-heading button{width:32px;height:32px;color:var(--ink);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.calendar-heading button:hover{background:var(--surface-subtle)}.calendar-weekdays,.calendar-days{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.calendar-weekdays{margin:8px 0 5px}.calendar-weekdays span{height:24px;color:var(--muted);place-items:center;font-size:10px;font-weight:600;display:grid}.calendar-days button,.calendar-days>span{border:0;border-radius:6px;place-items:center;height:34px;display:grid}.calendar-days button{color:var(--ink);background:0 0;font-family:IBM Plex Mono,monospace;font-size:11px}.calendar-days button:hover:not(:disabled){background:var(--signal-soft);color:var(--signal-dark)}.calendar-days button.selected{color:#fff;background:var(--signal)}.calendar-days button:disabled{cursor:not-allowed;color:#bdc6cf}.date-range-control{align-items:center;gap:8px;display:flex}.date-range-fields{align-items:center;gap:7px;display:flex}.date-range-fields>span{color:var(--muted);font-size:11px}.date-range-control .date-control{min-width:154px}.range-presets{gap:4px;display:flex}.range-presets button{border:1px solid var(--line);color:#405169;background:#fff;border-radius:6px;height:30px;padding:0 8px;font-size:10px}.range-presets button:hover{border-color:var(--signal);color:var(--signal)}.demo-note,.error-banner,.success-banner{color:#265681;background:#edf6ff;border-left:3px solid #3678ba;border-radius:4px;margin:0 0 16px;padding:11px 13px;font-size:12px}.error-banner,.form-error{border-color:var(--danger);color:#9d2929;background:var(--danger-soft)}.success-banner{border-color:var(--signal);color:var(--signal-dark);background:var(--signal-soft)}.form-error{border-left:3px solid var(--danger);border-radius:4px;margin-top:12px;padding:10px 12px;font-size:12px}.summary-grid{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);grid-template-columns:1.15fr 1fr 1fr 1.2fr;display:grid;overflow:hidden}.summary-card{border-right:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:14px;min-height:116px;padding:20px 21px;display:flex}.summary-card:last-child{border-right:0}.metric-copy>span{color:#485970;font-size:12px;font-weight:500;display:block}.metric-copy>strong{color:var(--ink);letter-spacing:-.04em;margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:clamp(25px,2.15vw,34px);font-weight:600;line-height:1;display:block}.metric-copy>small{color:var(--muted);margin-top:9px;font-size:11px;display:block}.summary-card.success .metric-copy>strong{color:var(--signal)}.summary-card.danger .metric-copy>strong{color:var(--danger)}.metric-icon{color:#173f6a;flex:none;place-items:center;width:40px;height:40px;display:grid}.summary-card.success .metric-icon{color:var(--signal)}.summary-card.danger .metric-icon{color:var(--danger)}.chart-grid{grid-template-columns:minmax(0,2.2fr) minmax(290px,.95fr);gap:14px;margin-top:14px;display:grid}.report-charts{grid-template-columns:1.15fr 1fr;gap:14px;margin-top:14px;display:grid}.chart-panel,.table-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);overflow:hidden}.chart-panel{padding:19px 20px 17px}.chart-panel h2,.panel-heading h2{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.chart-title{justify-content:space-between;align-items:center;display:flex}.legend{color:#526176;gap:17px;font-size:11px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i,.outcome-stats i{border-radius:50%;width:8px;height:8px;display:inline-block}.green{background:var(--signal)}.coral{background:var(--danger)}.bar-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom, transparent 0, transparent 54px, var(--line-soft) 55px);align-items:flex-end;gap:7px;height:226px;margin-top:18px;padding:0 5px;display:flex}.bar-slot{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bar-stack{border-radius:2px 2px 0 0;flex-direction:column;width:48%;min-width:5px;transition:filter .18s;display:flex;overflow:hidden}.bar-slot:hover .bar-stack{filter:brightness(.86)}.missed-bar{background:var(--danger);order:1}.answered-bar{background:var(--signal);flex:1;order:2}.bar-slot>span{color:#6f7e90;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:8px;position:absolute;top:calc(100% + 8px)}.outcome-panel h2{margin-bottom:17px}.outcome-body{justify-content:center;align-items:center;gap:29px;min-height:215px;display:flex}.donut{background:conic-gradient(var(--signal) 0 var(--percentage), var(--danger) var(--percentage) 360deg);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative}.donut:before{content:"";background:var(--surface);border-radius:50%;width:101px;height:101px;position:absolute}.donut div{text-align:center;position:relative}.donut strong,.donut span{display:block}.donut strong{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600}.donut span{color:var(--muted);margin-top:4px;font-size:11px}.outcome-stats{grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;display:grid}.outcome-stats span{color:#405169;align-items:center;gap:6px;font-size:11px;display:flex}.outcome-stats strong{font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:500}.outcome-stats small{color:var(--muted);grid-column:2;margin-bottom:8px}.agent-chart>div{gap:15px;margin-top:21px;display:grid}.agent-bar{grid-template-columns:43px 1fr 38px;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid}.agent-bar i{background:#edf1f4;height:8px;overflow:hidden}.agent-bar b{background:var(--signal);height:100%;display:block}.agent-bar strong{font-size:11px}.table-panel{margin-top:14px}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;display:flex}.panel-heading button{color:var(--signal);background:0 0;border:0;padding:7px 0;font-size:12px;font-weight:600}.panel-heading div span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;color:#172a44;background:var(--surface);white-space:nowrap;width:100%;font-size:12px}th{border-bottom:1px solid var(--line);color:#53647a;background:var(--surface-subtle);text-align:left;height:40px;padding:0 16px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line-soft);height:45px;padding:0 16px}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .14s}tbody tr:hover{background:#f6faf8}tbody tr.selected{background:var(--signal-soft);box-shadow:inset 3px 0 var(--signal)}.strong-cell{color:#0a1e39;font-family:IBM Plex Mono,monospace;font-weight:600}.status{align-items:center;gap:7px;font-size:11px;display:inline-flex}.status>span{border:1px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.status.answered{color:var(--signal)}.status.missed{color:var(--danger)}.recording-actions{align-items:center;gap:11px;display:flex}.recording-actions a{color:#3d5068;padding:5px;display:grid}.play-small,.icon-button{width:31px;height:31px;color:var(--navy-900);background:#fff;border:1px solid #c7d2dc;border-radius:50%;place-items:center;display:grid}.play-small:hover:not(:disabled),.icon-button:hover{border-color:var(--signal);color:var(--signal)}.play-small:disabled{cursor:not-allowed;opacity:.3}.direction{font-family:IBM Plex Mono,monospace;font-size:11px}.direction.inbound{color:var(--signal)}.direction.outbound{color:#3267a2}.empty{height:170px;color:var(--muted);text-align:center;white-space:normal}.empty strong,.empty span{display:block}.empty strong{color:var(--ink);font-size:14px}.empty span{margin-top:6px;font-size:11px}.skeleton-row td{height:45px;padding:0 16px}.skeleton-row i{background:linear-gradient(90deg,#edf1f4 25%,#f7f9fa 42%,#edf1f4 65%) 0 0/300% 100%;border-radius:3px;width:85%;height:10px;animation:1.35s infinite skeleton;display:block}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}.table-footer{border-top:1px solid var(--line);height:55px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.table-footer div{gap:5px;display:flex}.table-footer button{border:1px solid var(--line);width:31px;height:31px;color:var(--ink);background:#fff;border-radius:6px}.table-footer button.current{border-color:var(--signal);color:var(--signal)}.recording-toolbar .search-box{flex:1;max-width:520px}.recording-toolbar .primary,.report-toolbar .primary{margin-left:auto}.report-toolbar .search-box{max-width:350px;margin-left:auto}.playback-rail{z-index:15;color:#f4f8fb;background:linear-gradient(90deg,#05203a,#092c4b);border-top:1px solid #ffffff21;align-items:center;gap:18px;height:88px;padding:0 24px;display:flex;position:fixed;bottom:0;left:220px;right:0;box-shadow:0 -10px 35px #041c3521}.play-main{color:#fff;background:#0d3b59;border:2px solid #1fca82;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.play-meta{gap:5px;min-width:105px;display:grid}.play-meta span{color:#9fb2c4;font-size:10px}.play-meta strong{color:#f6f9fb;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500}.caller-meta{min-width:150px}.rail-separator{background:#ffffff26;width:1px;height:42px}.waveform{flex:1;align-items:center;gap:2px;min-width:100px;height:40px;display:flex;position:relative;overflow:hidden}.waveform i{background:#668096;border-radius:2px;flex:1 1 0;min-width:1px}.waveform span{pointer-events:none;background:#00c47e2e;border-right:2px solid #28d28d;position:absolute;inset:0 auto 0 0}.playback-speed{color:#f4f8fb;background:#0b3656;border:1px solid #ffffff40;border-radius:7px;height:34px;padding:0 8px;font-size:11px;font-weight:600}.playback-speed option{color:var(--ink);background:#fff}.rail-audio-button{color:#c4d1dc;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.rail-audio-button:hover,.rail-audio-button[aria-pressed=true]{color:#fff;background:#ffffff1a}.playback-rail .icon-button{color:#d8e2ea;background:0 0;border-color:#ffffff40}.details-button{width:31px;height:31px;color:var(--navy-900);background:#fff;border:1px solid #c7d2dc;border-radius:50%;place-items:center;display:grid}.details-button:hover{border-color:var(--signal);color:var(--signal)}.call-details-modal{border-radius:var(--radius-panel);width:min(610px,100%);box-shadow:var(--shadow-overlay);background:#fff;padding:24px}.call-details-modal dl{border:1px solid var(--line);background:var(--line);border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.call-details-modal dl>div{background:#fff;min-width:0;padding:13px 15px}.call-details-modal .details-wide{grid-column:1/-1}.call-details-modal dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.call-details-modal dd{overflow-wrap:anywhere;color:var(--ink);margin:6px 0 0;font-family:IBM Plex Mono,monospace;font-size:12px}.login-page{background:var(--surface);grid-template-columns:minmax(430px,1.05fr) 1fr;min-height:100dvh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 15% 80%, #00875a33, transparent 30%), linear-gradient(145deg, var(--navy-950), #08304f);flex-direction:column;justify-content:space-between;padding:42px 7vw;display:flex}.login-story>div:nth-child(2){max-width:570px}.login-story h1{letter-spacing:-.055em;max-width:610px;margin:0;font-size:clamp(42px,5vw,68px);line-height:1.02}.login-story p{color:#c0ceda;max-width:570px;font-size:17px;line-height:1.65}.story-points{flex-wrap:wrap;gap:23px;margin-top:33px;display:flex}.story-points span{color:#e2eaf0;align-items:center;gap:8px;font-size:13px;display:flex}.story-points svg{color:#2ad18f;width:18px}.login-story>small{color:#92a9bc}.login-panel{place-items:center;padding:30px;display:grid}.login-panel form{width:min(400px,100%)}.lock-icon{border-radius:var(--radius-panel);width:48px;height:48px;color:var(--signal);background:var(--signal-soft);border:1px solid #cce9dc;place-items:center;display:grid}.login-panel h2{letter-spacing:-.035em;margin:22px 0 7px;font-size:28px}.login-panel p{color:var(--muted);line-height:1.55}.login-panel label,.password-gate label{color:#33475f;gap:8px;margin-top:22px;font-size:12px;font-weight:600;display:grid}.login-panel label.password-label{margin-top:14px}.login-panel input,.password-gate input{border-radius:var(--radius-control);height:46px;color:var(--ink);background:#fff;border:1px solid #c9d4de;outline:0;padding:0 12px}.login-panel input:focus,.password-gate input:focus{border-color:var(--signal);box-shadow:0 0 0 3px #00875a1a}.login-submit{width:100%;margin-top:16px}.demo-link{width:100%;color:var(--signal);background:0 0;border:0;margin-top:15px;padding:10px;font-size:12px;font-weight:600}.app-loading{min-height:100dvh;color:var(--muted);background:var(--canvas);place-items:center;display:grid}.users-intro{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.users-intro h2,.security-panel h2{letter-spacing:-.02em;margin:0;font-size:18px}.users-intro p,.security-panel p{color:var(--muted);margin:5px 0 0;font-size:12px}.users-table{margin-top:0}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>span{color:#234362;background:#e7edf2;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:grid}.role-label{color:#38536e;text-transform:capitalize;font-size:11px;font-weight:600}.role-label.administrator{color:#64469b}.role-label.agent{color:var(--signal-dark)}.account-status{align-items:center;gap:7px;display:flex}.account-status i{border-radius:50%;width:7px;height:7px}.account-status.enabled{color:var(--signal)}.account-status.enabled i{background:var(--signal)}.account-status.disabled{color:var(--muted)}.account-status.disabled i{background:#96a3b1}.user-actions{gap:6px;display:flex}.user-actions button{border:1px solid var(--line);color:#3b4f67;background:#fff;border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:10px;display:flex}.user-actions button:disabled{opacity:.35}.security-panel{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);justify-content:space-between;align-items:center;gap:25px;margin-top:14px;padding:20px;display:flex}.security-copy{align-items:center;gap:13px;display:flex}.security-icon{width:42px;height:42px;color:var(--signal);background:var(--signal-soft);border-radius:10px;place-items:center;display:grid}.security-panel form{align-items:flex-end;gap:9px;display:flex}.security-panel label{color:#485970;gap:6px;font-size:11px;font-weight:500;display:grid}.security-panel input,.user-modal input,.user-modal select{border-radius:var(--radius-control);height:40px;color:var(--ink);background:#fff;border:1px solid #c9d4de;outline:0;padding:0 10px}.security-panel input{width:190px}.modal-backdrop{z-index:40;background:#03162794;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.user-modal{border-radius:var(--radius-panel);width:min(500px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-overlay);background:#fff;padding:24px;overflow-y:auto}.modal-title{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.modal-title h2{letter-spacing:-.025em;margin:0;font-size:21px}.modal-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.modal-title>button{color:#53647a;background:0 0;border:0;padding:4px}.user-modal>label,.form-row label{color:#405169;gap:7px;margin-top:13px;font-size:11px;font-weight:600;display:grid}.form-row{gap:11px;display:flex}.form-row label{flex:1}.password-control{display:flex}.password-control input{border-radius:var(--radius-control) 0 0 var(--radius-control);flex:1}.password-control button{border-radius:0 var(--radius-control) var(--radius-control) 0;color:#405169;background:#fff;border:1px solid #c9d4de;border-left:0;width:42px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:21px;display:flex}.modal-notice{align-items:flex-start;gap:8px;margin:15px 0 0;display:flex}.password-gate{background:linear-gradient(145deg, var(--navy-950), #08304f);place-items:center;min-height:100dvh;padding:28px;display:grid}.password-gate-card{border-radius:var(--radius-panel);width:min(470px,100%);box-shadow:var(--shadow-overlay);background:#fff;padding:32px}.password-gate-icon{border-radius:var(--radius-panel);width:51px;height:51px;color:var(--signal);background:var(--signal-soft);place-items:center;margin-bottom:17px;display:grid}.password-gate-kicker{color:var(--signal);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.password-gate h1{letter-spacing:-.035em;margin:8px 0;font-size:28px}.password-gate p{color:var(--muted);margin:0 0 20px;line-height:1.55}.password-gate label{margin-top:13px}.password-gate label small{color:var(--muted);font-weight:400}.password-gate-submit{width:100%;margin-top:19px}.password-gate-signout{width:100%;height:40px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;margin-top:8px;font-size:12px;display:flex}@media (width<=1100px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:nth-child(2){border-right:0}.summary-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.chart-grid,.report-charts{grid-template-columns:1fr}.filters,.recording-toolbar,.report-toolbar{flex-wrap:wrap}.filters .search-box,.recording-toolbar .search-box,.report-toolbar .search-box{flex-basis:100%;order:5;max-width:none;margin-left:0}.security-panel{flex-direction:column;align-items:flex-start}.security-panel form{width:100%}.security-panel label{flex:1}.security-panel input{width:100%}}@media (width<=760px){.app{padding-left:0}.app.has-player{padding-bottom:78px}.sidebar{width:min(300px,86vw);transition:transform .22s;transform:translate(-102%);box-shadow:15px 0 45px #041c353d}.sidebar.is-open{transform:none}.mobile-close{color:#fff;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:13px;right:13px}.scrim{z-index:19;background:#0316277a;border:0;display:block;position:fixed;inset:0}.menu-button{color:var(--ink);background:0 0;border:0;margin-right:10px;padding:4px;display:grid}.topbar{height:66px;padding:0 16px}.topbar h1{font-size:23px}.content{padding:15px 16px 28px}.filters,.recording-toolbar,.report-toolbar{flex-wrap:wrap;align-items:stretch}.filters>*,.recording-toolbar>*,.report-toolbar>*{flex:calc(50% - 6px)}.filters .search-box,.recording-toolbar .search-box,.report-toolbar .search-box{flex-basis:100%;order:-1;min-width:0;max-width:none;margin:0}.date-range-control{flex-direction:column;align-items:stretch;width:100%}.date-range-fields{width:100%}.date-range-fields .calendar-picker{flex:1}.date-range-control .date-control{width:100%;min-width:0}.range-presets button{flex:1}.recording-toolbar .primary,.report-toolbar .primary{margin-left:0}.summary-card{min-height:102px;padding:16px}.metric-copy>strong{font-size:27px}.metric-icon{width:34px;height:34px}.chart-panel{padding:16px}.bar-chart{gap:4px;height:205px}.bar-slot>span{font-size:7px}.table-panel{border-radius:var(--radius-control)}table{min-width:760px}.cdr-table{min-width:990px}th,td{padding:0 13px}.playback-rail{gap:11px;height:78px;padding:0 13px;left:0}.play-main{width:46px;height:46px}.playback-rail .rail-separator,.playback-rail .play-meta:not(.caller-meta),.playback-rail>svg{display:none}.caller-meta{min-width:0;max-width:155px}.waveform{min-width:70px}.login-page{grid-template-columns:1fr}.login-story{display:none}.security-panel form{flex-direction:column;align-items:stretch}.users-intro{align-items:flex-start}.form-row{flex-direction:column;gap:0}}@media (width<=480px){.summary-grid{grid-template-columns:1fr}.summary-card{border-right:0;border-bottom:1px solid var(--line)}.summary-card:nth-child(3){border-bottom:1px solid var(--line)}.summary-card:last-child{border-bottom:0}.outcome-body{gap:20px;min-height:0;padding:16px 0}.donut{width:128px;height:128px}.donut:before{width:84px;height:84px}.filters>*,.recording-toolbar>*,.report-toolbar>*{flex-basis:100%}.playback-rail .waveform{display:none}.caller-meta{flex:1;max-width:none}.password-gate{padding:14px}.password-gate-card{padding:23px}.password-gate h1{font-size:24px}}.waveform-seek{z-index:2;cursor:pointer;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.waveform-seek::-webkit-slider-runnable-track{background:0 0;height:100%}.waveform-seek::-webkit-slider-thumb{appearance:none;background:#28d28d;border:2px solid #eafff6;border-radius:50%;width:14px;height:14px;margin-top:13px;box-shadow:0 0 0 3px #28d28d33}.waveform-seek::-moz-range-track{background:0 0;height:100%}.waveform-seek::-moz-range-thumb{background:#28d28d;border:2px solid #eafff6;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #28d28d33}.waveform-seek:focus-visible{outline-offset:-2px;outline:2px solid #eafff6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.contact-centre-content{max-width:1540px}.contact-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.contact-toolbar>select{border-radius:var(--radius-control);min-width:150px;height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5df;padding:0 12px}.live-readout{align-items:center;gap:10px;min-width:190px;margin-left:auto;display:flex}.live-readout>span{background:#8795a5;border-radius:50%;width:9px;height:9px}.live-readout.is-live>span{background:var(--signal);box-shadow:0 0 0 4px #00875a1f}.live-readout strong,.live-readout small{display:block}.live-readout strong{font-size:11px}.live-readout small{color:var(--muted);margin-top:2px;font-size:10px}.refresh-button{border:1px solid var(--line);border-radius:var(--radius-control);color:#344b65;background:#fff;align-items:center;gap:7px;height:40px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.refresh-button:active{transform:translateY(1px)}.inbound-kpis{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.inbound-kpis .summary-card{min-height:112px}.operations-grid{grid-template-columns:minmax(0,2fr) minmax(300px,.78fr);gap:14px;margin-top:14px;display:grid}.contact-tabs{z-index:18;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7fafcf5;border-radius:10px;gap:4px;margin-top:14px;padding:6px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #18304812}.contact-tabs button{color:#50647a;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:11px;font-weight:650;display:inline-flex}.contact-tabs button:hover{background:#edf3f7}.contact-tabs button.active{color:#fff;background:#173b61;box-shadow:0 4px 12px #173b612e}.contact-tabs button span{color:#31506a;background:#dfe9f0;border-radius:999px;padding:3px 7px;font-size:9px}.contact-tabs button.active span{color:#e7f8ef;background:#5ed29b33}.contact-tabs button span.attention{color:#9f3832;background:#fde8e6}.contact-tabs button.active span.attention{color:#fff2f0;background:#ea625961}.contact-tab-panel{animation:none}.live-operations-grid,.performance-operations-grid{grid-template-columns:minmax(0,1fr)}@keyframes contact-tab-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.operations-panel,.operations-section{border:1px solid var(--line);border-radius:var(--radius-panel);background:#fff;overflow:hidden}.operations-panel{padding:19px 20px}.panel-title,.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-title h2,.section-heading h2{color:var(--ink);letter-spacing:-.015em;margin:0;font-size:15px}.panel-title p,.section-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.contact-legend{color:#4f6075;gap:14px;font-size:10px;display:flex}.contact-legend span:before{content:"";border-radius:2px;width:7px;height:7px;margin-right:6px;display:inline-block}.answered-key:before{background:var(--signal)}.abandoned-key:before{background:var(--danger)}.queue-flow-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom, transparent 0, transparent 56px, var(--line-soft) 57px);align-items:flex-end;gap:6px;height:232px;margin-top:19px;padding:0 4px;display:flex}.queue-hour{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.queue-column{background:#dfe7ec;border-radius:2px 2px 0 0;flex-direction:column;width:54%;min-width:5px;display:flex;overflow:hidden}.queue-column i{display:block}.queue-abandoned{background:var(--danger);order:1}.queue-answered{background:var(--signal);flex:1;order:2}.queue-hour>span{color:#718095;font:8px IBM Plex Mono,monospace;position:absolute;top:calc(100% + 8px)}.live-queue-list{gap:12px;margin-top:17px;display:grid}.live-queue-list>div{border:1px solid var(--line-soft);background:var(--surface-subtle);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:14px;display:grid}.queue-identity{align-items:center;gap:9px;display:flex}.queue-identity span{color:#fff;background:var(--navy-900);border-radius:7px;place-items:center;width:31px;height:31px;font:10px IBM Plex Mono,monospace;display:grid}.queue-identity strong{font-size:12px}.live-queue-list>div>strong{font:24px IBM Plex Mono,monospace}.live-queue-list>div>small{color:var(--muted);font-size:9px}.alert-value{color:var(--danger)}.live-queue-list dl{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr;margin:4px 0 0;padding-top:10px;display:grid}.live-queue-list dl div:last-child{border-left:1px solid var(--line);padding-left:12px}.live-queue-list dt{color:var(--muted);font-size:9px}.live-queue-list dd{margin:4px 0 0;font:12px IBM Plex Mono,monospace}.operations-empty{min-height:190px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.operations-empty svg{margin-bottom:11px}.operations-empty strong,.operations-empty span{display:block}.operations-empty strong{color:var(--ink);font-size:13px}.operations-empty span{margin-top:5px;font-size:10px}.operations-section{margin-top:14px}.section-heading{border-bottom:1px solid var(--line);min-height:64px;padding:14px 18px}.state-summary{color:#526176;gap:16px;font-size:10px;display:flex}.state-summary span{white-space:nowrap}.agent-roster{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px;padding:14px;display:grid}.agent-roster>article{border:1px solid var(--line-soft);background:var(--surface-subtle);border-radius:9px;min-width:0;padding:14px}.agent-state{text-transform:uppercase;letter-spacing:.045em;align-items:center;gap:7px;font-size:9px;display:flex}.agent-state span{background:#8190a0;border-radius:50%;width:7px;height:7px}.state-available{color:var(--signal)}.state-available span{background:var(--signal)}.state-on_call,.state-ringing{color:#2365a0}.state-on_call span,.state-ringing span{background:#2e74b5}.state-paused{color:#997122}.state-paused span{background:#c28a21}.state-offline{color:#69788a}.agent-number{grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;margin-top:13px;display:grid}.agent-number svg{color:#24486c;grid-row:1/3}.agent-number strong{font:17px IBM Plex Mono,monospace}.agent-number small{color:var(--muted);font-size:9px}.agent-roster dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin:13px 0 0;padding-top:10px;display:grid}.agent-roster dl div:last-child{border-left:1px solid var(--line);padding-left:10px}.agent-roster dt{color:var(--muted);font-size:9px}.agent-roster dd{margin:4px 0 0;font:12px IBM Plex Mono,monospace}.contact-tabs{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:#fffffff7;border-radius:0;gap:24px;padding:0}.contact-tabs button{color:#5c6e82;background:0 0;border-radius:0;justify-content:flex-start;min-height:48px;padding:0 2px;position:relative}.contact-tabs button:hover{color:#173b61;background:0 0}.contact-tabs button.active{color:#132f4d;box-shadow:none;background:0 0}.contact-tabs button.active:after{content:"";background:var(--signal);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.contact-tabs button span,.contact-tabs button.active span{color:#52667a;background:#edf2f5;padding:2px 6px;font-weight:600}.contact-tabs button span.attention,.contact-tabs button.active span.attention{color:#a43d37;background:#fbe9e7}.contact-view-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 2px 2px;display:flex}.contact-view-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:18px}.contact-view-heading p{color:var(--muted);margin:5px 0 0;font-size:11px}.contact-view-heading .state-summary{padding-bottom:2px}.live-operations-grid{margin-top:12px}.live-queues{padding:15px 18px}.queue-pressure{color:#31506a;align-self:center;font:11px IBM Plex Mono,monospace}.live-queue-list{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;margin-top:12px}.live-queue-list>div{border:0;border-right:1px solid var(--line-soft);background:0 0;border-radius:0;grid-template-columns:minmax(100px,.65fr) minmax(220px,1.35fr);gap:18px;padding:12px 10px}.live-queue-list>div:last-child{border-right:0}.queue-identity span{color:#173b61;background:#eaf1f6;border-radius:8px;width:34px;height:34px}.queue-identity strong,.queue-identity small{display:block}.queue-identity small{color:var(--muted);margin-top:2px;font-size:8px}.live-queue-list dl{border:0;grid-column:auto;grid-template-columns:repeat(3,minmax(62px,1fr));align-items:center;margin:0;padding:0}.live-queue-list dl div,.live-queue-list dl div:last-child{border-left:1px solid var(--line-soft);padding:0 10px}.live-queue-list dd{font-size:13px}.agent-roster{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;padding:10px}.agent-groups{padding:10px}.agent-group+.agent-group{margin-top:10px}.agent-group-heading,.agent-group-toggle{justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:8px 10px;display:flex}.agent-group-heading strong,.agent-group-heading span,.agent-group-toggle strong,.agent-group-toggle small{display:block}.agent-group-heading strong,.agent-group-toggle strong{color:var(--ink);font-size:11px}.agent-group-heading span,.agent-group-toggle small{color:var(--muted);margin-top:3px;font-size:9px}.agent-group-heading b{color:#216848;background:#e4f3eb;border-radius:6px;place-items:center;min-width:27px;height:27px;font:10px IBM Plex Mono,monospace;display:grid}.agent-group .agent-roster{padding:0}.agent-group-empty{color:var(--muted);background:#f8fafb;border:1px dashed #cbd6df;border-radius:8px;padding:18px 10px;font-size:10px}.unavailable-agent-group{border-top:1px solid var(--line);padding-top:6px}.agent-group-toggle{width:100%;color:inherit;text-align:left;background:0 0;border:0}.agent-group-toggle:hover{background:#f5f8fa}.agent-group-toggle>span:last-child{color:#65768a;align-items:center;gap:10px;font-size:9px;display:flex}.agent-group-toggle b{color:#294d6e;text-align:right;min-width:42px;font-size:9px}.agent-roster>article.agent-card{border:1px solid var(--line-soft);background:#fff;border-left:4px solid #94a2b0;border-radius:8px;padding:11px 12px;box-shadow:0 2px 8px #18304809}.agent-roster>article.agent-card.state-available{border-color:#cce8da;border-left-color:var(--signal);background:#f4fbf7}.agent-roster>article.agent-card.state-on_call,.agent-roster>article.agent-card.state-ringing{background:#f4f8fc;border-color:#cbdfee #cbdfee #cbdfee #2e74b5}.agent-roster>article.agent-card.state-ringing{background:#fffaf0;border-color:#ead9ac #ead9ac #ead9ac #c28a21}.agent-roster>article.agent-card.state-paused{background:#fffbf1;border-color:#ead9ac #ead9ac #ead9ac #c28a21}.agent-roster>article.agent-card.state-offline{box-shadow:none;background:#f5f7f9;border-color:#dde3e9 #dde3e9 #dde3e9 #98a5b2}.agent-card .agent-state{background:#ffffffc2;border-radius:5px;width:fit-content;padding:4px 6px}.agent-card .agent-state.state-ringing{color:#997122}.agent-card .agent-state.state-ringing span{background:#c28a21}.agent-card.state-offline .agent-number,.agent-card.state-offline dl{color:#69788a}.agent-card .agent-number{margin-top:9px}.agent-card .agent-number strong{font-size:16px}.agent-card dl{margin-top:9px;padding-top:8px}.agent-card .listen-button{margin-top:9px}.call-tools-section{overflow:visible}.call-tools-grid{background:#f7fafc;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:10px;padding:12px;display:grid}.call-tools-grid .monitor-console,.call-tools-grid .admin-webphone{margin-top:0}.loading-roster{color:var(--muted);font-size:11px;display:block}.agent-performance-table,.abandoned-table{min-width:820px}.agent-performance-table td,.abandoned-table td{height:43px}.warning-cell{color:var(--danger);font-weight:600}.pending-count{color:var(--danger);align-self:center;font:12px IBM Plex Mono,monospace}.followup-status{color:#4a5b70;text-transform:capitalize;background:#edf1f4;border-radius:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-block}.callback-result{color:var(--muted);white-space:nowrap;margin-top:5px;font:9px IBM Plex Mono,monospace;display:block}.sla-neutral,.sla-complete,.sla-overdue,.sla-due{white-space:nowrap;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:600;display:inline-flex}.sla-neutral{color:var(--muted);background:var(--surface-subtle)}.sla-complete{color:var(--signal);background:#00875a17}.sla-due{color:#8a5a00;background:#fff5d9}.sla-overdue{color:var(--danger);background:#cb393417}.callback-history{border-top:1px solid var(--line);margin-top:4px;padding-top:15px}.callback-history h3{color:var(--ink);margin:0 0 10px;font-size:12px}.callback-history p{color:var(--muted);margin:0;font-size:11px}.callback-history ol{max-height:150px;margin:0;padding:0;list-style:none;overflow:auto}.callback-history li{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.callback-history li:last-child{border-bottom:0}.callback-history strong,.callback-history span{display:block}.callback-history strong{color:var(--ink);font-size:10px}.callback-history span{color:var(--muted);margin-top:3px;font-size:9px}.callback-history time{color:var(--ink);font:10px IBM Plex Mono,monospace}.listen-button{color:#173f6a;background:#fff;border:1px solid #b8c8d7;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:34px;margin-top:12px;font-size:10px;font-weight:650;display:flex}.listen-button:hover:not(:disabled){background:#f3f7fa;border-color:#173f6a}.listen-button:disabled{opacity:.45;cursor:not-allowed}.monitor-console{border:1px solid var(--line);border-radius:var(--radius-panel);color:#fff;background:#0c2745;justify-content:space-between;align-items:center;gap:16px;min-height:70px;margin-top:14px;padding:13px 16px;display:flex}.monitor-console audio{display:none}.monitor-console>div{align-items:center;gap:11px;display:flex}.monitor-console>div>span{background:#8b9caf;border-radius:50%;width:9px;height:9px}.monitor-ready>div>span,.monitor-listening>div>span{background:#5ed29b;box-shadow:0 0 0 4px #5ed29b24}.monitor-connecting>div>span{background:#f2bd4b}.monitor-console strong,.monitor-console small{display:block}.monitor-console strong{font-size:11px}.monitor-console small{color:#b9c7d6;margin-top:4px;font-size:10px}.monitor-console button{color:#fff;background:#ffffff14;border:1px solid #ffffff42;border-radius:7px;height:36px;padding:0 13px;font-size:10px;font-weight:650}.monitor-console .stop-monitor{color:#ffd1ce;border-color:#ff756c80}.monitor-ready{color:#8ae2b8;font-size:10px;font-weight:650}.admin-webphone{border-radius:var(--radius-panel);background:#f8fbfd;border:1px solid #cbd8e3;justify-content:space-between;align-items:center;gap:18px;min-height:78px;margin-top:10px;padding:14px 16px;display:flex}.admin-webphone audio{display:none}.admin-phone-heading{align-items:center;gap:11px;min-width:260px;display:flex}.admin-phone-icon{color:#1f684b;background:#e4f4ec;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.admin-phone-heading strong,.admin-phone-heading small{display:block}.admin-phone-heading strong{color:var(--ink);font-size:11px}.admin-phone-heading small{max-width:440px;color:var(--muted);margin-top:4px;font-size:10px}.admin-phone-controls{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-phone-controls input{width:min(300px,100%);height:38px;color:var(--ink);font:inherit;background:#fff;border:1px solid #bdcad6;border-radius:7px;padding:0 12px;font-size:11px}.admin-phone-controls button,.admin-phone-enable{color:#fff;white-space:nowrap;background:#276f51;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:10px;font-weight:650;display:inline-flex}.admin-phone-controls .end-call{background:#b9443d}.admin-phone-controls .mute-call{color:#25435f;background:#fff;border:1px solid #bdcad6}.active-number{color:#31506a;font-family:var(--mono);font-size:10px}.phone-ringing{border-color:#6fc39b;box-shadow:0 0 0 3px #2f8f6314}.status-resolved{color:var(--signal-dark);background:var(--signal-soft)}.status-contacted,.status-assigned{color:#245b91;background:#e9f2fa}.status-no_answer{color:#9b3c36;background:var(--danger-soft)}.manage-followup{color:#244866;background:#fff;border:1px solid #b8c6d3;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:600}.manage-followup:hover{border-color:var(--signal);color:var(--signal)}.abandoned-table .empty svg{margin:0 auto 8px;display:block}.followup-modal{border-radius:var(--radius-panel);width:min(540px,100%);box-shadow:var(--shadow-overlay);background:#fff;padding:24px}.followup-modal label{color:#405169;gap:7px;margin-top:13px;font-size:11px;font-weight:600;display:grid}.followup-modal select,.followup-modal textarea{border-radius:var(--radius-control);width:100%;color:var(--ink);background:#fff;border:1px solid #c9d4de;outline:0;padding:0 10px}.followup-modal select{height:40px}.followup-modal textarea{resize:vertical;min-height:105px;padding-top:10px}.followup-modal select:focus,.followup-modal textarea:focus{border-color:var(--signal);box-shadow:0 0 0 3px #00875a1a}.followup-modal .modal-actions>button:not(.primary){border:1px solid var(--line);border-radius:var(--radius-control);color:#405169;background:#fff;height:40px;padding:0 13px}@media (width<=1180px){.call-tools-grid{grid-template-columns:1fr}.inbound-kpis{grid-template-columns:repeat(3,1fr)}.inbound-kpis .summary-card:nth-child(3){border-right:0}.inbound-kpis .summary-card:nth-child(-n+3){border-bottom:1px solid var(--line)}.operations-grid{grid-template-columns:1fr}.agent-roster{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.contact-tabs{scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.contact-tabs::-webkit-scrollbar{display:none}.contact-tabs button{flex:none}.contact-view-heading{flex-direction:column;align-items:flex-start;gap:10px}.contact-view-heading .state-summary{justify-content:space-between;width:100%}.live-queue-list{grid-template-columns:1fr}.live-queue-list>div{border-right:0;border-bottom:1px solid var(--line-soft)}.live-queue-list>div:last-child{border-bottom:0}.call-tools-grid{grid-template-columns:minmax(0,1fr)}.admin-webphone{flex-direction:column;align-items:stretch}.admin-phone-heading{min-width:0}.admin-phone-controls{flex-wrap:wrap;justify-content:flex-start;align-items:stretch}.admin-phone-controls input{width:100%}.contact-toolbar{flex-wrap:wrap;align-items:stretch}.contact-toolbar>.calendar-picker,.contact-toolbar>select{flex:1}.contact-toolbar .date-control{width:100%;min-width:0}.live-readout{order:4;width:100%;margin:4px 0 0}.inbound-kpis{grid-template-columns:1fr 1fr}.inbound-kpis .summary-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.inbound-kpis .summary-card:nth-child(2n){border-right:0}.inbound-kpis .summary-card:nth-last-child(-n+2){border-bottom:0}.operations-panel{padding:16px}.queue-flow-chart{height:200px}.agent-roster{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column;align-items:flex-start}.state-summary{justify-content:space-between;width:100%}.followup-modal{padding:20px}.followup-modal .form-row{grid-template-columns:1fr;display:grid}}@media (width<=480px){.live-queue-list>div{grid-template-columns:1fr}.live-queue-list dl{grid-column:1}.call-tools-grid{padding:8px}.inbound-kpis,.agent-roster{grid-template-columns:1fr}.inbound-kpis .summary-card,.inbound-kpis .summary-card:nth-child(2n),.inbound-kpis .summary-card:last-child{border-right:0;border-bottom:1px solid var(--line);grid-column:auto}.inbound-kpis .summary-card:last-child{border-bottom:0}.contact-toolbar>.calendar-picker,.contact-toolbar>select,.refresh-button{flex-basis:100%;width:100%}.contact-legend{display:none}.queue-flow-chart{gap:3px}.queue-hour>span{font-size:7px}}