@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-slate-50 text-slate-800 antialiased font-sans selection:bg-[#FF0D8F] selection:text-white dark:bg-slate-950 dark:text-slate-100;
  }

  h1, h2, h3, .font-brand-display {
    font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  }
}

/* Scrollbar Customization */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: rgba(30, 12, 27, 0.05);
}
::-webkit-scrollbar-thumb {
  background: rgba(255, 13, 143, 0.25);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 13, 143, 0.5);
}

/* Print CSS setup for Thermal (80mm) & Modern A4 Tax Invoice Printing */
@page {
  size: auto;
  margin: 0;
}

@media print {
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  body * {
    visibility: hidden;
  }

  /* Thermal Receipt Mode (Default & 80mm active) */
  body:not([data-print-format="modern"]) #printable-receipt,
  body:not([data-print-format="modern"]) #printable-receipt * {
    visibility: visible;
  }

  body:not([data-print-format="modern"]) #printable-receipt {
    position: absolute;
    left: 0;
    top: 0;
    width: 72mm !important;
    max-width: 72mm !important;
    margin: 0 auto !important;
    padding: 2mm 3mm !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #000000 !important;
    font-family: "Courier New", Courier, Monaco, "Lucida Console", monospace !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body:not([data-print-format="modern"]) #printable-receipt .receipt-dashed-line {
    border-color: #000000 !important;
    border-style: dashed !important;
  }

  body:not([data-print-format="modern"]) #printable-receipt table {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  body:not([data-print-format="modern"]) #printable-receipt th,
  body:not([data-print-format="modern"]) #printable-receipt td {
    padding: 2px 0 !important;
  }

  /* Modern / Full Tax Invoice Mode */
  body[data-print-format="modern"] #printable-modern-invoice,
  body[data-print-format="modern"] #printable-modern-invoice * {
    visibility: visible;
  }

  body[data-print-format="modern"] #printable-modern-invoice {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 6mm 8mm !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-family: 'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  }

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