/* Finance's public stylesheet — kept at a fixed, unhashed URL and stamped by `vite.config.ts`, as
   the platform's `public/styles.css` is.

   The one rule copied from the platform verbatim is the colour-scheme declaration: native form
   controls, scrollbars and the date picker follow the theme, so a dark page does not draw a white
   dropdown (the platform's "fixes dark dropdowns in light mode"). */

/* native form controls follow the theme (fixes dark dropdowns in light mode) */
:root { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

/* ── Stage 3: what the ported People & payroll screens read from the platform's stylesheet ──
   Copied verbatim from the platform's `portal/public/styles.css` (the `.section` card the People
   list sits in), so the list keeps the platform's frame, padding and divider exactly. */
.section { background: var(--surface); border: 1px solid var(--grey-200); border-radius: 8px; margin-bottom: 18px; box-shadow: var(--shadow-card); }
.section-head { display: flex; align-items: center; gap: 12px; padding: 24px 28px; border-bottom: 1px solid var(--grey-200); }
.section-head h2 { font-size: 18px; font-weight: 500; margin: 0; }
.section-head .right { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.section-body.nopad { padding: 0; }