/* Modern Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Modal Geçişleri & Koruması */
.modal-overlay {
  transition: opacity 0.2s ease-in-out;
}

.modal-card-responsive {
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}

/* Sütun Boyutlandırma (Resizable Table Columns) */
.resizable-table {
  border-collapse: separate;
  border-spacing: 0;
}

.resizable-table th {
  position: relative;
  user-select: none;
  min-width: 50px;
}

.col-resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  cursor: col-resize;
  user-select: none;
  height: 100%;
  z-index: 20;
  background-color: transparent;
  transition: background-color 0.15s ease;
}

.col-resizer:hover,
.col-resizer.is-resizing {
  background-color: #36c02a !important;
}

/* Barkod Önizleme Kartı */
#barcodePreviewCard {
  transition: all 0.2s ease;
  user-select: none;
  background-color: #ffffff;
}

#previewOem,
#previewUrunVeMarka,
#previewUyumluArac {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Seçili preset butonu */
.preset-btn.active {
  border-color: #9333ea !important;
  background-color: #f3e8ff !important;
  color: #6b21a8 !important;
  font-weight: 700;
}

/* ============================================================
   YAZICI & TERMAL ETİKET CSS AYARLARI
   ============================================================ */
@media print {
  html, body {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    overflow: visible !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* #printArea DIŞINDAKİ TÜM DOĞRUDAN ÇOCUKLARI TAMAMEN YOK ET (0 PX YÜKSEKLİK - SAYFA TAŞMASINI ÖNLER) */
  body > *:not(#printArea):not(#__next) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
  }

  #__next > *:not(#printArea):not(#zumrut-root) {
    display: none !important;
  }

  #zumrut-root > *:not(#printArea) {
    display: none !important;
  }

  /* SADECE YAZDIRMA ALANINI GÖSTER */
  #printArea {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
  }

  #printArea * {
    visibility: visible !important;
  }

  /* Termal Etiket Kartı (Boyut ve kenar boşlukları etiket tasarımcısından dinamik gelir) */
  .print-label-item,
  .label-page {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-after: always;
    break-after: page;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Son etiketten sonra sayfa atlamayı engelle (1 etiketse asla 2. boş sayfa çıkmasın) */
  .print-label-item:last-child,
  .label-page:last-child {
    page-break-after: avoid !important;
    break-after: avoid !important;
  }

  .print-label-item img,
  .print-label-item canvas,
  .label-page img,
  .label-page canvas {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  /* A4 Doküman (Cari Ekstre & Fiyat Teklifi) Yazdırma Standartları */
  .a4-print-document {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: #ffffff !important;
    color: #0f172a !important;
    page-break-inside: auto !important;
    break-inside: auto !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  .a4-print-document table {
    width: 100% !important;
    border-collapse: collapse !important;
    page-break-inside: auto;
  }

  .a4-print-document tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
}