#tab-operator-activity{color:#08224a}.operatorActivityHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.operatorActivityHeader h2{margin:2px 0 4px;font-size:26px;color:#08224a}.operatorActivityHeader p{margin:0;color:#0d6efd;font-size:12px;font-weight:900;letter-spacing:.08em}.operatorActivityHeader span,.operatorActivityHeader small{color:#607797}.operatorActivityHeader>div:last-child{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.operatorActivityHeader small{flex-basis:100%;text-align:right}.operatorActivityWarning{margin-bottom:12px;padding:11px 13px;border:1px solid #f3c562;border-radius:10px;background:#fff8e7;color:#734d00}.operatorActivityCards{display:grid;grid-template-columns:repeat(9,minmax(120px,1fr));gap:8px;margin-bottom:12px;overflow:auto}.operatorActivityCard{display:flex;align-items:center;gap:10px;min-height:76px;padding:12px;border:1px solid #d8e5f4;border-radius:11px;background:#fff}.operatorActivityCard i,.operatorActivityStatus i{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#7187a3}.operatorActivityCard small{display:block;color:#607797;font-weight:750}.operatorActivityCard strong{display:block;margin-top:5px;font-size:20px}.status-available i{background:#22b974}.status-not_available i{background:#f3bd2f}.status-break i{background:#8c42e8}.status-meeting i{background:#f47a2a}.status-training i{background:#0d70e8}.status-out_of_office i{background:#df3e45}.status-bathroom i{background:#ed2595}.status-connected i{background:#1372ef}.operatorActivityFilters{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;padding:14px;border:1px solid #d9e5f4;border-radius:12px;background:#fff}.operatorActivityFilters label{display:grid;gap:5px;min-width:0;color:#354e70;font-size:11px;font-weight:800}.operatorActivityFilters select,.operatorActivityFilters input,.operatorActivityTableCard select{min-height:40px;max-width:100%;padding:7px 9px;border:1px solid #cddced;border-radius:7px;background:#fff;color:#183759}.operatorActivityFilterActions{display:flex;align-items:end;gap:8px}.operatorActivityTableCard{margin-top:12px;border:1px solid #d9e5f4;border-radius:12px;background:#fff;overflow:hidden}.operatorActivityTableCard>header,.operatorActivityTableCard>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.operatorActivityViews{display:flex;gap:8px}.operatorActivityViews button{padding:9px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#425d7f;font-weight:800;cursor:pointer}.operatorActivityViews button.active{border-color:#1474f5;color:#086bea}.operatorActivityTableWrap{max-width:100%;overflow:auto}.operatorActivityTable{width:100%;min-width:1880px;border-collapse:collapse;font-size:11px;white-space:nowrap}.operatorActivityTable th{padding:10px 8px;border:1px solid #dfe8f3;background:#edf3f9;color:#264365;text-align:left}.operatorActivityTable td{padding:9px 8px;border-bottom:1px solid #e3ebf4;color:#2b4768;vertical-align:top}.operatorActivityTable [data-column="period"]{min-width:150px}.operatorActivityTable [data-column="user"]{min-width:210px;max-width:210px;white-space:normal}.operatorActivityTable td small{display:block;color:#6e86a2;overflow-wrap:anywhere}.operatorActivityStatus{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#edf2f8;color:#173b63;font-weight:850}.operatorActivityChannels{display:grid;gap:5px;min-width:185px}.operatorActivityChannel,.operatorActivityEmail{display:grid;grid-template-columns:22px minmax(76px,1fr) auto auto;align-items:center;gap:5px}.operatorActivityEmail{grid-template-columns:22px auto auto}.operatorActivityChannelIcon{width:20px;height:20px;object-fit:contain}.operatorActivityChannel b,.operatorActivityEmail b{color:#173b63;font-size:10px}.operatorActivityIntegrity{display:inline-flex;padding:4px 9px;border-radius:999px;font-weight:900}.operatorActivityIntegrity.ok{background:#dff8ec;color:#08764a}.operatorActivityIntegrity.review{background:#fff0d5;color:#985900}.operatorActivityRowAction{border:0;background:transparent;color:#1d4e88;font-weight:900;cursor:pointer}.operatorActivityEmpty{text-align:center;padding:28px}.operatorActivityNoData{color:#7890aa}
@media(max-width:900px){.operatorActivityHeader{display:block}.operatorActivityHeader>div:last-child{justify-content:flex-start;margin-top:12px}.operatorActivityHeader small{text-align:left}.operatorActivityCards{grid-template-columns:repeat(2,minmax(150px,1fr))}.operatorActivityFilters{grid-template-columns:1fr 1fr}.operatorActivityTable{min-width:0;white-space:normal}.operatorActivityTable thead{display:none}.operatorActivityTable,.operatorActivityTable tbody,.operatorActivityTable tr,.operatorActivityTable td{display:block;width:100%}.operatorActivityTable tr{display:grid;grid-template-columns:1fr 1fr;padding:10px;border-top:1px solid #dfe8f3}.operatorActivityTable td{display:flex;justify-content:space-between;gap:10px;min-width:0!important;max-width:none!important;border:0}.operatorActivityTable td:before{content:attr(data-label);color:#617997;font-weight:800}.operatorActivityTable td[data-column="user"]{align-items:flex-start}.operatorActivityTableCard>header{align-items:flex-start;flex-direction:column}.operatorActivityChannels{min-width:0}.operatorActivityChannel,.operatorActivityEmail{min-width:170px}.operatorActivityTableWrap{overflow:visible}}
@media(max-width:560px){.operatorActivityFilters{grid-template-columns:1fr}.operatorActivityCards{grid-template-columns:1fr 1fr}.operatorActivityFilterActions{position:sticky;bottom:0;padding:8px 0;background:#fff}.operatorActivityViews{max-width:100%;overflow:auto}.operatorActivityTable tr{grid-template-columns:1fr}.operatorActivityTable td{align-items:flex-start}.operatorActivityHeader .btn{flex:1}}
body[data-theme-mode="dark"] #tab-operator-activity{color:var(--text,#eef6ff)}body[data-theme-mode="dark"] :is(.operatorActivityCard,.operatorActivityFilters,.operatorActivityTableCard){border-color:#29415d;background:var(--panel,#0d1b2a);color:var(--text,#eef6ff)}body[data-theme-mode="dark"] .operatorActivityTable th{border-color:#29415d;background:#15273b;color:#eef6ff}body[data-theme-mode="dark"] .operatorActivityTable td{border-color:#263c55;color:#d6e5f7}body[data-theme-mode="dark"] :is(.operatorActivityFilters select,.operatorActivityFilters input,.operatorActivityTableCard select){border-color:#36516f;background:#07111f;color:#eef6ff}
body.operatorActivityDrawerOpen{overflow:hidden}.operatorActivityDrawerBackdrop{position:fixed;inset:0;z-index:1100;background:rgba(4,19,42,.42)}.operatorActivityDrawer{--operator-status-foreground:#102f55;position:fixed;z-index:1101;top:16px;right:16px;bottom:16px;width:min(720px,calc(100vw - 32px));display:flex;flex-direction:column;border:1px solid #cfe0f1;border-radius:16px;background:#fff;color:#102f55;box-shadow:0 24px 70px rgba(0,22,54,.25);overflow:hidden}.operatorActivityDrawer.loading{padding:24px}.operatorActivityDrawer>header{display:flex;align-items:center;gap:13px;padding:16px 18px 12px;outline:none}.operatorActivityDrawer>header h3{margin:0;color:#082a5a;font-size:22px}.operatorActivityDrawer>header span{color:#607797}.operatorActivityDrawer>header>button{margin-left:auto;width:38px;height:38px;border:0;border-radius:9px;background:#eef4fa;color:#173c68;font-size:24px;cursor:pointer}.operatorActivityAvatar{position:relative;width:54px;height:54px;flex:0 0 54px;border-radius:50%;overflow:hidden;background:#5d789e}.operatorActivityAvatar img,.operatorActivityAvatarFallback{position:absolute;inset:0;width:100%;height:100%}.operatorActivityAvatar img{object-fit:cover}.operatorActivityAvatarFallback{display:grid;place-items:center;color:#fff!important;font-weight:900}.operatorActivityDrawer>nav{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid #dbe6f1;overflow:auto}.operatorActivityDrawer>nav button{min-width:max-content;padding:12px 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:#3e5878;font-weight:850;cursor:pointer}.operatorActivityDrawer>nav button.active{border-color:#1475f4;color:#0969df}.operatorActivityDetailDate{display:grid;gap:5px;margin:14px 18px 0;color:#466180;font-size:12px;font-weight:800}.operatorActivityDetailDate input{min-height:42px;padding:8px 10px;border:1px solid #cbd9e8;border-radius:8px;background:#fff;color:#14375f}.operatorActivityDrawerBody{min-height:0;padding:16px 18px 22px;overflow:auto}.operatorActivitySummaryGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operatorActivitySummaryGrid article,.operatorActivityStateList article,.operatorActivitySessionList article,.operatorActivityAuditList article{padding:14px;border-radius:12px;background:#f3f7fb;color:#193c65}.operatorActivitySummaryGrid small{display:block;color:#607797}.operatorActivitySummaryGrid strong{display:block;margin-top:6px;color:#092d5a;font-size:16px;overflow-wrap:anywhere}.operatorActivityStateList,.operatorActivitySessionList,.operatorActivityAuditList{display:grid;gap:10px}.operatorActivityStateList article{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) auto;align-items:center;gap:10px}.operatorActivityStateList time,.operatorActivitySessionList span,.operatorActivityAuditList time{color:#587395;overflow-wrap:anywhere}.operatorActivityStateDuration{color:#0a315f;font-weight:900}.operatorActivitySessionList article{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(220px,2fr) auto;gap:10px}.operatorActivityAuditList article{display:flex;align-items:center;justify-content:space-between;gap:12px}.operatorActivityChartHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}.operatorActivityChartHeading h4{margin:0 0 12px;color:#082a5a;font-size:18px}.operatorActivityChartToolbar{display:flex;justify-content:flex-end;gap:6px;margin-bottom:12px}.operatorActivityChartToolbar button{padding:9px 12px;border:1px solid #c7d8eb;border-radius:8px;background:#fff;color:#214b79;font-weight:800;cursor:pointer}.operatorActivityChartToolbar button.active{border-color:#1474f5;background:#1474f5;color:#fff}.operatorActivityChartGrid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);gap:18px;align-items:center}.operatorActivityDonut svg{display:block;width:min(100%,340px);margin:auto}.operatorActivityDonut circle{transform:rotate(-90deg);transform-origin:60px 60px}.operatorActivityDonut circle:first-child{transform:none}.operatorActivityDonut text{fill:#092d5a;font-size:7px;font-weight:900}.operatorActivityDonut text+text{font-size:4px;font-weight:700}.operatorActivityChart table{width:100%;border-collapse:collapse}.operatorActivityChart th,.operatorActivityChart td{padding:8px;border-bottom:1px solid #dfe8f2;color:#23476f;text-align:left}.operatorActivityChart td i{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--state-color)}.operatorActivityChart tfoot th{background:#edf3f9;color:#12385f}.operatorActivityTimeline{display:grid;gap:9px;margin:0;padding:0;list-style:none}.operatorActivityTimeline li{display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,2fr) auto;gap:10px;align-items:center;padding:12px;border-radius:11px;background:#f3f7fb;color:#183d66}.operatorActivityStatus{color:var(--operator-status-foreground,#102f55)}
.operatorActivityStatus.status-available{background:#dff8ec;color:#075f3f}.operatorActivityStatus.status-not_available{background:#fff1cf;color:#714b00}.operatorActivityStatus.status-break{background:#efe2ff;color:#54228d}.operatorActivityStatus.status-meeting{background:#ffe5d5;color:#803708}.operatorActivityStatus.status-training{background:#dcecff;color:#084b99}.operatorActivityStatus.status-out_of_office{background:#ffe0e3;color:#8d1721}.operatorActivityStatus.status-bathroom{background:#ffe0f2;color:#8b1055}.operatorActivityStatus.status-offline{background:#e8edf3;color:#3c536d}
body[data-theme-mode="dark"] .operatorActivityDrawer{--operator-status-foreground:#f1f7ff;border-color:#29445f;background:#0d1b2a;color:#eef6ff}body[data-theme-mode="dark"] .operatorActivityDrawer :is(h3,h4,.operatorActivitySummaryGrid strong,.operatorActivityStateDuration){color:#f4f8ff}body[data-theme-mode="dark"] .operatorActivityDrawer :is(header span,.operatorActivitySummaryGrid small,.operatorActivityStateList time,.operatorActivitySessionList span,.operatorActivityAuditList time){color:#b7c9dd}body[data-theme-mode="dark"] .operatorActivityDrawer :is(.operatorActivitySummaryGrid article,.operatorActivityStateList article,.operatorActivitySessionList article,.operatorActivityAuditList article,.operatorActivityTimeline li){background:#172a40;color:#edf5ff}body[data-theme-mode="dark"] .operatorActivityDrawer :is(.operatorActivityDetailDate input,.operatorActivityChartToolbar button){border-color:#36516f;background:#07111f;color:#eef6ff}body[data-theme-mode="dark"] .operatorActivityChart :is(th,td){border-color:#29415d;color:#dfebf8}body[data-theme-mode="dark"] .operatorActivityChart tfoot th{background:#172b41;color:#f4f8ff}body[data-theme-mode="dark"] .operatorActivityDonut text{fill:#f4f8ff}
body[data-theme-mode="dark"] .operatorActivityStatus.status-available{background:#134c37;color:#e8fff5}body[data-theme-mode="dark"] .operatorActivityStatus.status-not_available{background:#604913;color:#fff5d5}body[data-theme-mode="dark"] .operatorActivityStatus.status-break{background:#4f2874;color:#f8edff}body[data-theme-mode="dark"] .operatorActivityStatus.status-meeting{background:#6b3516;color:#fff0e5}body[data-theme-mode="dark"] .operatorActivityStatus.status-training{background:#153e6f;color:#e8f3ff}body[data-theme-mode="dark"] .operatorActivityStatus.status-out_of_office{background:#63232a;color:#ffedf0}body[data-theme-mode="dark"] .operatorActivityStatus.status-bathroom{background:#641b45;color:#ffedf8}body[data-theme-mode="dark"] .operatorActivityStatus.status-offline{background:#34465a;color:#f0f5fb}
@media(max-width:760px){.operatorActivityDrawer{top:8px;right:8px;bottom:8px;width:calc(100vw - 16px);border-radius:13px}.operatorActivityDrawer>header{padding:12px}.operatorActivityDrawer>header h3{font-size:19px}.operatorActivityDrawer>nav{padding:0 8px}.operatorActivityDrawer>nav button{padding:10px}.operatorActivityDrawerBody{padding:12px}.operatorActivityDetailDate{margin:10px 12px 0}.operatorActivitySummaryGrid{grid-template-columns:1fr}.operatorActivityChartGrid{grid-template-columns:1fr}.operatorActivityStateList article,.operatorActivitySessionList article,.operatorActivityTimeline li{grid-template-columns:1fr}.operatorActivityAuditList article{align-items:flex-start;flex-direction:column}.operatorActivityChart table{font-size:12px}}

/* Verifiable meeting performance */
.operatorActivityTable{min-width:2220px}.operatorActivityTable [data-column="meetings"]{min-width:420px;white-space:normal}.operatorMeetingSummary{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:6px;min-width:400px}.operatorMeetingSummary>span{display:grid;gap:2px;padding:7px;border-radius:8px;background:#f2f6fb;color:#173b63}.operatorMeetingSummary small{font-size:9px!important;color:#5c7390!important}.operatorMeetingSummary b{font-size:11px;color:#0b315f}.operatorMeetingSummary.unavailable{display:block;min-width:0}.operatorMeetingSummary.unavailable span{display:inline-flex;background:#eef2f6;color:#3f536b}.operatorMeetingQuality{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 8px;border-radius:999px;font-style:normal;font-weight:900}.operatorMeetingSummary .operatorMeetingQuality{grid-column:1/-1}.operatorMeetingQuality.verified{background:#d9f7e9;color:#075f3f}.operatorMeetingQuality.partial{background:#fff0c9;color:#684500}.operatorMeetingQuality.insufficient{background:#ffe1e4;color:#851923}.operatorMeetingQuality.corrected{background:#e9ddff;color:#512485}.operatorMeetingQuality.unavailable{background:#e8edf3;color:#354b65}
.operatorMeetingEvidence{display:grid;gap:14px;min-width:0}.operatorMeetingEvidence>article{min-width:0;max-width:100%;padding:15px;border:1px solid #d5e2ef;border-radius:13px;background:#f9fbfd;color:#173b63;overflow:hidden}.operatorMeetingEvidence>article>header{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.operatorMeetingEvidence h4,.operatorMeetingEvidence h5{margin:0;color:#082e5d}.operatorMeetingEvidence header span{display:block;margin-top:4px;color:#607797;overflow-wrap:anywhere}.operatorMeetingFacts{display:grid;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}.operatorMeetingFacts span{min-width:0;padding:9px;border-radius:9px;background:#edf4fa}.operatorMeetingFacts small{display:block;color:#607797}.operatorMeetingFacts b{display:block;margin-top:4px;color:#10375f;overflow-wrap:anywhere}.operatorMeetingEvidence h5{margin:14px 0 7px}.operatorMeetingEvidence ul{display:grid;min-width:0;gap:7px;margin:0;padding:0;list-style:none}.operatorMeetingEvidence li{display:flex;min-width:0;justify-content:space-between;gap:10px;padding:9px;border-radius:8px;background:#edf4fa;color:#24496f;overflow-wrap:anywhere}.operatorMeetingCorrection{display:grid;min-width:0;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding:12px;border:1px solid #cbdced;border-radius:11px;background:#fff}.operatorMeetingCorrection label{display:grid;min-width:0;gap:5px;color:#365474;font-size:12px;font-weight:800}.operatorMeetingCorrection label:last-of-type{grid-column:1/-1}.operatorMeetingCorrection :is(select,input,textarea){min-width:0;min-height:40px;padding:8px;border:1px solid #bdcfe2;border-radius:7px;background:#fff;color:#15385f}.operatorMeetingCorrection textarea{min-height:82px;resize:vertical}.operatorMeetingCorrection button{grid-column:1/-1}
body[data-theme-mode="dark"] .operatorMeetingSummary>span,body[data-theme-mode="dark"] .operatorMeetingEvidence li,body[data-theme-mode="dark"] .operatorMeetingFacts span{background:#172b41;color:#e9f3ff}body[data-theme-mode="dark"] .operatorMeetingSummary b,body[data-theme-mode="dark"] .operatorMeetingFacts b,body[data-theme-mode="dark"] .operatorMeetingEvidence h4,body[data-theme-mode="dark"] .operatorMeetingEvidence h5{color:#f3f8ff}body[data-theme-mode="dark"] .operatorMeetingEvidence>article,body[data-theme-mode="dark"] .operatorMeetingCorrection{border-color:#31506e;background:#102238;color:#e9f3ff}body[data-theme-mode="dark"] .operatorMeetingCorrection :is(select,input,textarea){border-color:#45617e;background:#07111f;color:#f2f7ff}
@media(max-width:900px){.operatorActivityTable{min-width:0}.operatorMeetingSummary{min-width:0;width:100%}}
@media(max-width:760px){.operatorMeetingFacts,.operatorMeetingCorrection{grid-template-columns:1fr}.operatorMeetingCorrection label:last-of-type{grid-column:auto}.operatorMeetingEvidence>article>header,.operatorMeetingEvidence li{align-items:flex-start;flex-direction:column}.operatorMeetingSummary{grid-template-columns:1fr 1fr}}
