/** * admin-financial-theme.css — Phase 6, Financial: retheme the Financial * page onto the design system (Draft remains the reference * implementation), plus a CSS-only responsive treatment for its two * data-dense tables. * * PRESENTATION ONLY. No line of js/admin/financial.js was touched — this * file targets only classes/attributes that file already renders. Every * hard constraint from the brief was checked against the actual file * before writing this: f6ParticipantBreakdown/f6IsCollected are read-only * inputs this file never touches: the UI displays account.entryFeeCharged/ * .tradeFeesPaid/.totalUnpaid/etc. exactly as financial.js already * computes them — nothing here recalculates Charged/Paid/Unpaid. Every * data-action/data-filter/data-id/data-streamer-select attribute and * every modal-internal ID (#adjParticipant, #payAmount, etc.) is exactly * as it was; none is selected on here in any way that assumes it will * change. * * MOBILE SCOPING — a note on how this avoids editing financial.js: * The Participant table, Streamer table, and Transaction History table * all share the generic `.admin-table` class also used by Players/ * Seasons/Trades — a blind `.admin-table` mobile rule would wrongly * restyle those other pages' tables too. Instead of adding a wrapper * class to financial.js (a markup change, which the brief said to stop * and report before making), this file scopes each table using * `:has()` against attributes/structure ALREADY unique to each one: * - Participant table: has a [data-action="viewDetails"] button * - Streamer table: has a [data-streamer-select]