/* * dt-cf-patterns.css * * Shared stylesheet for the two table/filter/pagination component * patterns approved by the user: "dt-" (list-page — page owns its * whole table: toolbar, filter panel, sortable/pinned table, * pagination) and "cf-" (card-filter — a standalone filter card for * pages whose table is bespoke and stays untouched). * * Source of truth for the design: docs/list-page-pattern.html and * docs/card-filter-pattern.html (both previewed in isolation at * /ui-preview/list-page/ and /ui-preview/card-filter/ before being * approved for real pages). * * Adapted for real integration vs. the standalone previews in three * ways: * 1. Dark mode is server-driven here (daaptech/templates/index.html * renders ), so every * dark-mode rule keys off `body.dark`, not `html[data-theme]`. * There is no client-side theme toggle or `prefers-color-scheme` * auto-detect on real pages -- the app already has one global * toggle. * 2. Every rule -- tokens, fonts, resets included -- is scoped under * `.dt-app` / `.cf-app` so nothing here can leak into the rest of * the site (sidebar, other pages' headings/buttons/inputs). * 3. One shared file loaded via {% block styles %} instead of a * ~600-line