/* ============================================================================
   HAWKEAGLE: one stylesheet, no build step, no dependencies.
   Served statically; every screen is a hand-written .html + its own vanilla JS (native modules
   for the larger screens: static/js/<screen>.js and its parts in static/js/<screen>/).

   Reading order:
     1. TOKENS          what each custom property is for
     2. RESET / BASE
     3. IDENTITY        wordmark, aperture mark, the two motifs
     4. SHELL + NAV     left rail, 17 entries, four groups
     5. PULSE           the heartbeat strip (the most important component)
     6. STATE VOCAB     8 states: colour + icon + word, identical everywhere
     7. PANELS          sections, headings with counts, collapsed "done"
     8. TABLE           the dense row grid (the workhorse)
     9. CARDS / ROWS    work rows, verdict rows
    10. BITS            chips, meters, sparkbars, buttons, inputs, kbd, code
    11. MODAL           row = summary, modal = evidence
    12. MOTION          three animations total, all repaint-safe
    13. RESPONSIVE      second monitor down to phone
   ========================================================================== */

/* The sections above live in static/css/hawkeagle/, one file each (or two or three small ones together),
   imported here in this order, which is the cascade order: a later file wins a tie. Still no build step:
   the browser fetches each import. The login page loads this file before anyone signs in, so the auth
   and licence gates let /static/css/hawkeagle/ through as they do this file. */
@import "hawkeagle/tokens.css";
@import "hawkeagle/base.css";
@import "hawkeagle/shell.css";
@import "hawkeagle/pulse.css";
@import "hawkeagle/panels.css";
@import "hawkeagle/table.css";
@import "hawkeagle/modal.css";
@import "hawkeagle/layout.css";
@import "hawkeagle/yard.css";
@import "hawkeagle/colony.css";
@import "hawkeagle/sign-in.css";
@import "hawkeagle/helper.css";
@import "hawkeagle/phone.css";