/* =========================
   css/index.css — Aggregate CSS bundle (= Phase 6 entry point)
========================= */
/*
   元 index.html の inline <style> block (L20-L1602, 1,582 LOC) を 13 file に分割.
   import 順序は cascade を維持する元 source の順序と同一.

   本番取込時は HTML の <style>...</style> ブロックを
     <link rel="stylesheet" href="/ui/css/index.css">
   1 行に置換するだけで等価.

   13 file の役割:
     tokens.css         (74 LOC) - reset + variant A/B + scrollbar
     shell-nav.css     (174 LOC) - app shell grid + sidebar nav + logout
     topbar-main.css    (67 LOC) - topbar + main + header h1
     header-cam.css     (79 LOC) - camera switcher + env-chip + off-hours overlay
     panels.css         (42 LOC) - content area + panel base + icons + .hidden
     forms-buttons.css (161 LOC) - toolbar + form controls + buttons (legacy)
     auth.css           (60 LOC) - login/camera boxes + point table + pw meter
     admin-dash.css     (45 LOC) - dashboard cards + status line
     playback.css      (169 LOC) - video + graph + mp4 + clip + alert (legacy)
     overlays.css       (69 LOC) - login overlay + theme panel + placeholder
     monitor-reskin.css (193 LOC) - Phase 2 login reskin + monitor 2-col + cam picker
     records-screens.css (150 LOC) - Phase 4 alerts + records + toast + clip
     misc-screens.css   (64 LOC) - Phase 5 form-grid + cams + settings
     charts.css        (117 LOC) - designer graph tokens + KPI state
     mobile.css        (113 LOC) - mobile breakpoint (≤ 768px)
*/

@import url("./tokens.css");
@import url("./shell-nav.css");
@import url("./topbar-main.css");
@import url("./header-cam.css");
@import url("./panels.css");
@import url("./forms-buttons.css");
@import url("./auth.css");
@import url("./admin-dash.css");
@import url("./playback.css");
@import url("./overlays.css");
@import url("./monitor-reskin.css");
@import url("./records-screens.css");
@import url("./misc-screens.css");
@import url("./charts.css");
@import url("./mobile.css");