/* ==========================================================
   ESTILOS ESPECIALIZADOS PARA IMPRESIÓN TÉRMICA (80mm y 58mm)
   Compatible con Hostinger y servidores sin Node
   ========================================================== */

/* Scrollbar sutil y estilizado */
::-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;
}

/* Vista previa en pantalla */
@media screen {
  .ticket-preview-wrapper {
    background-color: #cbd5e1;
    padding: 2rem 1rem;
    min-height: 100vh;
  }
  
  .ticket-paper-80mm {
    width: 79mm;
    max-width: 100%;
    margin: 0 auto 1.5rem auto;
    background: #ffffff;
    padding: 4mm 4mm 6mm 4mm;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    color: #000000;
  }

  .ticket-paper-58mm {
    width: 57mm;
    max-width: 100%;
    margin: 0 auto 1.5rem auto;
    background: #ffffff;
    padding: 3mm 3mm 5mm 3mm;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    color: #000000;
  }
}

/* Reglas estrictas para el diálogo de impresión de la Impresora Térmica */
@media print {
  @page {
    margin: 0mm;
    padding: 0mm;
  }

  body {
    background: #ffffff !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .no-print, 
  nav, 
  header, 
  aside, 
  button, 
  .btn-print-actions,
  #sidebar-drawer, 
  #sidebar-backdrop,
  .toast-container {
    display: none !important;
  }

  .ticket-preview-wrapper {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
  }

  .ticket-paper-80mm {
    width: 76mm !important;
    max-width: 76mm !important;
    margin: 0 !important;
    padding: 2mm 2mm 5mm 2mm !important;
    box-shadow: none !important;
    border: none !important;
    page-break-after: always;
  }

  .ticket-paper-58mm {
    width: 54mm !important;
    max-width: 54mm !important;
    margin: 0 !important;
    padding: 1.5mm 1.5mm 4mm 1.5mm !important;
    box-shadow: none !important;
    border: none !important;
    page-break-after: always;
  }

  /* Alto contraste térmico: texto negro puro y sin fondos grises que manchan */
  * {
    color: #000000 !important;
    border-color: #000000 !important;
    text-shadow: none !important;
    filter: none !important;
  }
}

/* Líneas de corte y separadores de rótulos térmicos */
.thermal-cut-line {
  border-bottom: 2px dashed #000000;
  margin: 6px 0;
  position: relative;
}

.thermal-solid-line {
  border-bottom: 1.5px solid #000000;
  margin: 4px 0;
}

.thermal-double-line {
  border-bottom: 3px double #000000;
  margin: 5px 0;
}