/* 지시서10 — 월말 정산 PDF 리포트. 평소엔 숨겨두고 인쇄(다른 이름으로 저장 > PDF) 시에만 보여준다. */
#hg-monthly-print-root {
  display: none;
}

@media print {
  body > *:not(#hg-monthly-print-root) { display: none !important; }
  /* 다른 인쇄 리포트(weekly-report-print.css)의 "자기 root만 보이기" 규칙과 특이도가 같은 문제(1,0,1)를 만나면
     충돌할 수 있어, body #id로 특이도를 (2,0,0)까지 올려 이 리포트가 항상 이기도록 한다. */
  body #hg-monthly-print-root { display: block !important; }
  @page { size: A4 portrait; margin: 15mm; }
}

#hg-monthly-print-root, #hg-monthly-print-root * {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color-adjust: exact;
}

#hg-monthly-print-root {
  font-family: var(--hg-font);
  color: var(--hg-text1);
  font-weight: 400;
}

/* 1. 헤더 */
.mr-header { display: flex; justify-content: space-between; align-items: baseline; }
.mr-header-title { font-size: 18px; font-weight: 500; }
.mr-header-brand { font-size: 11px; color: var(--hg-text2); }
.mr-header-sub { font-size: 11px; color: var(--hg-text2); margin: 2px 0 10px; }

/* 2. 요약 */
.mr-summary { display: flex; border-top: 1px solid #000; border-bottom: 0.5px solid var(--hg-border); padding: 10px 0; margin-bottom: 10px; }
.mr-summary > div { flex: 1; text-align: center; }
.mr-summary-label { font-size: 11px; color: var(--hg-text2); margin-bottom: 3px; }
.mr-summary-val { font-size: 20px; font-weight: 500; }
.mr-summary-val.mr-accent { color: var(--hg-accent); }
.mr-summary-pct { font-size: 11px; color: var(--hg-text2); font-weight: 400; margin-left: 4px; }

/* 표(수입/자산형성/지출/특별비 공용) */
.mr-section-title { font-size: 12px; font-weight: 500; margin: 8px 0 3px; }
.mr-table { margin-bottom: 4px; }
.mr-table-head, .mr-table-row { display: grid; grid-template-columns: 1fr 68px 68px 68px; gap: 8px; padding: 3px 0; font-size: 11px; align-items: center; }
.mr-table-head { color: var(--hg-text2); border-bottom: 0.5px solid var(--hg-border); padding-bottom: 3px; margin-bottom: 1px; }
.mr-table-row { border-bottom: 0.5px solid var(--hg-border); }
.mr-table-head span:not(:first-child), .mr-table-row > span:not(.mr-table-name) { text-align: right; }
.mr-table-name { display: flex; align-items: center; gap: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mr-bar { width: 3px; height: 10px; border-radius: 2px; flex-shrink: 0; }

/* 6. 생활비 주차별 흐름 — 전부 동일한 회색, 강조 없음 */
.mr-week-chart { display: flex; align-items: flex-end; gap: 10px; height: 90px; margin: 4px 0 8px; }
.mr-week-bar-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.mr-week-bar { width: 44%; background: #E8E8ED; border-radius: 2px 2px 0 0; }
.mr-week-label { font-size: 10px; color: var(--hg-text2); margin-top: 4px; text-align: center; line-height: 1.4; }

/* 8. 푸터 */
.mr-footer { display: flex; justify-content: space-between; border-top: 1px solid #000; padding-top: 8px; margin-top: 8px; font-size: 11px; }
.mr-footer strong { font-weight: 500; }

/* 지시서11 — 2페이지(자산). 1페이지 뒤에서 항상 새 장 시작 */
.mr-page1 { break-after: page; page-break-after: always; }

/* 자산 구성 표 — 투자자산의 납입/평가손익 하위 행 */
.mr-asset-subrow { display: flex; justify-content: space-between; padding: 2px 0 2px 12px; font-size: 10px; color: var(--hg-text2); }