/* print.css — minimal shared print stylesheet for the report
 * surfaces (client / individual). Loaded via @media print in
 * layouts/base.html so the screen view stays untouched and the
 * browser's native Save-as-PDF flow produces an A4-shaped report.
 *
 * Scope: A4 page margins, hide nav + .no-print elements, prefer
 * serif body type, page-break-inside avoid on .report-section, and
 * the pure-CSS bar chart shape (no JS).
 *
 * Throwaway UI per CLAUDE.md — the Claude-design redesign will
 * replace this within days.
 */

@page {
  size: A4;
  margin: 2cm;
}

@media print {
  nav,
  .no-print {
    display: none !important;
  }
  body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    color: #000;
    background: #fff;
  }
  .report-section {
    page-break-inside: avoid;
  }
  h1, h2, h3 {
    page-break-after: avoid;
  }
  .bar {
    border: 1px solid #444;
    height: 8pt;
    width: 100%;
  }
  .bar .fill {
    background: #444;
    height: 100%;
  }
  a[href]:after {
    content: "";
  }
}

/* Screen-side bar chart fallback: keep the bar visible (with a
 * sensible width) in the live view so the report still reads in
 * the browser even before Save-as-PDF. The print rules above
 * override these inside @media print.
 */
.bar {
  display: inline-block;
  border: 1px solid #888;
  height: 10px;
  width: 200px;
  vertical-align: middle;
}
.bar .fill {
  background: #555;
  height: 100%;
}