/* =========================================
   استایل مخصوص چاپ (Print)
   فقط هنگام print اعمال می‌شود
   ========================================= */

@page {
  size: A4 portrait;
  margin: 10mm 12mm;
}

*,
*::before,
*::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

html,
body {
  background: #ffffff !important;
  color: #000000 !important;
}

a,
a:visited {
  color: inherit !important;
  text-decoration: none !important;
}

/* مخفی کردن UI */

.app-header,
.controls-panel,
.preview-header,
.preview-zoom-bar,
.preview-zoom-hint,
.app-footer,
.button-row,
.controls-nav {
  display: none !important;
}

.app-root {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

.preview-panel {
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

.invoice-preview-wrapper {
  border: none !important;
  padding: 0 !important;
  background: #ffffff !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.invoice-preview {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  --preview-offset-x: 0px !important;
  --preview-offset-y: 0px !important;
}

.invoice-preview__content {
  position: static !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
}

/* صفحات فاکتور در چاپ */

.invoice-page {
  width: 100% !important;
  max-width: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 0 8mm 0 !important;
  page-break-inside: avoid;
  background: #ffffff !important;
  color: #000000 !important;
}

.invoice-page__inner {
  padding: 0 !important;
}

/* به نام خدا */

.invoice-bismillah {
  font-size: 12pt !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin: 0 0 4mm 0 !important;
  direction: rtl !important;
  unicode-bidi: embed !important;
  font-family: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif !important;
  white-space: nowrap !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
}

/* هدر/فوتر در چاپ */

.invoice-page__header {
  border-bottom: 1px solid #d1d5db !important;
  padding-bottom: 3mm !important;
  margin-bottom: 3mm !important;
}

.invoice-page__body {
  margin-top: 2mm !important;
}

.invoice-page__footer {
  border-top: 1px solid #d1d5db !important;
  margin-top: 3mm !important;
  padding-top: 3mm !important;
}

/* بخش فروشنده / خریدار در چاپ: اجباری دو ستونه */

.invoice-parties {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 6mm !important;
  row-gap: 3mm !important;
}

/* رنگ‌ها چاپ‌دوست‌تر */

.invoice-party {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}

.invoice-items-table-wrapper {
  background: #ffffff !important;
  border-color: #d1d5db !important;
}

.invoice-items-table thead {
  background: #e5e7eb !important;
}

.invoice-totals-list,
.invoice-notes-block,
.invoice-signature-block {
  background: #f9fafb !important;
  border-color: #d1d5db !important;
}

/* امضا در چاپ */

.invoice-signatures {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 6mm !important;
}

.invoice-signature-block {
  min-height: 25mm !important;
}

.invoice-signature-placeholder {
  align-items: center !important;
}

/* شماره صفحه و فوتر */

.invoice-page-number {
  font-size: 9pt !important;
  color: #4b5563 !important;
}

.invoice-footer-meta {
  border-top: 1px dashed #d1d5db !important;
  padding-top: 2mm !important;
  margin-top: 2mm !important;
  color: #4b5563 !important;
}

/* صفحه دوم روی صفحه جدید */

.invoice-page--page2 {
  page-break-before: always;
}

/* scale را در چاپ خنثی می‌کنیم */

.preview-scale--mobile .invoice-page,
.preview-scale--tablet .invoice-page,
.preview-scale--desktop .invoice-page {
  transform: none !important;
}

/* placeholder در چاپ دیده نشود */

.invoice-preview__placeholder {
  display: none !important;
}

.invoice-preview--empty .invoice-page {
  display: block !important;
}

.invoice-preview--empty .invoice-preview__placeholder {
  display: none !important;
}