/* Analytics — Team Performance (month-end incentive calculation) * The report's own stylesheet from the source prototype, taken whole. * * It is NOT scoped to a container, deliberately. Every rule is anchored on a * namespaced class (.me-*, .tp-*, .sched-*, .ps-*), so it cannot leak, and the * report renders a hover popover, a confirm dialog and a toast directly into * — scoping put those outside the container and they rendered unstyled. * * The two exceptions are .tp-back and .tp-track, which the app shell also * defines and uses. Those rules stay confined to #anTeamPerfRoot so this * report cannot restyle the shell's back button or toggle switches. */ .tp-page {display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start;padding:0;} .tp-left {display:flex;flex-direction:column;gap:16px;min-width:0;} .tp-right {position:sticky;top:24px;} .tp-card {background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:20px;} .tp-card-head {display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;} .tp-step-num {flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1.5px solid #D0D5DD;color:#475467;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;} .tp-card-head-text {display:flex;flex-direction:column;gap:2px;} .tp-card-title {font-size:15px;font-weight:600;color:#101828;} .tp-card-sub {font-size:13px;color:#667085;line-height:1.45;} .tp-templates-card {padding:18px;} .tp-templates-head {display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;} .tp-templates-title {font-size:15px;font-weight:600;color:#101828;} .tp-templates-sub {font-size:13px;color:#667085;} .tp-templates-save {margin-left:auto;background:transparent;border:0;color:#004CE6;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;} .tp-templates-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;} .tp-tpl {display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #EAECF0;border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;text-align:left;} .tp-tpl:hover {border-color:#D0D5DD;} .tp-tpl.active {border-color:#004CE6;background:#F5F8FF;box-shadow:0 0 0 3px rgba(0,76,230,0.08);} .tp-tpl-ic {flex:0 0 36px;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;} .tp-tpl-ic.curr {background:#EFF8FF;color:#175CD3;} .tp-tpl-ic.vol {background:#EFF8FF;color:#175CD3;} .tp-tpl-ic.qual {background:#ECFDF3;color:#067647;} .tp-tpl-ic.bal {background:#FFF6ED;color:#B25E09;} .tp-tpl-name {font-size:13px;font-weight:600;color:#101828;} .tp-tpl-sub {font-size:11.5px;color:#667085;} .tp-tpl-check {margin-left:auto;color:#004CE6;} .tp-slider-row {display:grid;grid-template-columns:200px 1fr 80px;gap:14px;align-items:center;padding:10px 0;} .tp-slider-label {display:flex;flex-direction:column;gap:2px;} .tp-slider-name {font-size:13px;font-weight:500;color:#101828;} .tp-slider-desc {font-size:11.5px;color:#98A2B3;line-height:1.35;} .tp-slider {position:relative;height:10px;} .tp-slider input[type=range] {width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:10px;cursor:pointer;position:absolute;inset:0;margin:0;z-index:2;} .tp-slider input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--tp-thumb,#004CE6);border:2px solid #fff;box-shadow:0 0 0 1px rgba(16,24,40,0.1);cursor:pointer;margin-top:-4px;} .tp-slider input[type=range]::-moz-range-thumb {width:18px;height:18px;border-radius:50%;background:var(--tp-thumb,#004CE6);border:2px solid #fff;cursor:pointer;} #anTeamPerfRoot .tp-track {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:8px;border-radius:999px;background:#1D2939;overflow:hidden;} #anTeamPerfRoot .tp-track-fill {height:100%;border-radius:999px;} #anTeamPerfRoot .tp-track-fill.blue {background:#196AFF;} #anTeamPerfRoot .tp-track-fill.green {background:#12B76A;} #anTeamPerfRoot .tp-track-fill.orange {background:#F79009;} .tp-slider-val {display:inline-flex;align-items:center;gap:4px;border:1px solid #D0D5DD;border-radius:8px;padding:6px 10px;justify-self:end;background:#fff;} .tp-slider-val input {width:32px;border:0;outline:0;font-size:13px;font-weight:600;color:#101828;font-family:inherit;text-align:right;background:transparent;} .tp-slider-val .pct {font-size:13px;color:#667085;} .tp-weight-status {margin-top:14px;padding:10px 12px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:13px;} .tp-weight-status.ok {background:#ECFDF3;color:#054F31;} .tp-weight-status.bad {background:#FEF3F2;color:#7A271A;} .tp-weight-status .ws-icon {flex:0 0 16px;width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;} .tp-weight-status.ok .ws-icon {background:#12B76A;color:#fff;} .tp-weight-status.bad .ws-icon {background:#D92D20;color:#fff;} .tp-weight-status-meta {margin-left:auto;font-weight:600;} .tp-qual-row {display:grid;grid-template-columns:1fr 40px 90px 28px;gap:10px;align-items:center;padding:14px 16px;border:1px solid #EAECF0;border-radius:10px;margin-bottom:8px;} .tp-qual-text {display:flex;flex-direction:column;gap:2px;} .tp-qual-name {font-size:13px;font-weight:500;color:#101828;} .tp-qual-desc {font-size:11.5px;color:#98A2B3;} .tp-qual-cmp {justify-self:center;color:#667085;font-size:14px;font-weight:500;} .tp-qual-input {display:inline-flex;align-items:center;gap:4px;border:1px solid #D0D5DD;border-radius:8px;padding:6px 8px;} .tp-qual-input input {width:42px;border:0;outline:0;font-size:13px;color:#101828;font-family:inherit;background:transparent;} .tp-qual-input .unit {font-size:12px;color:#667085;} .tp-qual-x {width:28px;height:28px;border:0;background:transparent;color:#98A2B3;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;} .tp-qual-x:hover {background:#F2F4F7;color:#101828;} .tp-add-btn {background:transparent;border:0;color:#004CE6;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;padding:6px 0;} .tp-info-strip {margin-top:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#F9FAFB;font-size:12.5px;color:#475467;} .tp-info-strip svg {flex:0 0 14px;color:#98A2B3;} .tp-info-strip strong {color:#101828;font-weight:600;} .tp-tier-head {display:grid;grid-template-columns:80px 1fr 100px 24px 130px 28px;gap:10px;padding:0 16px 8px;font-size:11px;color:#98A2B3;letter-spacing:0.06em;text-transform:uppercase;font-weight:500;} .tp-tier-row {display:grid;grid-template-columns:80px 1fr 100px 24px 130px 28px;gap:10px;align-items:center;padding:12px 16px;border:1px solid #EAECF0;border-radius:10px;margin-bottom:8px;} .tp-tier-badge {display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#101828;} .tp-tier-dot {width:10px;height:10px;border-radius:50%;flex:0 0 10px;} .tp-tier-dot.t1 {background:#12B76A;} .tp-tier-dot.t2 {background:#196AFF;} .tp-tier-dot.t3 {background:#F79009;} .tp-tier-dot.t4 {background:#7C5CFF;} .tp-tier-label-input {border:0;outline:0;font-size:13px;color:#101828;font-family:inherit;background:transparent;width:100%;} .tp-tier-arrow {justify-self:center;color:#98A2B3;} .tp-preview {background:#fff;border:1px solid #E4E7EC;border-radius:12px;padding:22px 20px;display:flex;flex-direction:column;gap:18px;} .tp-preview-head {display:flex;align-items:center;justify-content:space-between;} .tp-preview-eyebrow {font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#7C5CFF;} .tp-preview-meta {font-size:11.5px;color:#98A2B3;} .tp-preview-num {display:flex;align-items:baseline;gap:8px;} .tp-preview-num .num {font-size:42px;font-weight:700;color:#101828;letter-spacing:-0.02em;line-height:1;} .tp-preview-num .sub {font-size:13px;color:#475467;} .tp-preview-bar {display:flex;height:8px;border-radius:999px;overflow:hidden;background:#F2F4F7;} .tp-preview-bar > span {height:100%;} .tp-preview-bar .b1 {background:#12B76A;} .tp-preview-bar .b2 {background:#196AFF;} .tp-preview-bar .b3 {background:#F79009;} .tp-preview-bar .b4 {background:#E4E7EC;} .tp-preview-legend {display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#475467;} .tp-preview-legend span {display:inline-flex;align-items:center;gap:6px;} .tp-preview-legend .dot {width:8px;height:8px;border-radius:50%;} .tp-preview-legend .dot.t1 {background:#12B76A;} .tp-preview-legend .dot.t2 {background:#196AFF;} .tp-preview-legend .dot.t3 {background:#F79009;} .tp-preview-legend .dot.below {background:#E4E7EC;border:1px solid #D0D5DD;} .tp-preview-stats {border-top:1px solid #F2F4F7;padding-top:16px;display:flex;flex-direction:column;gap:10px;} .tp-preview-stat {display:flex;align-items:center;justify-content:space-between;font-size:13px;} .tp-preview-stat .lbl {color:#475467;} .tp-preview-stat .val {font-weight:600;color:#101828;} .tp-preview-stat .val.warn {color:#D92D20;} .tp-preview-rank-head {font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#98A2B3;margin-top:6px;} .tp-preview-rank {display:flex;flex-direction:column;gap:0;} .tp-rank-row {display:grid;grid-template-columns:18px 12px 1fr 50px 70px;gap:8px;align-items:center;padding:8px 0;font-size:13px;} .tp-rank-row .rk {color:#98A2B3;} .tp-rank-row .dot {width:8px;height:8px;border-radius:50%;justify-self:center;} .tp-rank-row .dot.t1 {background:#12B76A;} .tp-rank-row .dot.t2 {background:#196AFF;} .tp-rank-row .dot.t3 {background:#F79009;} .tp-rank-row .nm {color:#101828;} .tp-rank-row .sc {color:#475467;text-align:right;} .tp-rank-row .am {color:#101828;font-weight:600;text-align:right;} .tp-page-title {font-size:24px;font-weight:600;color:#101828;letter-spacing:-0.01em;margin-bottom:4px;} .tp-page-sub {font-size:14px;color:#667085;line-height:1.5;line-height:1.5;max-width:680px;} .tp-page-head {display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;} .tp-page-head-text {flex:1;min-width:0;} #anTeamPerfRoot .tp-back {flex:0 0 36px;width:36px;height:36px;background:#fff;border:1px solid #D0D5DD;color:#475467;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:8px;} #anTeamPerfRoot .tp-back:hover {background:#F9FAFB;color:#101828;} #anTeamPerfRoot .tp-back svg {width:16px;height:16px;} .tp-page-actions {display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-top:4px;} .tp-btn-ghost {background:#fff;border:1px solid #D0D5DD;color:#344054;font-size:13px;font-weight:500;padding:9px 16px;border-radius:8px;cursor:pointer;font-family:inherit;} .tp-btn-ghost:hover {background:#F9FAFB;} .tp-btn-primary {background:#004CE6;border:1px solid #004CE6;color:#fff;font-size:13px;font-weight:600;padding:9px 18px;border-radius:8px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;} .tp-btn-primary:hover {background:#0040C2;} .tp-btn-primary svg {width:13px;height:13px;} .tp-saved-toast {position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#101828;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;z-index:9999;box-shadow:0 10px 30px rgba(16,24,40,0.18);animation:tp-tpSaveIn 0.2s ease-out;} @keyframes tp-tpSaveIn{from{opacity:0;transform:translate(-50%,8px);}to{opacity:1;transform:translate(-50%,0);}} .tp-conf-scrim {position:fixed;inset:0;background:rgba(16,24,40,0.45);display:flex;align-items:center;justify-content:center;z-index:10000;animation:tp-tpConfFade 0.18s ease-out;} @keyframes tp-tpConfFade{from{opacity:0}to{opacity:1}} .tp-conf-modal {background:#fff;border-radius:14px;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(16,24,40,0.24);overflow:hidden;animation:tp-tpConfPop 0.2s ease-out;} @keyframes tp-tpConfPop{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}} .tp-conf-head {display:flex;align-items:flex-start;gap:14px;padding:22px 24px 18px;border-bottom:1px solid #F2F4F7;} .tp-conf-icon {flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#FFF6ED;color:#B25E09;display:inline-flex;align-items:center;justify-content:center;} .tp-conf-icon svg {width:18px;height:18px;} .tp-conf-title {font-size:18px;font-weight:600;color:#101828;line-height:1.3;} .tp-conf-sub {font-size:13.5px;color:#667085;margin-top:4px;} .tp-conf-close {margin-left:auto;background:transparent;border:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#667085;cursor:pointer;border-radius:6px;} .tp-conf-close:hover {background:#F2F4F7;color:#101828;} .tp-conf-body {padding:18px 24px;overflow:auto;flex:1;} .tp-conf-list {border:1px solid #EAECF0;border-radius:10px;overflow:hidden;} .tp-conf-row {display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #F2F4F7;font-size:14px;} .tp-conf-row:last-child {border-bottom:0;} .tp-conf-row-name {color:#344054;} .tp-conf-row-vals {display:inline-flex;align-items:center;gap:10px;} .tp-conf-old {color:#98A2B3;text-decoration:line-through;font-size:13.5px;} .tp-conf-arrow {color:#98A2B3;} .tp-conf-new {color:#101828;font-weight:600;} .tp-conf-empty {padding:32px 16px;text-align:center;color:#667085;font-size:13px;} .tp-conf-foot {display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #F2F4F7;background:#F9FAFB;} .me-page {display:flex;flex-direction:column;gap:18px;} .me-banner {display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:linear-gradient(94deg,#EEF4FF 0%,#F9F5FF 100%);border:1px solid #D6E4FF;position:relative;} .me-banner-icon {flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:#004CE6;border:1px solid #D6E4FF;} .me-banner-icon svg {width:18px;height:18px;} .me-banner-text {flex:1;min-width:0;} .me-banner-title {font-size:14px;font-weight:600;color:#101828;letter-spacing:-0.005em;} .me-banner-sub {font-size:13px;color:#475467;margin-top:2px;} .me-banner-actions {display:flex;align-items:center;gap:6px;flex:0 0 auto;} .me-banner-cta {height:34px;padding:0 14px;border-radius:8px;background:#004CE6;color:#fff;border:0;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;} .me-banner-cta:hover {background:#003ec0;} .me-banner-cta svg {width:13px;height:13px;} .me-banner-dismiss {width:30px;height:30px;border-radius:8px;border:0;background:transparent;color:#667085;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;} .me-banner-dismiss:hover {background:rgba(16,24,40,0.06);color:#101828;} .me-banner-dismiss svg {width:14px;height:14px;} .me-banner.is-scheduled {background:linear-gradient(94deg,#ECFDF3 0%,#F0FDFA 100%);border-color:#A6F4C5;} .me-banner.is-scheduled .me-banner-icon {color:#067647;border-color:#A6F4C5;} .ps-modal.sched-modal {max-width:680px;border-radius:16px;} .sched-head {padding:18px 24px 0;display:flex;align-items:flex-start;justify-content:center;position:relative;} .sched-pill {display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#EEF4FF;color:#004CE6;font-size:13px;font-weight:600;} .sched-pill svg {width:14px;height:14px;} .sched-head .ps-modal-close {position:absolute;right:14px;top:14px;} .sched-body {padding:14px 36px 20px;display:flex;flex-direction:column;gap:14px;text-align:center;} .sched-title {font-size:20px;font-weight:700;color:#101828;letter-spacing:-0.01em;line-height:1.3;} .sched-sub {font-size:13.5px;color:#475467;line-height:1.5;margin:0 auto;} .sched-form {display:flex;flex-direction:column;gap:10px;margin-top:8px;text-align:left;} .sched-row {display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;} .sched-row-label {font-size:13px;color:#475467;flex:0 0 auto;white-space:nowrap;} .sched-mini-select, .sched-mini-input {height:36px;padding:0 10px;border-radius:8px;border:1px solid #D0D5DD;background:#fff;font-size:13px;color:#101828;font-family:inherit;cursor:pointer;min-width:0;} .sched-mini-select {appearance:none;-webkit-appearance:none;padding-right:26px;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right 8px center;} .sched-recipients {display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;min-height:44px;} .sched-rcpt-chip {display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:#F2F4F7;font-size:12px;color:#101828;} .sched-rcpt-avatar {width:20px;height:20px;border-radius:999px;background:#004CE6;color:#fff;font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;} .sched-rcpt-x {border:0;background:transparent;color:#667085;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;} .sched-rcpt-add {display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#fff;border:1px dashed #D0D5DD;color:#475467;font-size:12px;cursor:pointer;} .sched-rcpt-add:hover {border-color:#004CE6;color:#004CE6;} .sched-suggest {display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;background:#F9FAFB;border:1px solid #EAECF0;font-size:12.5px;color:#475467;line-height:1.45;} .sched-suggest svg {flex:0 0 14px;margin-top:2px;color:#004CE6;} .sched-suggest strong {color:#101828;font-weight:600;} .sched-foot {padding:14px 24px 18px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #F2F4F7;} .sched-foot .ps-btn {height:40px;} .me-head {display:flex;align-items:flex-start;gap:24px;margin-bottom:4px;} .me-head-text {flex:1;min-width:0;} .me-title {font-size:24px;font-weight:600;color:#101828;letter-spacing:-0.01em;} .me-sub {font-size:13.5px;color:#667085;margin-top:4px;} .me-actions {display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-top:4px;} .me-icon-btn {width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#344054;} .me-icon-btn svg {width:16px;height:16px;margin:0;display:block;stroke:currentColor;} .me-summary {display:grid;grid-template-columns:1fr 1fr;gap:16px;} .me-card {background:#fff;border:1px solid #EAECF0;border-radius:12px;padding:22px 24px;} .me-card-eyebrow {font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#98A2B3;} .me-card-edit {float:right;background:transparent;border:0;color:#004CE6;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;} .me-card-section {margin-top:14px;} .me-card-section-label {font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#98A2B3;margin-bottom:8px;} .me-pills {display:flex;gap:8px;flex-wrap:wrap;} .me-pill {display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:500;} .me-pill.calls {background:#EFF8FF;color:#175CD3;} .me-pill.aht {background:#ECFDF3;color:#067647;} .me-pill.missed {background:#FEF3F2;color:#B42318;} .me-card-text {font-size:13.5px;color:#344054;line-height:1.5;} .me-big-num {display:flex;align-items:baseline;gap:10px;margin-top:8px;} .me-big-num .n {font-size:36px;font-weight:700;color:#101828;letter-spacing:-0.02em;line-height:1;} .me-big-num .s {font-size:13.5px;color:#667085;} .me-stat-row {display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #F2F4F7;font-size:13.5px;} .me-stat-row:first-of-type {margin-top:14px;} .me-stat-row .lbl {color:#475467;} .me-stat-row .val {font-weight:600;color:#101828;} .me-stat-row .val.warn {color:#D92D20;} .me-stat-row.pool {margin-top:6px;} .me-stat-row.pool .lbl {font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#98A2B3;} .me-stat-row.pool .val {font-size:18px;} .me-leader {background:#fff;border:1px solid #EAECF0;border-radius:12px;overflow:hidden;} .me-leader-head {display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;gap:16px;} .me-leader-title {font-size:17px;font-weight:600;color:#101828;} .me-leader-sub {font-size:12.5px;color:#667085;margin-top:2px;} .me-filter-pills {display:flex;gap:8px;flex-shrink:0;} .me-filter-pill {padding:6px 14px;border:1px solid #EAECF0;border-radius:999px;background:#fff;font-size:12.5px;color:#475467;cursor:pointer;font-family:inherit;} .me-filter-pill.active {background:#F5F8FF;border-color:#B2CCFF;color:#004CE6;} .me-table {width:100%;border-collapse:collapse;font-size:13.5px;} .me-table thead th {padding:12px 14px;text-align:left;font-size:11px;font-weight:500;color:#98A2B3;letter-spacing:0.06em;text-transform:uppercase;border-top:1px solid #F2F4F7;border-bottom:1px solid #F2F4F7;background:#FAFBFC;} .me-table thead th.score-col {background:#F4EBFF;color:#7C5CFF;} .me-table thead th.num {text-align:right;} .me-table tbody td {padding:14px;border-bottom:1px solid #F2F4F7;vertical-align:middle;} .me-table tbody tr:last-child td {border-bottom:0;} .me-table tbody tr {position:relative;} .me-table tbody tr:hover {background:#FAFBFC;} .me-table .col-rk {width:40px;color:#98A2B3;} .me-table .col-agent {min-width:240px;} .me-table .col-num {text-align:right;color:#475467;} .me-table .col-bonus {text-align:right;} .me-table .col-details {text-align:right;width:90px;} .me-agent-cell {display:flex;align-items:center;gap:10px;} .me-avatar {flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;} .me-aotm {display:inline-flex;align-items:center;gap:4px;background:#FFF6ED;color:#B25E09;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:500;margin-left:8px;} .me-score-cell {display:flex;align-items:center;gap:12px;justify-content:flex-end;} .me-score-bar {width:120px;height:6px;border-radius:999px;background:#F2F4F7;overflow:hidden;} .me-score-bar > span {display:block;height:100%;border-radius:999px;} .me-score-bar.t1 > span {background:#12B76A;} .me-score-bar.t2 > span {background:#196AFF;} .me-score-bar.t3 > span {background:#F79009;} .me-score-bar.disq > span {background:#D0D5DD;} .me-score-num {min-width:32px;text-align:right;color:#101828;font-weight:500;} .me-bonus-dot {display:inline-flex;align-items:center;gap:6px;color:#101828;font-weight:500;} .me-bonus-dot .d {width:8px;height:8px;border-radius:50%;} .me-bonus-dot.t1 .d {background:#12B76A;} .me-bonus-dot.t2 .d {background:#196AFF;} .me-bonus-dot.t3 .d {background:#F79009;} .me-bonus-dot.below .d, .me-bonus-dot.disq .d {background:#D0D5DD;} .me-bonus-dot.below, .me-bonus-dot.disq {color:#98A2B3;} .me-details-btn {padding:6px 12px;border:1px solid #D0D5DD;border-radius:8px;background:#fff;color:#344054;font-size:12.5px;font-weight:500;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px;} .me-details-btn:hover {background:#F9FAFB;} .me-pop {position:absolute;z-index:50;background:#fff;border:1px solid #EAECF0;border-radius:12px;width:380px;box-shadow:0 16px 40px rgba(16,24,40,0.14);padding:18px;display:flex;flex-direction:column;gap:14px;font-size:13.5px;pointer-events:none;} .me-pop-head {display:flex;align-items:center;gap:12px;} .me-pop-name {font-size:15px;font-weight:600;color:#101828;} .me-pop-email {font-size:12.5px;color:#667085;} .me-pop-tier {display:inline-flex;align-items:center;gap:6px;background:#F5F8FF;border-radius:999px;padding:3px 10px;font-size:12px;color:#004CE6;font-weight:500;margin-top:6px;} .me-pop-tier .d {width:8px;height:8px;border-radius:50%;} .me-pop-tier.t1 {background:#ECFDF3;color:#067647;} .me-pop-tier.t1 .d {background:#12B76A;} .me-pop-tier.t2 {background:#EFF8FF;color:#175CD3;} .me-pop-tier.t2 .d {background:#196AFF;} .me-pop-tier.t3 {background:#FFF6ED;color:#B25E09;} .me-pop-tier.t3 .d {background:#F79009;} .me-pop-tier.disq {background:#FEF3F2;color:#B42318;} .me-pop-tier.disq .d {background:#D92D20;} .me-pop-stats {display:grid;grid-template-columns:repeat(4,1fr);gap:14px;} .me-pop-stat-lbl {font-size:10.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#98A2B3;} .me-pop-stat-val {font-size:22px;font-weight:700;color:#101828;letter-spacing:-0.01em;line-height:1;margin-top:4px;} .me-pop-stat-val .u {font-size:13px;font-weight:500;color:#475467;margin-left:2px;} .me-pop-stat-delta {font-size:11.5px;margin-top:4px;display:inline-flex;align-items:center;gap:3px;} .me-pop-stat-delta.up {color:#12B76A;} .me-pop-stat-delta.down {color:#D92D20;} .me-pop-trend {border:1px solid #F2F4F7;border-radius:10px;padding:14px;} .me-pop-trend-head {display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#98A2B3;} .me-pop-trend-head .ends {color:#475467;font-weight:500;letter-spacing:0;text-transform:none;font-size:12.5px;} .me-pop-trend svg {width:100%;height:48px;display:block;margin-top:6px;} .me-pop-meta {display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:#475467;} .me-pop-meta-row {display:flex;align-items:center;gap:10px;} .me-pop-meta-row svg {flex:0 0 14px;color:#98A2B3;} .me-pop-meta-row strong {color:#101828;font-weight:600;}