/* 고객용 약식 진단 리포트 (WORK-045, SPEC §6). diagnosis-report.js의 mountClientReport·printClientReport가 쓴다.
   콘솔(index.html)과 OS(os.html)가 같이 불러 쓰므로 다른 화면의 CSS에 기대지 않는다. 화면에서는 숨기고, 인쇄할 때만 이 문서만 남긴다.
   도장은 표 머리(.cr-page thead)에 있어 인쇄하면 모든 쪽 위에 반복된다. */
.client-report{display:none}
@media print{
  @page{size:A4;margin:10mm 12mm 10mm}
  html:has(>body.print-diagnosis){height:auto!important;overflow:visible!important;background:#fff!important}
  body.print-diagnosis{display:block!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important}
  body.print-diagnosis>:not(#client-report){display:none!important}
  body.print-diagnosis #client-report{display:block}
}
.client-report{position:static;color:#16211b;background:#fff;font-family:'Pretendard','Pretendard Variable','Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:10pt;line-height:1.5;letter-spacing:0;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.client-report *{box-sizing:border-box}
.client-report h1,.client-report h2,.client-report h3,.client-report p,.client-report ul,.client-report table{margin:0;padding:0;color:inherit;text-transform:none}
.client-report ul{margin:3px 0;padding-left:17px}
.client-report li{margin:1px 0;padding:0}
.client-report p{margin:3px 0}
/* 쪽마다 반복되는 머리: 회사 · 문서 이름 · 도장 */
.cr-page{width:100%;border-collapse:collapse;border-spacing:0;border:0}
.cr-page>thead>tr>td,.cr-page>tbody>tr>td{padding:0;border:0;vertical-align:top;background:none}
.cr-run{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 0 3.5mm;font-size:8pt;color:#5d6b5a}
.cr-run-name{min-width:0;overflow-wrap:anywhere}
.cr-stamp{flex:none;border:1.5px solid #a4452f;color:#a4452f;border-radius:4px;padding:2px 9px;font-size:9pt;font-weight:700;white-space:nowrap;background:#fff}
.cr-stamp.ok{border-color:#3f6b33;color:#3f6b33}
.cr-stamp.stale{border-color:#8a4a12;color:#8a4a12;background:#fbf1e4}
.cr-head{border-bottom:2px solid #16211b;padding-bottom:7px}
.cr-kicker{margin:0!important;font-size:9pt;color:#5d6b5a}
.cr-head h1{margin:1px 0 0;font-size:17pt;line-height:1.3;font-weight:700;font-family:'Noto Serif KR','Nanum Myeongjo','Batang',serif;letter-spacing:-.5px}
.cr-stale-note{margin-top:5px!important;padding:5px 8px;border-left:3px solid #8a4a12;background:#fbf1e4;color:#6b3a0e;font-size:9pt}
.cr-sec{margin-top:9px;break-inside:avoid;page-break-inside:avoid}
.cr-sec.cr-flow{break-inside:auto;page-break-inside:auto}
.cr-sec h2{margin:0 0 4px;font-size:12pt;line-height:1.35;font-weight:700;font-family:'Noto Serif KR','Nanum Myeongjo','Batang',serif;break-after:avoid;page-break-after:avoid}
.cr-sec h2 span{color:#30503c;margin-right:8px}
.cr-sec h3{margin:4px 0 2px;font-size:10pt;font-weight:700}
.cr-fig{font-size:11.5pt;font-weight:700}
/* 01 부서별 막대와 업무 표 */
.cr-bars{display:grid;gap:4px;margin:6px 0 2px}
.cr-bar{display:grid;grid-template-columns:30mm minmax(0,1fr) auto;gap:8px;align-items:center;font-size:9pt;color:#33412c}
.cr-bar svg{display:block;width:100%;height:9px}
.cr-bar b{font-weight:600;white-space:nowrap}
.cr-b-all{fill:#d6dccd}.cr-b-save{fill:#3f6b33}
.cr-table{width:100%;border-collapse:collapse;font-size:8.8pt;margin-top:6px}
.cr-table th,.cr-table td{border-bottom:1px solid #d6dccd;padding:3px 5px;text-align:left;vertical-align:top}
.cr-table th{color:#5d6b5a;font-weight:600;white-space:nowrap}
.cr-table .cr-num,.cr-table .cr-dept{white-space:nowrap}
.cr-table .cr-name{width:34%;min-width:24mm}
.cr-table .cr-ev{width:32%;color:#4a5a44}
.cr-table tr{break-inside:avoid;page-break-inside:avoid}
/* 02 구성도 */
.cr-arch{display:block;width:100%;height:auto;margin:6px 0}
.cr-arch .cr-a-head{font-size:11px;font-weight:700;fill:#5d6b5a}
.cr-arch .cr-a-node text{font-size:12px;font-weight:600}
.cr-arch .cr-k-source rect{fill:#fff;stroke:#c9d2c0}.cr-arch .cr-k-source text{fill:#33412c}
.cr-arch .cr-k-worker rect{fill:#30503c;stroke:#30503c}.cr-arch .cr-k-worker text{fill:#fff}
.cr-arch .cr-k-human rect{fill:#f6ecd9;stroke:#b37a2a}.cr-arch .cr-k-human text{fill:#7a4f22}
.cr-arch .cr-k-output rect{fill:#16211b;stroke:#16211b}.cr-arch .cr-k-output text{fill:#fff}
.cr-arch .cr-a-edge{fill:none;stroke:#8a9a7c;stroke-width:1.3}.cr-arch .cr-a-arrow{fill:#8a9a7c}
.cr-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
/* 03 판정 */
.cr-verdict{margin-top:6px;padding:7px 10px;border-radius:6px;border-left:4px solid #9aa48d;background:#f4f6f0}
.cr-verdict p{margin:2px 0}
.cr-verdict-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cr-verdict-title strong{font-size:11pt}
.cr-verdict-tag{font-style:normal;font-size:8.5pt;font-weight:700;color:#8a4a12;border:1px solid #d9b98a;border-radius:4px;padding:0 6px;background:#fff}
.cr-verdict-note{font-size:9pt;color:#4a5a44}
.cr-verdict.go,.cr-verdict.tools{border-left-color:#3f6b33;background:#eaf3e3}
.cr-verdict.small{border-left-color:#b37a2a;background:#f6ecd9}
.cr-verdict.hold{border-left-color:#a4452f;background:#f8e4de}
.cr-verdict.remove{border-left-color:#6b4f8a;background:#f1ecf7}
.cr-verdict.none,.cr-verdict.empty,.cr-verdict.unpriced{border-left-color:#9aa48d;background:#f4f6f0}
/* 바닥글 */
.cr-foot{margin-top:9px;border-top:1px solid #16211b;padding-top:5px;font-size:8pt;line-height:1.5;color:#5d6b5a;break-inside:avoid;page-break-inside:avoid}
.cr-foot p{margin:1px 0}
.cr-nowrap{white-space:nowrap}