/* ═══════════════════════════════════════════════════════════════════════════
   StackAdvancedTable / StackDataTable — row density

   WHAT IT FIXES: the package pads its grid cells with a `p-4` class. Three
   stylesheets define `.p-4`, and the one that wins is **Bootstrap's**, which
   declares `padding: 1.5rem !important` — so a catalogue line that used to be about
   30px tall under `table-sm` came out at 148px. Every grid in the app shares these
   rules, so density is set once here rather than page by page.

   WHY IT NEEDS `!important` AND ITS OWN FILE: `!important` is here only to answer
   Bootstrap's own `!important` on the same class — specificity alone cannot beat it.
   The file is linked after tailwind.css because app.css and the inline block in
   App.razor both load before the utility bundles and would lose anyway.

   Every value is a --mk-* token: see docs/css-design-system.md.
   ═══════════════════════════════════════════════════════════════════════════ */

td.p-4.align-middle {
    padding: var(--mk-s2) var(--mk-s3) !important;
}

thead th.h-12 {
    /* h-12 pins a fixed height; let the header size to its own text instead so a
       two-word heading can wrap without leaving a gap under a one-word one. */
    height: auto;
    padding: var(--mk-s2) var(--mk-s3) !important;
}