/* Hatchsoft FBR Digital Invoicing System Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  --primary-fbr: #00563B;
  --primary-fbr-dark: #003e2a;
  --primary-fbr-light: #0d825c;
  --accent-fbr: #F0B323;
  --fbr-blue: #0A3871;
  --bg-main: #f4f6fa;
  --card-bg: #ffffff;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --border-color: #e2e8f0;
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

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

/* Badge Styles */
.badge-valid {
  background-color: #dcfce7;
  color: #15803d;
  border: 1px solid #bbf7d0;
}
.badge-invalid {
  background-color: #fee2e2;
  color: #b91c1c;
  border: 1px solid #fecaca;
}
.badge-draft {
  background-color: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
}
.badge-sandbox {
  background-color: #fef3c7;
  color: #b45309;
  border: 1px solid #fde68a;
}
.badge-production {
  background-color: #dbeafe;
  color: #1d4ed8;
  border: 1px solid #bfdbfe;
}

/* =========================================================================
   A4 PRINT & PREVIEW OPTIMIZATION
   ========================================================================= */

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

@media print {
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  html, body {
    background: white !important;
    color: #0f172a !important;
    font-size: 10pt !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  body * {
    visibility: hidden;
  }

  #modal-invoice-viewer,
  #modal-invoice-viewer * {
    visibility: visible;
  }

  #modal-invoice-viewer {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
  }

  #invoice-print-area,
  #invoice-print-area * {
    visibility: visible;
  }

  #invoice-print-area {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
  }

  .a4-invoice {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    page-break-after: avoid;
  }

  .a4-invoice table {
    border-collapse: collapse !important;
  }

  .a4-invoice th, .a4-invoice td {
    border-color: #000000 !important;
  }

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

  .no-print {
    display: none !important;
  }

  /* Thermal Mode Overrides */
  .thermal-mode @page {
    size: 80mm auto;
    margin: 2mm;
  }

  .thermal-mode #invoice-print-area {
    width: 76mm !important;
    max-width: 76mm !important;
    padding: 2mm !important;
    font-size: 8.5pt !important;
  }
}