/* Estilos complementares ao Tailwind CSS */

:root {
  --primary: #0f766e;
  --primary-dark: #0b5a54;
}

body {
  font-family: 'Inter', sans-serif;
}

@keyframes fade-in {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in .25s ease-out;
}

/* Scrollbar mais discreta */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Autocomplete de empresa */
.autocomplete-list {
  max-height: 220px;
  overflow-y: auto;
}
.autocomplete-item:hover,
.autocomplete-item.active {
  background-color: #f0fdfa;
}

table.data-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
}

@media print {
  body * { visibility: hidden; }
  #print-area, #print-area * { visibility: visible; }
  #print-area { position: absolute; left: 0; top: 0; width: 100%; }
}