@media print {
  body * {
    visibility: hidden;   /* ซ่อนทุก element */
  }
  #printArea, #printArea * {
    visibility: visible;  /* แสดงเฉพาะ #printArea */
  }
  #printArea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}
.pdf-container {
  /* เอาตามที่คุณมีได้เลย */
  background: #fff;
  padding: 10px;
  transform: translateZ(0);
}

.pdf-container table {
  // table-layout: fixed;
  width: 100%;
  // word-break: break-word;
  white-space: normal;
}


.page-break {
  break-after: page;      /* modern */
  page-break-after: always; /* legacy */
}

.no-break {
  break-inside: avoid;
  page-break-inside: avoid;
}

.pdf-header {
  display: flex;
  gap: 12px;
  align-items: center;

  img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    border-radius: 50%;
  }
}

/* ตารางใน PDF ให้ไม่แตกกลางหน้า */
table, .card, .section-block {
  break-inside: avoid;
  page-break-inside: avoid;
}



.pdf-container > :last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
// .pdf-container .page-break:last-child {
//   page-break-after: auto !important;
//   break-after: auto !important;
// }


.row {
  display: flex;
  flex-wrap: wrap;
}

.col {
  flex: 1;
}

@for $i from 1 through 12 {
  $width: (
    $i / 12) * 100%;

  .col-#{$i} {
    flex: 0 0 $width;
    max-width: $width;
  }
}
