.sv-view{color:#61516f;min-width:0}.sv-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 26px}.sv-eyebrow{font-size:9px;letter-spacing:.12em;color:#b3a0c2;font-weight:750}.sv-heading h2{margin:7px 0 8px;font-size:25px;letter-spacing:-.65px;color:#3d285b;font-weight:650}.sv-heading p{margin:0;font-size:12px;line-height:1.6;color:#a190ae;max-width:550px}.sv-live{display:flex;align-items:center;gap:8px;color:#aa99b5;font-size:10px;white-space:nowrap}.sv-live-indicator{width:6px;height:6px;flex-shrink:0;background:#7dc8a8;border-radius:50%}.sv-refresh{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ece4f4;border-radius:10px;background:#fff;color:#9273b3;font-size:19px;cursor:pointer}.sv-refresh:disabled{opacity:.5;cursor:wait}.sv-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:13px;margin-bottom:21px;padding:19px 21px;border:1px solid #ede7f4;border-radius:15px;background:#fff}.sv-filters label{display:grid;gap:7px;color:#a18bb1;font-size:10px;font-weight:650;min-width:135px;flex:1}.sv-filters label.sv-search{flex:1.8;min-width:190px}.sv-filters input,.sv-filters select{width:100%;height:38px;padding:9px 11px;border:1px solid #e8dff0;border-radius:9px;background:#fefeff;color:#7f6491;font:inherit;font-size:11px;outline-color:#bb9ddf}.sv-filters input::placeholder{color:#c0afcb}.sv-filters .sv-apply{height:38px}.sv-summary{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:17px;margin:0 0 24px}.sv-metric{padding:23px 25px;border:1px solid #ede6f5;border-radius:15px;background:linear-gradient(135deg,#fff,#fefcff);min-width:0;box-shadow:0 3px 10px #59327402}.sv-metric>span,.sv-metric-heading>span{font-size:11px;color:#9e89ad;font-weight:550}.sv-metric>strong,.sv-metric-heading>strong{display:block;margin-top:9px;color:#624481;font-size:30px;font-weight:550;letter-spacing:-1px;font-variant-numeric:tabular-nums}.sv-metric p{font-size:10px;line-height:1.5;color:#a38dae;margin:12px 0 4px}.sv-metric p b{font-weight:650;color:#80589d}.sv-metric>small{font-size:9px;color:#c0afca}.sv-metric-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.sv-metric-heading>strong{margin:0;font-size:35px}.sv-status-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 23px;margin-top:21px}.sv-count{display:flex;align-items:center;gap:6px;color:#a28db1;font-size:10px;white-space:nowrap}.sv-count>b{margin-left:auto;color:#715288;font-size:12px;font-weight:600}.sv-count i,.sv-status i{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#bca8ca}.sv-available i{background:#6fc5a4}.sv-in_attendance i{background:#d8b768}.sv-in_call i{background:#9a7bdd}.sv-paused i{background:#e2a57f}.sv-offline i{background:#b8b1c1}.sv-agent-sections{display:grid;gap:18px}.sv-agents-card{border:1px solid #ede5f4;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 3px 12px #59327402}.sv-offline-card{background:#fdfcff}.sv-offline-card .sv-table-heading{background:#fcfafe}.sv-table-heading{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:22px 24px;border-bottom:1px solid #f0eaf6}.sv-table-heading h3{margin:0;font-size:15px;font-weight:650;color:#72518a}.sv-table-heading p{margin:6px 0 0;color:#b4a1c0;font-size:10px}.sv-table-heading>span{font-size:10px;color:#af9bbc;font-variant-numeric:tabular-nums}.sv-table-scroll{overflow:auto;max-height:44vh;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ddd0ea #faf7fd}.sv-table{width:100%;min-width:1310px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums;text-align:left}.sv-table th{position:sticky;top:0;z-index:2;background:#fbf9fe;color:#a18aad;font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:.01em;padding:14px 15px;border-bottom:1px solid #eee5f5}.sv-table td{padding:16px 15px;border-bottom:1px solid #f3edf7;color:#9b84ac;font-size:11px;vertical-align:middle;white-space:nowrap;background:#fff}.sv-table tr:last-child td{border-bottom:0}.sv-table th:first-child{left:0;z-index:3}.sv-table td:first-child{position:sticky;left:0;z-index:1;box-shadow:3px 0 8px #78529b05}.sv-table tbody tr:hover td{background:#fdfbff}.sv-table th abbr{border:0;text-decoration:none}.sv-person{display:flex;gap:10px;align-items:center;min-width:190px;max-width:245px}.sv-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #ece3f5;background:#f8f4fe;color:#a783c9;font-size:10px;font-weight:700;border-radius:11px}.sv-person b{display:block;color:#745587;font-size:11px;font-weight:650;white-space:normal;overflow-wrap:anywhere}.sv-person small{display:block;margin-top:4px;color:#b39abf;font-size:9px;white-space:normal}.sv-teams{display:flex;flex-wrap:wrap;gap:5px;min-width:125px;max-width:200px}.sv-teams>span{padding:4px 7px;border:1px solid #eee5f4;border-radius:6px;background:#fcf9fe;color:#a58bb5;font-size:9px;white-space:normal}.sv-teams>.sv-no-team{padding:0;background:none;border:0;color:#beb1c8}.sv-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:#f6f2fa;color:#a18dad;font-size:10px}.sv-status.sv-available{color:#71ac91;background:#eff9f4}.sv-status.sv-in_attendance{color:#b39a58;background:#fcf8ed}.sv-status.sv-in_call{color:#9b7cc2;background:#f5effd}.sv-status.sv-paused{color:#bf916f;background:#fdf4ee}.sv-status.sv-offline{color:#aaa0b4;background:#f4f2f6}.sv-pause-name{display:block;margin-top:5px;font-size:9px;max-width:140px;white-space:normal;color:#bda4b6}.sv-time{font-size:11px!important;letter-spacing:.03em}.sv-datetime{color:#ae97bc!important;font-size:10px!important}.sv-occupancy{display:inline-flex;padding:5px 8px;border-radius:7px;background:#f8f4fc;color:#a184b6}.sv-empty{text-align:center!important;padding:44px 20px!important;color:#b5a1c2!important;font-size:12px!important}.sv-notice{padding:12px 15px;margin:0 0 17px;border-radius:11px;background:#f8f3fd;border:1px solid #eee3f6;color:#a589b6;font-size:11px;line-height:1.6}.sv-notice.error{background:#fff5f7;border-color:#f2dfe5;color:#b97d90}.sv-notice.warning{background:#fffbf0;border-color:#f4e9cd;color:#b9a16c}.sv-notice[hidden]{display:none!important}.sv-footnote{font-size:10px;line-height:1.7;color:#b2a0c0;margin:16px 2px 0}.sv-view [aria-busy=true]{opacity:.85}.sv-view button:focus-visible,.sv-view input:focus-visible,.sv-view select:focus-visible,.sv-table-scroll:focus-visible{outline:3px solid #d3bce9;outline-offset:3px}@media(max-width:1180px){.sv-heading{align-items:flex-start}.sv-live{white-space:normal;max-width:210px}.sv-summary{grid-template-columns:1fr 1fr}.sv-agent-metric{grid-column:1/-1}.sv-status-counts{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.sv-metric{padding:20px}.sv-table-heading>span{max-width:260px;text-align:right;line-height:1.7}}@media(max-width:720px){.sv-heading{flex-direction:column;gap:16px}.sv-heading h2{font-size:23px}.sv-live{max-width:none}.sv-filters{padding:16px;gap:12px}.sv-filters label{min-width:calc(50% - 8px)}.sv-filters label.sv-search{min-width:100%}.sv-filters .sv-apply{width:100%}.sv-summary{gap:12px}.sv-metric{padding:17px}.sv-metric>strong{font-size:24px}.sv-status-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.sv-table-heading{padding:18px;align-items:flex-start;flex-direction:column;gap:8px}.sv-table-heading>span{text-align:left;max-width:none}.sv-table-scroll{max-height:65vh}.sv-person{min-width:145px;max-width:170px}.sv-avatar{display:none}.sv-table td,.sv-table th{padding-left:12px;padding-right:12px}.sv-table td:first-child{max-width:195px}}@media(prefers-reduced-motion:reduce){.sv-view *{scroll-behavior:auto}}
.sv-person>div{min-width:0;flex:1}.sv-monitor{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;margin-left:4px;border:1px solid #e6d9f0;border-radius:8px;background:#fcf9ff;color:#9873b7;cursor:pointer}.sv-monitor:hover{background:#f4ebfc;border-color:#cfb6e3}.sv-monitor svg{width:16px;height:16px}.sv-monitor:disabled{opacity:.4;cursor:not-allowed}.sv-table td{color:#80688f}.sv-table th{color:#8b729b}.sv-time{color:#80618f!important}.sv-metric>span,.sv-metric-heading>span{color:#8b729c}.sv-heading p{color:#927c9f}.sv-filters label{color:#92749f}
.sv-unavailable i{background:#df9a70}.sv-status.sv-unavailable{color:#b4765d;background:#fff3ed}.sv-row-controls{display:flex;gap:5px;margin-top:7px}.sv-row-controls button{border:1px solid #eadff2;border-radius:6px;background:#fff;color:#89689e;padding:4px 6px;font-size:9px;cursor:pointer}.sv-row-controls button:last-child{color:#b07584}.sv-row-controls button:disabled{opacity:.5;cursor:wait}