.team-dialog:has(.kpi-table){width:1250px}.kpi-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.kpi-heading p{font-size:13px;color:var(--muted);line-height:1.7}.kpi-buttons{display:flex;gap:8px;flex-wrap:wrap}.kpi-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:15px}.kpi-sheet-card{padding:22px;border:1px solid var(--line);border-radius:11px;text-align:left;background:#fff;color:var(--ink)}.kpi-sheet-card:hover{background:#f4f8ee;border-color:#aabe9d}.kpi-sheet-card>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi-sheet-card>p{font-size:13px;color:var(--muted)}.kpi-sheet-card>div:last-child{font-size:12px;margin-top:23px}.kpi-status{display:inline-block;font-size:11px;border-radius:20px;padding:6px 10px;white-space:nowrap;background:#f0f1ec;color:#7f8775}.kpi-status.published{background:#fff0d8;color:#9a772c}.kpi-status.reviewed{background:#e5f1df;color:#47783a}.kpi-guidance{background:#f1f6ec;padding:13px 17px;border-radius:8px;font-size:13px;line-height:1.7;color:#637954}.kpi-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:18px 0}.kpi-table{width:100%;border-collapse:collapse;min-width:930px;table-layout:fixed;font-size:13px}.kpi-table th{background:#edf3e7;font-size:12px;color:#5e7554;font-weight:650;padding:14px 12px;text-align:left}.kpi-table td{border-top:1px solid var(--line);border-right:1px solid #edf0e7;vertical-align:top;padding:14px 12px;line-height:1.7;overflow-wrap:anywhere}.kpi-table th:first-child{width:38px}.kpi-table th:nth-child(2){width:18%}.kpi-table th:nth-child(3){width:18%}.kpi-table th:nth-child(4),.kpi-table th:nth-child(6){width:88px;text-align:center}.kpi-table th:nth-child(5){width:25%}.kpi-table input,.kpi-table textarea{font-size:13px;margin:0;padding:9px;width:100%;min-height:42px;line-height:1.6}.kpi-table textarea{min-height:90px;margin-bottom:9px}.kpi-number{text-align:center;font-size:17px;font-weight:600}.kpi-text,.kpi-evidence{white-space:pre-wrap}.kpi-evidence{font-size:12px;color:var(--muted)}.kpi-table details{font-size:11px;color:var(--green)}.kpi-table summary{cursor:pointer}.kpi-task-link{display:flex;align-items:start;gap:7px;font-size:11px;font-weight:400;margin:12px 0}.kpi-task-link input{width:16px;height:16px;min-height:0;flex-shrink:0;margin-top:3px;accent-color:var(--green)}.kpi-total{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#f6f8f1;padding:18px;border-radius:8px;margin:20px 0;font-size:14px}.kpi-total strong{font-size:20px;color:var(--green)}.kpi-error,.kpi-total strong.kpi-error{color:#b34e40}.kpi-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px}.kpi-footer .primary{font-size:14px;padding:13px 22px}@media(max-width:660px){.kpi-heading{align-items:stretch;flex-direction:column}.kpi-list{grid-template-columns:1fr}.kpi-footer{flex-wrap:wrap}.kpi-heading .primary{width:100%}.kpi-guidance{font-size:12px}}
.team-dialog:has(.kpi-table){width:1450px}.kpi-table{min-width:1280px}.kpi-table th:nth-child(2){width:15%}.kpi-table th:nth-child(3){width:15%}.kpi-table th:nth-child(4){width:150px;text-align:left}.kpi-table th:nth-child(5),.kpi-table th:nth-child(7),.kpi-table th:nth-child(8){width:82px;text-align:center}.kpi-table th:nth-child(6){width:24%;text-align:left}.kpi-table th:nth-child(9){width:15%}.kpi-table input[type=time]{margin-top:9px}.kpi-deadline{font-size:12px;font-weight:500}.kpi-question{padding:10px;background:#fff6df;border-radius:6px;font-size:12px;white-space:pre-wrap}.kpi-status.submitted{background:#e9effc;color:#506caa}.kpi-previous{font-size:13px;white-space:pre-wrap;line-height:1.7}.kpi-previous summary{color:var(--green);cursor:pointer;font-weight:600}.kpi-previous:has(details){padding:15px;border:1px solid var(--line);border-radius:8px}

/* KPI is a full workspace page, alongside daily planning. */
.sidebar nav .nav-item{width:100%;border:0;background:transparent;text-align:left;font-family:inherit;margin-bottom:8px;cursor:pointer}.sidebar nav .nav-item.active{background:#e8efdf;color:var(--green)}.sidebar nav .nav-item:focus-visible{outline:2px solid var(--green)}
body.kpi-view .page>:not(.team-bar):not(.mobile-pages):not(#kpi-page){display:none!important}
#kpi-page{min-width:0}#kpi-page-title{font-size:28px;margin:0 0 26px}#kpi-page-body{min-width:0}#kpi-page-body>form{max-width:600px;background:#fff;padding:26px;border:1px solid var(--line);border-radius:12px}.kpi-scroll{background:#fff}.kpi-footer{margin-bottom:28px}.mobile-pages{display:none}
@media(max-width:1000px){.mobile-pages{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.mobile-pages button{padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green);font:inherit}.mobile-pages button.active{background:var(--green);color:#fff}#kpi-page-title{font-size:25px}}
/* Workbook layout: readable cells, wider notes, optional columns. */
.kpi-workbook-controls{display:flex;flex-wrap:wrap;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.kpi-workbook-controls label{min-width:180px;flex:1;font-size:13px}.kpi-workbook-controls select{font-size:14px}.kpi-week-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 20px;margin-bottom:14px}.kpi-week-tabs button{flex-shrink:0;font-size:13px}.kpi-week-tabs .selected{background:var(--green);color:white}.kpi-reference{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;margin:22px 0}.kpi-reference h2,.kpi-edit-heading{font-size:19px;line-height:1.5}.kpi-reference .kpi-heading{margin-bottom:12px}.kpi-reference td{white-space:pre-wrap}.kpi-edit-heading{margin:32px 0 20px;color:var(--green)}
.kpi-table-tools{background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px;margin:20px 0 12px;font-size:13px}.kpi-column-checks{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:12px}.kpi-column-checks label{display:flex;gap:7px;align-items:center;font-size:13px;margin:0;font-weight:500}.kpi-column-checks input{width:18px;height:18px;margin:0;accent-color:var(--green)}.kpi-options{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}.kpi-options summary{cursor:pointer;font-weight:600;color:var(--green)}.kpi-options p{font-size:12px;color:var(--muted)}.kpi-add-column{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:14px 0}.kpi-add-column label{flex:1;min-width:150px}.kpi-add-column input,.kpi-add-column select{font-size:14px}.kpi-add-column button{margin-bottom:2px}
#kpi-page .kpi-table{width:max-content;min-width:100%;table-layout:fixed;font-size:14px}#kpi-page .kpi-table th{width:200px;min-width:200px;text-align:left;font-size:13px;line-height:1.5;position:sticky;top:0}#kpi-page .kpi-table [data-col=stt]{width:55px;min-width:55px;text-align:center}#kpi-page .kpi-table [data-col=title]{width:250px;min-width:250px}#kpi-page .kpi-table [data-col=requirement]{width:240px;min-width:240px}#kpi-page .kpi-table [data-col=result]{width:270px;min-width:270px}#kpi-page .kpi-table [data-col=comment]{width:400px;min-width:400px}#kpi-page .kpi-table [data-col=max],#kpi-page .kpi-table [data-col=self],#kpi-page .kpi-table [data-col=score]{width:110px;min-width:110px;text-align:center}#kpi-page .kpi-table [data-col=remove]{width:65px;min-width:65px}#kpi-page .kpi-table [data-col=focus]{width:150px;min-width:150px}.kpi-table td{max-width:400px}.kpi-table textarea,.kpi-table input{font-size:14px}.kpi-table textarea{min-height:85px;resize:vertical}.kpi-table [data-col=comment] textarea{min-height:110px}.kpi-table tr.kpi-weak>td{background:#fff0ee;color:#923e38;border-bottom:1px solid #efc5c0}.kpi-table tr.kpi-weak>td:first-child{box-shadow:inset 4px 0 #d7564e}.kpi-focus-check{display:flex;align-items:center;gap:8px;font-size:12px}.kpi-table input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#c34c42;flex-shrink:0}.blank-week{border:2px dashed #b7c9ab}.blank-week p{font-size:13px;color:var(--muted)}.blank-grid{margin:18px 0;border:1px solid var(--line);border-bottom:0}.blank-grid>div{display:grid;grid-template-columns:50px 2fr 2fr 1fr;height:42px;border-bottom:1px solid var(--line)}.blank-grid span{border-right:1px solid var(--line);padding:10px;color:#9aa592;font-size:12px}.kpi-scroll{max-width:100%;max-height:75vh}#kpi-page [data-col][hidden]{display:none!important}
#kpi-page .kpi-table textarea{min-height:64px}#kpi-page .kpi-table [data-col=comment] textarea{min-height:80px}.kpi-weak input,.kpi-weak textarea{border-color:#e6bbb5}
.kpi-schedule{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:18px 0}.kpi-schedule label{font-size:13px}.kpi-schedule input{font-size:14px}.kpi-schedule-summary{display:flex;gap:14px 26px;flex-wrap:wrap;padding:14px 18px;background:#edf4e8;border-radius:8px;margin:14px 0;font-size:13px}.kpi-schedule-summary strong{width:100%}@media(max-width:900px){.kpi-schedule{grid-template-columns:1fr}}
.kpi-analytics{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:16px 0 24px}.kpi-analytics-options{display:flex;align-items:center;gap:16px 25px;flex-wrap:wrap;font-size:14px}.kpi-analytics-options label{display:flex;gap:8px;align-items:center;margin:0;font-size:13px}.kpi-analytics-options input{width:18px;height:18px;margin:0;accent-color:var(--green)}.kpi-analysis-help{font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}.kpi-analysis-person{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.kpi-analysis-person h2{font-size:19px;margin-bottom:16px}.kpi-trend-summary{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;font-size:13px}.kpi-trend-summary strong{font-size:24px;color:var(--green)}.kpi-chart-scroll{overflow-x:auto;margin:18px 0}.kpi-trend-chart{width:100%;max-height:320px;display:block}.kpi-trend-chart text{font-family:inherit;font-size:12px;fill:#56654e}.kpi-chart-data{font-size:13px;line-height:1.8}.kpi-chart-data summary,.kpi-insight summary{cursor:pointer;color:var(--green)}.kpi-insights{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.kpi-insights h3{font-size:16px}.kpi-insight{padding:17px;margin-top:12px;border:1px solid #d9e6d3;background:#f4f8ef;border-radius:10px}.kpi-insight.needs-work{background:#fff1ef;border-color:#efcec9}.kpi-insight>div{display:flex;justify-content:space-between;gap:14px;font-size:14px}.kpi-insight b{font-size:19px;white-space:nowrap}.kpi-insight p,.kpi-insight details{font-size:12px;line-height:1.8}.kpi-insight.needs-work b{color:#b64940}@media(max-width:800px){.kpi-insights{grid-template-columns:1fr}}