/* ==========================================================================
   assets/css/style.css
   Everything else is plain Tailwind utility classes (loaded via CDN in
   includes/header.php). This file only holds the handful of things
   Tailwind's utility classes don't cover directly.
   ========================================================================== */

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.18s ease-out;
}

/* Thin, unobtrusive scrollbars for the sidebar and scrollable modal bodies */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.35); border-radius: 999px; }

/* receipt.php: printing shows only the receipt card itself, not the
 * sidebar/header/flash toast/back-link chrome around it. */
@media print {
  #sidebar, #sidebar-backdrop, header, #flash-toast, .no-print { display: none !important; }
  body { background: #fff !important; }
  main { padding: 0 !important; }
}