/* ================= PREVIEW TRÊN MÀN HÌNH ================= */

.print-root {
  background: #e5e7eb;
  padding: 32px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* ✅ CĂN TRÁI TOÀN BỘ TRANG */
  gap: 32px;
}


/* ===== KHUNG 1 TRANG GIẤY ===== */
.print-page {
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.15);
  box-sizing: border-box;

  /* 🔥 LỀ GIỐNG IN THẬT */
  padding-top: 1.5cm;
  padding-right: 1.5cm;
  padding-bottom: 1.5cm;
  padding-left: 2cm;

  overflow: hidden;
  position: relative;
  text-align: left;
}

/* A4 DỌC preview */
.print-root.a4 .print-page {
  width: 210mm;
  min-height: 297mm;
}

/* A5 NGANG preview */
.print-root.a5 .print-page {
  width: 210mm;
  min-height: 148mm;
}


/* ================= CHẾ ĐỘ IN THẬT ================= */
@media print {

  @page {
    margin-top: 1.5cm;
    margin-right: 1.5cm;
    margin-bottom: 1.5cm;
    margin-left: 2cm;
  }

  body {
    margin: 0;
    background: #fff;
  }

  /* 🔥 ẨN TOÀN BỘ UI APP */
  .app-header,
  .app-sidebar,
  .sidebar-overlay {
    display: none !important;
  }

  #app {
    padding: 0;
  }

  .print-root {
    padding: 0;
    gap: 0;
  }

  .print-page {
    box-shadow: none;
    page-break-after: always;
  }
}