/* =============================================================================
   FILE: app/static/css/app.css
   PURPOSE: Tailwind source file + small custom utilities. When Tailwind CLI
            runs, it scans templates and produces app/static/css/tailwind.css.
            In dev, base.html loads the Tailwind CDN instead, so this file
            acts as a placeholder for the production build.
   ============================================================================= */

@tailwind base;
@tailwind components;
@tailwind utilities;

/* -----------------------------------------------------------------------------
   Global resets and safe defaults.
   ----------------------------------------------------------------------------- */

/* Prevent horizontal scroll on mobile — a common issue with wide tables. */
html,
body {
  overflow-x: hidden;
}

/* Smooth scroll for anchor links. */
html {
  scroll-behavior: smooth;
}

/* -----------------------------------------------------------------------------
   Focus states — visible outline for keyboard navigation.
   Tailwind's forms plugin resets outlines; we restore them.
   ----------------------------------------------------------------------------- */
:focus-visible {
  outline: 2px solid #f59e0b;
  outline-offset: 2px;
  border-radius: 4px;
}

/* -----------------------------------------------------------------------------
   Custom scrollbar styling — matches the dark UI without looking out of place.
   Only applies on WebKit browsers; Firefox falls back to default.
   ----------------------------------------------------------------------------- */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #0f172a;
}

::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #475569;
}

/* =============================================================================
   END FILE: app/static/css/app.css
   Signed: admin@thepandadev.com
   ============================================================================= */