/* Plain CSS helpers. Tailwind CDN JIT only scans class= attributes in the DOM,
   so @apply cannot be used in this external file -- utility classes are written
   directly in the EJS templates instead. This file covers things Tailwind can't. */

body { -webkit-tap-highlight-color: transparent; }

@media print {
  #sidebar, .no-print { display: none !important; }
  main { padding: 0 !important; }
}

@keyframes scan-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
.scan-pulse { animation: scan-pulse 1.6s ease-in-out infinite; }

@keyframes flash-in {
  from { opacity: 0; transform: translateY(6px) scale(0.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.flash-in { animation: flash-in 0.18s ease-out; }

@keyframes toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.toast { animation: toast-in 0.2s ease-out; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }