/* ============================================================
   ShipInvest — Minimal CSS Overrides
   Tailwind CSS CDN handles all utility styling.
   This file contains ONLY what Tailwind cannot express:
   custom scrollbar styling, sidebar scroll hide, keyframes.
   ============================================================ */

/* Hide sidebar scrollbar while keeping scroll behaviour */
.sidebar-scroll::-webkit-scrollbar { display: none; }
.sidebar-scroll { scrollbar-width: none; }

/* Custom scrollbar for main content areas */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

/* Toast entrance animation */
@keyframes toast-in {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
.toast-enter { animation: toast-in 180ms ease forwards; }

/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin-fast { animation: spin 0.6s linear infinite; }

/* Drawer slide-in */
@keyframes slide-in-right {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}
.drawer-open { animation: slide-in-right 220ms ease forwards; }

/* Force Inter/Lato as base font (Tailwind font-sans uses system stack by default) */
body { font-family: 'Inter', 'Lato', ui-sans-serif, system-ui, sans-serif; }

/* Numeric tabular figures utility (Tailwind doesn't have this) */
.tabular-nums { font-variant-numeric: tabular-nums; }