/* Bản in checklist lần mẫu (khổ A4) */
@page { size: A4; margin: 12mm; }

* { box-sizing: border-box; }
body { margin: 0; padding: 24px; color: #262b28; background: #fff; font: 12px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
h1 { margin: 4px 0; font-size: 22px; }
h2 { margin: 22px 0 10px; font-size: 15px; }
small { display: block; color: #73796f; }

.print-toolbar { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.print-toolbar button { min-height: 40px; padding: 0 16px; border: 0; border-radius: 8px; background: #465b43; color: #fff; font-weight: 600; cursor: pointer; }

.print-header { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 2px solid #262b28; }
.print-header p { margin: 0; color: #4a5048; }
.print-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.print-meta { display: grid; grid-template-columns: repeat(3, minmax(90px, auto)); gap: 6px 18px; margin: 0; }
.print-meta dt { color: #73796f; font-size: 10px; }
.print-meta dd { margin: 0; font-weight: 600; }

.print-overview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.print-overview-grid figure { margin: 0; break-inside: avoid; }
.print-overview-grid img,
.print-photo-empty { width: 100%; height: 150px; border: 1px solid #ddd; border-radius: 6px; object-fit: cover; }
.print-photo-empty { display: grid; place-items: center; color: #9a9e96; background: #f6f6f3; }
.print-overview-grid figcaption { margin-top: 4px; font-weight: 600; text-align: center; }

.print-summary { display: flex; gap: 18px; }
.print-results { width: 100%; border-collapse: collapse; }
.print-results th,
.print-results td { padding: 6px 8px; border: 1px solid #d9dad4; text-align: left; vertical-align: top; }
.print-results th { background: #f3f4ef; font-size: 11px; }
.print-results tr { break-inside: avoid; }
.print-status-cell { white-space: nowrap; font-weight: 700; }
.print-status-pass .print-status-cell { color: #3f6a3a; }
.print-status-fail .print-status-cell { color: #a4513c; }
.print-result-photos { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.print-result-photos img { width: 72px; height: 72px; border-radius: 4px; object-fit: cover; }

@media print {
    body { padding: 0; }
    .print-toolbar { display: none; }
}