/* Property documents, paper custody, violations, property status and the condition report (migration 028) */
.pdcheck{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px }
.pdcheck .tag{ white-space:nowrap }

/* The condition report: a full page over the app. On screen it scrolls; printed, it is the only thing on the paper. */
#reportSheet{ position:fixed; inset:0; z-index:9000; background:#fff; color:#111; overflow:auto; padding:0 0 40px }
#reportSheet .crbar{ position:sticky; top:0; display:flex; gap:10px; flex-wrap:wrap; padding:12px 16px; background:#fff; border-bottom:1px solid #ccc }
#reportSheet .crpage{ max-width:820px; margin:0 auto; padding:24px 20px; font-size:14px; line-height:1.5 }
#reportSheet h1{ font-size:24px; margin:0 0 6px }
#reportSheet h2{ font-size:16px; margin:22px 0 8px; padding-bottom:4px; border-bottom:1px solid #999 }
#reportSheet .crhead{ border-bottom:2px solid #111; padding-bottom:10px }
#reportSheet .crsec{ break-inside:avoid }
#reportSheet ul{ margin:0; padding-inline-start:20px }
#reportSheet .crtable{ width:100%; border-collapse:collapse; margin-top:8px }
#reportSheet .crtable th, #reportSheet .crtable td{ border:1px solid #888; padding:6px 8px; text-align:start; vertical-align:top }
#reportSheet .crcheck td{ height:30px }
#reportSheet .crcheck td:first-child{ width:26% }
#reportSheet .crpics{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
#reportSheet .crpics img{ width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid #888 }
#reportSheet .crnotes{ margin-top:14px }
#reportSheet .crnotes div{ border-bottom:1px solid #888; height:28px }
#reportSheet .crsign{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:44px }
#reportSheet .crsign div{ text-align:center; font-size:13px }
#reportSheet .crsign span{ display:block; border-bottom:1px solid #111; height:34px; margin-bottom:6px }
@media print {
  html, body{ background:#fff !important }
  body > *:not(#reportSheet){ display:none !important }
  #reportSheet{ position:static; overflow:visible; padding:0 }
  #reportSheet .noprint{ display:none !important }
  #reportSheet .crpage{ max-width:none; padding:0; font-size:12px }
  :focus-visible{ outline:none !important; box-shadow:none !important }
}