/* Global stylesheet, split into ordered parts under css/ -- no build step, so this file just @imports them in cascade order. Every class name is still app-wide (no scoping); most are emitted only from JS template literals in frontend/js/*.js, so `grep -r classname frontend/js` is how you find what renders a rule. Keep the @import order: later files intentionally override earlier ones (css/responsive.css's mobile @media block must stay last). - css/base.css design tokens (:root), reset, , .auth-shell (login/setup) - css/shell.css layout shell, sidebar, top app bar, global search, notification centre, mobile drawer, forms, buttons, tables, badges - css/dashboard.css cards & grids, stat tiles, donuts/legends/heatmaps, poster rows, Wrapped, Knihovna, seasonal recs, now-playing widget, chart popovers - css/detail.css title/person detail page + hero backdrop, episode nav, every modal (job-interval, schedule, job-log, viewers, viewer-sessions, day-detail), and the global tooltip bubble - css/responsive.css trailing mobile @media block (detail header, filmography/now-playing) */ @import "css/base.css"; @import "css/shell.css"; @import "css/dashboard.css"; @import "css/detail.css"; @import "css/responsive.css";