.kpi-shell{display:grid;gap:18px}.kpi-template-grid,.kpi-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.kpi-template,.kpi-case{border:1px solid #dce5ec;border-radius:14px;background:#fff;padding:18px;box-shadow:0 5px 18px #173a5520}.kpi-template h3,.kpi-case h3{margin:0 0 8px}.kpi-flow{display:flex;gap:5px;overflow:auto;margin:14px 0;padding-bottom:3px}.kpi-step{white-space:nowrap;padding:7px 10px;border-radius:18px;background:#eef3f7;color:#60707c;font-size:12px}.kpi-step.done{background:#e8f7ef;color:#16834a}.kpi-step.current{background:#1677ff;color:#fff}.kpi-status{display:inline-block;padding:5px 10px;border-radius:14px;background:#e8f1ff;color:#1769d1}.kpi-case-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:12px 0}.kpi-case-summary b{font-size:26px;color:#0a7185}.kpi-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.kpi-review-note,.kpi-rule-line{padding:10px 12px;border-radius:8px;background:#f6f8fa;color:#52616c}.kpi-rule-line{text-align:center}.kpi-attachment{font-size:12px;display:block;margin-top:5px}.kpi-preline{white-space:pre-line}.kpi-block{display:block;margin-top:5px;color:#687782}.kpi-alert{padding:14px;margin-bottom:16px;border-left:4px solid #1677ff;background:#f2f7ff}.table-responsive{overflow:auto}.kpi-plan-table,.kpi-self-table,.kpi-score-table,.kpi-gm-table{min-width:1050px}.kpi-plan-table textarea,.kpi-self-table textarea,.kpi-score-table textarea,.kpi-gm-table textarea{min-width:150px;min-height:72px}.kpi-plan-table input,.kpi-self-table input,.kpi-score-table input,.kpi-gm-table input{min-width:110px}.kpi-detail-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.kpi-detail-head b{font-size:26px;color:#0a7185}.kpi-detail-section{margin-top:22px;padding-top:16px;border-top:1px solid #dce5ec}.kpi-audit-list{display:grid;gap:10px}.kpi-audit-list li{padding:10px;background:#f6f8fa;border-radius:8px}.kpi-audit-list small{display:block;margin-top:4px;color:#687782}
.kpi-project-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #bfe6df;border-radius:10px;background:#f0fbf8;color:#315d57}.kpi-project-strip b{color:#087568}.kpi-project-tag{display:inline-block;padding:4px 9px;border-radius:12px;background:#d9f4ee;color:#087568;font-size:12px;font-weight:700}.kpi-project-panel{border:1px solid #cfe3df;border-radius:12px;background:#fbfffe;padding:16px;margin:0 0 20px}.kpi-project-panel h3{margin:0 0 6px}.kpi-project-panel .toolbar p{margin:0;color:#667985}.kpi-project-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:14px 0}.kpi-project-totals span{display:grid;gap:5px;padding:10px;border-radius:9px;background:#eef8f6;color:#5a6c70}.kpi-project-totals b{font-size:18px;color:#087568}.kpi-project-source{padding:10px 12px;border-left:4px solid #0b8a7a;background:#f0f8f7;color:#52696c}.kpi-project-warnings{margin:10px 0;padding:10px 10px 10px 30px;border-radius:8px;background:#fff7e8;color:#875b0a}.kpi-project-table{min-width:1080px}.kpi-system-evidence{color:#087568!important;font-weight:700}.kpi-self-table [readonly]{background:#f0f8f7;color:#315d57}
@media(max-width:700px){.kpi-template-grid,.kpi-review-grid{grid-template-columns:1fr}.kpi-case{padding:14px}.kpi-case-summary b{font-size:22px}}