:root{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#24313c;background:#e1eaf1;--line:#c2d1df}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;background:#fff;color:#174c75;border:1px solid #bdcede;padding:9px 13px;border-radius:0}button:hover{background:#eaf3f9}button:disabled{cursor:default;opacity:.5}.filled{color:#fff;background:#007fb8;border-color:#007fb8}.report-header{height:50px;display:flex;align-items:center;background:#037fb7;color:#fff;position:fixed;inset:0 0 auto;z-index:10;box-shadow:0 1px 2px #365d7b55}.app-launch{width:54px;height:50px;display:grid;place-items:center;font-size:28px;background:#006fa6;border-right:1px solid #058bc4}.report-label{display:flex;align-items:center;gap:12px;font-size:14px;padding-left:15px}.report-label>span{font-size:27px;color:#fff}.report-brand{position:absolute;left:50%;transform:translateX(-50%);font-size:23px;letter-spacing:-.7px}.report-brand span{font-size:12px;letter-spacing:.5px;font-weight:400;margin-left:5px}.dev-tag{font-size:9px;border:1px solid #8cd2ef;border-radius:3px;padding:3px 6px;margin-left:auto;margin-right:18px}#report-user{margin-right:20px;font-size:11px}.report-nav{position:fixed;top:50px;left:0;bottom:0;width:234px;background:#fff;border-right:1px solid #d4dce4;overflow:auto}.report-nav>button{height:34px;width:100%;text-align:right;border:0;border-bottom:1px solid #e1e5e9;color:#6d8ca2;padding:6px 18px}.nav-group{padding:8px 7px 16px;border-bottom:1px solid #edf0f3}.nav-group h2{font-size:10px;font-weight:400;color:#455e74;padding:13px 15px 8px;margin:0}.nav-group h2 span{float:right;color:#7792a7}.nav-group a{display:flex;align-items:center;gap:12px;padding:13px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;border-radius:3px}.nav-group a>span{font-size:18px;color:#c5001a;min-width:16px}.nav-group a:hover,.nav-group a.current{background:#eaeaea}.nav-note{font-size:10px;color:#7c91a2;line-height:1.8;padding:20px 22px}.report-workspace{margin:50px 0 0 234px;padding:21px 26px;min-height:calc(100vh - 50px)}.report-toolbar{display:flex;align-items:center;gap:6px;background:#f4f4f4;padding:4px 17px 9px;border-radius:0 0 6px 6px;min-height:48px}.report-toolbar select{width:225px;height:36px;color:#263542;background:#f5f5f5;border:1px solid #97afc1;padding:0 14px}.report-toolbar button{height:36px;font-size:11px}.toolbar-spacer{flex:1}.report-status{font-size:10px;min-height:19px;display:flex;align-items:center;gap:10px;color:#56748b;padding:4px 0}.report-status button{font-size:10px;padding:3px 10px}.report-status.error{color:#9b3030}.report-status.stale{color:#8a6217}#updated-at{margin-left:auto}.report-panels{display:grid;grid-template-columns:minmax(440px,585px) minmax(350px,452px);gap:19px;align-items:start}.report-panel{background:#fff;min-height:520px;max-height:calc(100vh - 145px);height:calc(100vh - 145px);resize:both;overflow:hidden;min-width:280px;display:flex;flex-direction:column}.report-panel>header{height:26px;min-height:26px;background:linear-gradient(#6684a1,#365e83);color:#fff;padding:3px 7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d1deea}.report-panel h1{margin:0;font-size:12px;font-weight:400}.report-panel>header button{border:0;padding:0 2px;background:transparent;color:#fff;font-size:15px;line-height:16px}.grid-scroll{overflow:auto;padding:4px 4px 0;flex:1}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:10px}thead{position:sticky;top:-4px;z-index:1}th{background:linear-gradient(#a3b9cc,#6385a3);color:#fff;text-align:left;border-right:1px solid #d5e0e9;border-bottom:2px solid #c5d3df;height:24px;font-size:10px;font-weight:400;padding:0}th button{font:inherit;color:inherit;background:transparent;border:0;display:block;width:100%;padding:4px 12px;text-align:left;white-space:nowrap}th button:hover{background:#5d7f9e}td{height:22px;padding:3px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px}tbody tr:nth-child(even){background:#edf4fa}tbody tr:hover{background:#dceaf6}#agent-table th:nth-child(1){width:25%}#agent-table th:nth-child(2){width:24%}#agent-table th:nth-child(3){width:20%}#agent-table th:nth-child(4){width:31%}#contact-table th:nth-child(1){width:30%}#contact-table th:nth-child(2){width:26%}#contact-table th:nth-child(3){width:24%}#contact-table th:nth-child(4){width:20%}.timer-cell{text-align:right;font-variant-numeric:tabular-nums}.status-dot{display:inline-block;width:13px;height:13px;border-radius:50%;margin:0 4px 0 0;vertical-align:middle;background:radial-gradient(circle at 35% 25%,#b3bcc5,#687c8a);box-shadow:inset 0 0 1px #2348,0 0 1px #2348}.status-dot.available{background:radial-gradient(circle at 35% 25%,#a7d467,#40900a)}.status-dot.unavailable{background:radial-gradient(circle at 35% 25%,#ff8a8a,#e30000)}.status-dot.busy{background:radial-gradient(circle at 35% 25%,#d08dff,#8704d7)}.status-dot.active{background:radial-gradient(circle at 35% 25%,#aed78e,#429a16)}.status-dot.waiting{background:radial-gradient(circle at 35% 25%,#ffe48c,#d69d00)}.message-row td{white-space:normal;color:#70899e;padding:18px 12px;font-size:11px;height:65px;vertical-align:top}.message-row:hover{background:transparent}dialog{border:1px solid #b6c8d8;padding:24px;width:360px;color:#304c65;box-shadow:0 8px 30px #1235}dialog::backdrop{background:#183c5b44}dialog h2{font-size:18px;margin:0 0 20px}dialog label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-size:12px}dialog input,dialog select{padding:9px;border:1px solid #b5c8d7}dialog .check{flex-direction:row;align-items:center}dialog .check input{margin:0 7px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}#dialog-error{color:#ae3434;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.console .report-nav{display:none}body.console .report-workspace{margin-left:0}body.console .report-panels{grid-template-columns:1.2fr 1fr}body.console .report-panel{width:auto!important}.report-panel[hidden]{display:none}.report-panels.single-panel{grid-template-columns:minmax(440px,900px)}@media(max-width:1200px){.report-workspace{padding:18px}.report-panels{grid-template-columns:1.2fr 1fr;gap:15px}.report-brand span{display:none}.report-toolbar{padding-left:6px;padding-right:6px}.report-toolbar select{width:180px}.report-toolbar button{padding:8px}.report-panel{min-width:0}.report-nav{width:210px}.report-workspace{margin-left:210px}}@media(max-width:900px){.report-nav{display:none}.report-workspace{margin-left:0;padding:15px}.report-panels{grid-template-columns:1fr}.report-panel{height:460px;min-height:300px}.report-toolbar{flex-wrap:wrap}.report-brand{left:55%;font-size:18px}.report-label{font-size:12px}.report-label>span{font-size:20px}#report-user{display:none}}@media print{.report-header,.report-nav,.report-toolbar,.report-status{display:none}.report-workspace{margin:0;padding:0}.report-panel{height:auto;max-height:none;resize:none;overflow:visible}.grid-scroll{overflow:visible}table{font-size:9px}}

/* The reference's Contact List widget is shorter than its Agent List. */
.contact-panel{height:633px}
th[aria-sort=ascending] button::before{content:'▴ ';font-size:8px}th[aria-sort=descending] button::before{content:'▾ ';font-size:8px}
@media(max-width:900px){.contact-panel{height:460px}}

/* Explicit AgentContactState colors; all meanings also have visible text. */
.status-dot.alert{background:radial-gradient(circle at 35% 25%,#ffe397,#c98d0d)}
.status-dot.hold{background:radial-gradient(circle at 35% 25%,#a2cffa,#2469b0)}
.status-dot.wrapup{background:radial-gradient(circle at 35% 25%,#97dddc,#247d81)}
.status-dot.missed{background:radial-gradient(circle at 35% 25%,#ffc58a,#cf6511)}
.status-dot.contact-error{background:radial-gradient(circle at 35% 25%,#ed8196,#a20f32)}
.status-dot.rejected{background:radial-gradient(circle at 35% 25%,#dec99c,#897146)}
.status-dot.offline,.status-dot.unknown{background:radial-gradient(circle at 35% 25%,#bdc5cc,#74818e)}
.state-legend{border:1px solid #c8d5df;background:#f7fafc;padding:9px 12px;margin:2px 0 12px;color:#4e687c;font-size:10px}
.state-legend h2{font-size:11px;font-weight:600;margin:0 0 7px}.state-legend ul{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;padding:0;margin:0}.state-legend li{display:flex;align-items:center;gap:3px}.state-legend p{margin:8px 0 0;font-size:10px;line-height:1.6;color:#6d8394}
.state-line{display:flex;align-items:center;min-height:19px;gap:2px;font-size:10px}.state-line .status-dot{flex:none;width:11px;height:11px}.state-line>span:not(.status-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.availability-line{color:#667d8e}.no-voice{font-size:9px;color:#879ba9;padding:1px 0 1px 17px}.phase-duration{font-variant-numeric:tabular-nums;flex:none}.agent-state-cell,.contact-state-cell{white-space:normal;vertical-align:top}#agent-table th:nth-child(1){width:23%}#agent-table th:nth-child(2){width:39%}#agent-table th:nth-child(3){width:17%}#agent-table th:nth-child(4){width:21%}#contact-table th:nth-child(1){width:26%}#contact-table th:nth-child(2){width:37%}#contact-table th:nth-child(3){width:21%}#contact-table th:nth-child(4){width:16%}.report-panel{max-height:calc(100vh - 240px);height:calc(100vh - 240px);min-height:350px}.contact-panel{height:570px}.report-panel th button{padding-left:5px;padding-right:5px;font-size:9px}@media(max-width:900px){.report-panel{height:460px;max-height:none}}
/* ARO International brand chrome. Operational state colors remain semantic. */
:root{--aro-blue:#064c87;--aro-navy:#07365d;--aro-gold:#e5c14f;background:#eaf0f5}
.report-header{background:linear-gradient(100deg,var(--aro-navy),var(--aro-blue));border-bottom:3px solid var(--aro-gold);box-shadow:0 2px 8px #153b5526}
.app-launch{background:#062d50;border-right:1px solid #ffffff24;height:47px;color:#f1d779}
.report-label>span{color:#f1d779}
.report-brand{display:flex;align-items:center;gap:13px;letter-spacing:0;white-space:nowrap}
.report-brand .aro-logo-crop{display:block;position:relative;flex:none;overflow:hidden;width:96px;height:42px;margin:0;background:#fff;border-radius:2px}
.aro-logo-crop img{position:absolute;width:112px;height:auto;max-width:none;left:-9.3px;top:-21px}
.report-brand .aro-brand-name{display:block;font-size:19px;font-weight:600;letter-spacing:.1px;margin:0;color:#fff}
.aro-brand-name small{display:block;margin-top:3px;color:#f1d779;font-size:8px;letter-spacing:1.65px;font-weight:400}
.dev-tag{border-color:#d7b64d;color:#f6df91;background:#062e50}
.report-nav{background:#f9fbfd;border-right-color:#c6d3df}
.report-nav>button{background:#f0f5f9;color:var(--aro-blue)}
.nav-group h2{color:#49647b;font-weight:600;letter-spacing:.5px}
.nav-group a>span{color:var(--aro-blue)}
.nav-group a:hover{background:#e8eff5}
.nav-group a.current{background:#e5edf5;color:var(--aro-navy);box-shadow:inset 3px 0 var(--aro-gold);font-weight:600}
.report-toolbar{background:#fff;border:1px solid #d0dce6;border-top:3px solid var(--aro-gold);box-shadow:0 2px 5px #153b550a}
.report-toolbar select{background:#f8fafc;border-color:#a5b9ca;color:var(--aro-navy)}
button{color:var(--aro-blue);border-color:#b6c9d8}
button:hover{background:#edf3f8}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #9b7514;outline-offset:2px}
.filled{background:var(--aro-blue);border-color:var(--aro-blue);color:#fff}
.filled:hover{background:var(--aro-navy)}
.report-panel{border:1px solid #bacbd9;box-shadow:0 2px 6px #173d5810}
.report-panel>header{background:linear-gradient(#155d96,#084777);border-bottom:2px solid var(--aro-gold)}
th{background:linear-gradient(#3975a2,#235c88);border-right-color:#8cabc3;border-bottom-color:#cfb35c}
th button:hover{background:#184d76}
.state-legend{border-color:#c5d3df;background:#f8fbfd}
@media(max-width:1200px){.report-brand .aro-logo-crop,.report-brand .aro-brand-name{display:block}}
@media(max-width:900px){.report-brand{left:52%;gap:9px}.report-brand .aro-brand-name{font-size:17px}}
@media(max-width:650px){.report-label{display:none}.report-brand{left:48%;gap:8px}.report-brand .aro-brand-name{font-size:15px}.aro-brand-name small{font-size:7px;letter-spacing:1px}.report-brand .aro-logo-crop{width:84px}.aro-logo-crop img{left:-15px}.dev-tag{margin-right:10px}}