/* ============================================================
   QWorks Roof Truss Design — tambahan gaya Laporan & ekspor dan gambar kerja
   (pages/laporan.js, ui/drawings.js). Dasar .rep-* (sampul, bagian, pratinjau,
   panel kiri, ekspor, cetak) ada di src/styles.css; berkas ini hanya
   menambah yang khusus rangka atap. Prefiks gambar: rt-dw.
   ============================================================ */
.rt-dw { display: block; width: 100%; height: auto; margin: 0 auto; background: #fff; }
.rt-dw text { font-family: var(--font-c, "IBM Plex Sans Condensed"), "Arial Narrow", sans-serif; font-variant-numeric: tabular-nums; }

/* sampul: gambar tampak kecil */
.rt-report .rep-iso { margin: 4px 0 2px; } .rt-report .rep-iso svg { display: block; width: 100%; height: auto; max-height: 300px; margin: 0 auto; }

/* gambar di laporan */
.rt-report .rep-fig svg { max-width: 100%; height: auto; }
.rt-report .rep-fig.narrow svg { max-width: 560px; }
.rt-report .rep-fig.rep-sheet svg { max-width: 100%; border: 0; }
.rt-report .rep-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; align-items: start; }
.rt-report .rep-grid2 .rep-fig { margin: 6px 0; }
.rt-report .rep-grid2 .rep-fig svg { max-width: 380px; }
@media (max-width: 720px) { .rt-report .rep-grid2 { grid-template-columns: 1fr; } }

/* kotak "Wajib diperiksa perencana" tetap tampil saat dicetak (callout biasa disembunyikan saat cetak) */
.rt-report .rep-review { display: block !important; margin: 10px 0 12px; border: 1.5px solid var(--warn, #B7791F); background: var(--warn-2, #FCF1DA); color: #5B3A0A; border-radius: 8px; padding: 10px 14px; font-size: 13px; break-inside: avoid; page-break-inside: avoid; }
.rt-report .rep-review b { display: block; margin-bottom: 4px; }
.rt-report .rep-review .notes { margin: 0; padding-left: 18px; }

/* tabel ringkasan: baris menentukan dan baris gagal */
.rt-report tr.gov td { background: #EEF3FD; font-weight: 600; }
.rt-report tr.hl td { background: #FBE3E0; }
.rt-report .qw-ratio.is-compact { min-width: 108px; }
.rt-report .rep-combos td { font-size: 11.5px; padding-top: 2px; padding-bottom: 2px; }
.rt-report .qw-trace { margin: 6px 0 12px; }

/* kartu Gambar kerja di halaman laporan */
.rt-sheets { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.rt-sheet-thumb { margin: 0; border: 1px solid var(--line, #E3E6E8); border-radius: 8px; background: #fff; overflow: hidden; display: flex; flex-direction: column; }
.rt-sheet-img { height: 170px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; padding: 6px; background: #fff; }
.rt-sheet-img svg { width: 100%; height: auto; max-height: 160px; object-fit: contain; }
.rt-sheet-thumb figcaption { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-top: 1px solid var(--line, #E3E6E8); font-size: 12.5px; }
.rt-sheet-thumb figcaption span { margin-left: auto; }
.rt-sheets-card .row-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }

/* tema gelap: gambar dan pratinjau tetap kertas putih */
html[data-theme="dark"] .rt-sheet-thumb, html[data-theme="dark"] .rt-sheet-img { background: #fff; color: #111827; }

@media print {
  .rt-sheets-card { display: none !important; }
  .rt-dw { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 255mm; break-inside: avoid; page-break-inside: avoid; }
  .rt-report .rep-fig { break-inside: avoid; page-break-inside: avoid; }
  .rt-report .rep-fig.rep-sheet { break-before: auto; }
  .rt-report .rep-grid2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rt-report .rep-review { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rt-report tr.gov td, .rt-report tr.hl td { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.rt-report td:nth-child(3) { white-space: nowrap; }