#kpiPanel .kpi-intro{padding:24px;margin-bottom:20px}#kpiPanel .kpi-kicker{color:#62e6b0;font-size:10px;letter-spacing:1.5px}#kpiPanel h2{font-size:21px;margin:8px 0}#kpiPanel .kpi-legend{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}#kpiPanel .kpi-legend span{padding:7px 11px;font-size:11px;border:1px solid color-mix(in srgb,var(--kc) 35%,transparent);border-radius:8px;color:var(--kc);background:color-mix(in srgb,var(--kc) 7%,var(--panel))}#kpiPanel .kpi-note{font-size:11px;max-width:900px}#kpiScores{grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0}#kpiScores .employee-score{border-top:2px solid var(--kc);padding:22px}#kpiScores strong{color:var(--kc);display:block;font-size:30px;margin:12px 0}#kpiScores small{font-size:10px;color:var(--muted)}#kpiPanel .kpi-table{overflow:hidden}#kpiPanel button[data-kpi-person]{background:none;border:0;color:var(--text);padding:5px 0;text-align:left;cursor:pointer;font-size:12px}#kpiPanel button[data-kpi-person]:hover{color:#6cf4b8}#kpiPanel .kpi-value{min-width:130px;color:var(--kc)}#kpiPanel .kpi-value>span{display:block;width:130px;height:5px;border-radius:8px;background:var(--soft);margin:7px 0 0 auto}#kpiPanel .kpi-value i{display:block;height:100%;border-radius:8px;background:var(--kc)}#kpiPanel .kpi-trend{margin-top:20px;padding-bottom:15px}#kpiPanel .work-chart-scroll{padding:15px 20px;overflow-x:auto}#kpiPanel svg{width:100%;min-width:580px;display:block}#kpiPanel svg text{fill:var(--muted);font-size:11px}#kpiPanel svg .is-current{stroke:var(--text);stroke-width:2}#kpiPanel .kpi-source{margin-top:20px;padding:18px}#kpiPanel summary{cursor:pointer;font-size:12px}#kpiPanel .kpi-source p{margin-top:12px;font-size:11px}html[data-theme="light"] #kpiPanel .kpi-legend span,html[data-theme="light"] #kpiPanel .kpi-value,html[data-theme="light"] #kpiScores strong{color:color-mix(in srgb,var(--kc) 45%,#142334)}@media(max-width:650px){#kpiScores{grid-template-columns:1fr}#kpiPanel .kpi-intro{padding:18px}#kpiPanel .kpi-value{min-width:100px}#kpiPanel .kpi-value>span{width:100px}}
/* All months remain visible; the period filter selects the sorting column. */
#kpiPanel .kpi-table table{min-width:1150px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
#kpiPanel .kpi-table .table-scroll{max-height:780px;overflow:auto}
#kpiPanel .kpi-table th,#kpiPanel .kpi-table td{padding:10px 7px;text-align:center}
#kpiPanel .kpi-table thead th{position:sticky;top:0;z-index:2;background:var(--panel);font-size:11px}
#kpiPanel .kpi-table th:first-child{position:sticky;left:0;min-width:185px;text-align:left;padding-left:16px;background:var(--panel);z-index:1;box-shadow:1px 0 var(--line)}
#kpiPanel .kpi-table thead th:first-child{z-index:3}
#kpiPanel .kpi-month-value{display:block;min-width:69px;padding:10px 7px;border-radius:8px;font-size:12px;font-weight:600;color:var(--kc);background:color-mix(in srgb,var(--kc) 11%,var(--panel));border:1px solid color-mix(in srgb,var(--kc) 28%,transparent)}
#kpiPanel .kpi-month-value.kpi-missing{color:var(--muted);background:var(--panel);border:1px dashed var(--line)}
#kpiPanel .kpi-average{font-weight:750;border-width:2px}
#kpiPanel .kpi-table thead .kpi-selected-month{color:var(--text);box-shadow:inset 0 -2px #89aaff}
#kpiPanel .kpi-table td.kpi-selected-month{background:#7598ff0b}
html[data-theme="light"] #kpiPanel .kpi-month-value{color:color-mix(in srgb,var(--kc) 45%,#142334)}
@media(max-width:650px){#kpiPanel .kpi-table th:first-child{min-width:150px;max-width:150px;white-space:normal}#kpiPanel button[data-kpi-person]{font-size:11px}}
#kpiPanel .kpi-trend{background:linear-gradient(130deg,color-mix(in srgb,var(--panel) 92%,#263b88),color-mix(in srgb,var(--panel) 94%,#7146a4))}
#kpiPanel .kpi-chart-legend{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:10px;color:var(--muted)}
#kpiPanel .kpi-chart-legend i{display:block;width:110px;height:6px;border-radius:8px;background:linear-gradient(90deg,#ff5b70,#ffae43,#3ef69a)}
#kpiPanel #kpiChart rect.is-current{stroke:var(--text);stroke-width:2;stroke-opacity:1}