/* ═══════════════════════════════
   PRINT ZONE
   ═══════════════════════════════ */

#csv-preview-container {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: auto;
  margin-bottom: 15px;
  border: 1px solid var(--border-color);
  border-radius: 4px;
  display: none; /* Hidden until data is uploaded */
}

#csv-preview-container table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

#csv-preview-container th,
#csv-preview-container td {
  padding: 6px 10px;
  border: 1px solid var(--border-color);
  text-align: left;
  white-space: nowrap;
}

#csv-preview-container th {
  background-color: var(--secondary-color);
  font-weight: 600;
  position: sticky;
  top: 0;
}

#print-zone {
  display: none;
}

#print-zone * {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

@media print {
  @page {
    margin: 0;
  }

  body,
  html {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  #app-container {
    display: none !important;
  }

  #print-zone {
    display: block !important;
  }

  #print-zone .print-label-page,
  #print-zone .print-label-row {
    page-break-after: always;
    break-after: page;
    border: none !important;
    box-shadow: none !important;
    background: white !important;
  }
}