/* ---------------------------------------------------------------
   @foundry/admin — ONE stylesheet to link. This file is the load order.

       <link rel="stylesheet" href="/verwaltung/_adm/src/index.css" />
       <link rel="stylesheet" href="/verwaltung/app.css" />   <- YOURS, and it wins

   One link and not eleven, because the load order below is not a preference — it is the
   mechanism. Eleven links in an app's HTML is eleven chances to get that order wrong in a way
   nothing reports: the symptom of a wrong order is a rule quietly not applying, and the
   person debugging it starts by suspecting their own CSS.

   THE ORDER, and why each step is where it is:

     tokens      The vocabulary, with neutral placeholder values, and the two rules that
                 make `data-theme` switch the whole app. First, so everything after it
                 can read the names and your app can overwrite the values.
     admin       The shell and the pieces (card, button, table base, field, badge, the
                 four states, the theme switch).
     table       Stacked mode, the container query, sorting and paging. AFTER admin,
                 because it overrides admin's `.table th` inside a container query — same
                 specificity, so source order is the only thing deciding, and putting it
                 first would make a narrow table silently stay wide.
     tabs        Tabs and the accordion. Independent; nothing else styles `.tab*`.
     form        Fields, checkbox, radio, switch, error summary. AFTER admin, because it
                 refines admin's own `.field` rather than living beside it.
     color       The colour field. AFTER form for the same reason as combobox — it is a
                 field and it refines one.
     combobox    The searchable select. AFTER form: it is a field, and it adjusts one.
     calendar    Independent; nothing else styles `.cal-*`.
     date        The date field. AFTER form (it refines `.field`) AND after calendar (its
                 popup is a frame around `.cal`, and a frame drawn before the thing it
                 frames is a frame that loses every tie).
     time        The time field. AFTER form for the same reason, and directly after date
                 because it matches date's row and trigger rule for rule — the two stand
                 side by side in one form row often enough that a divergence there is a
                 visible seam, and reading them together is how it stays absent.
     resource    The generated screens' own pieces. AFTER date and time: a timestamp is those
                 two fields side by side, and it takes their bottom margin away.
     plan        The plan canvas. Independent — nothing else styles `.plan-*` — and right
                 after chart because both are drawings, and the one rule they share (the
                 chrome must not scale with the picture) is easier to keep true when the
                 two files are read one after the other.
     overlay     Dialog and menu. Independent for the same reason.
     toast       Also an overlay, and after the other two so that a rule about the top
                 layer is read in one place rather than two.
     busy        The loading bar, the busy button and the dimmed screen between two. AFTER
                 admin, because a busy button must win over `.btn:disabled`'s fade, and after
                 the overlays, because the bar sits above a dialog.
     utilities   LAST, and that is the whole reason they are a separate file. `flex` and
                 `gap-2` are what you reach for to override a component's layout in one
                 spot; a utility that loses to the component it is trying to adjust is a
                 utility that does not work.

   🚨 @import COSTS A ROUND TRIP EACH, serially, and that is accepted here on purpose: an
   internal tool on a local network, eleven files of a few kilobytes, against eleven chances to
   mis-order a cascade. The day this package is served across the internet, the fix is a
   build step that concatenates these eleven in this order — not eleven <link> tags.
   --------------------------------------------------------------- */

@import "./tokens.css";
@import "./admin.css";
@import "./table.css";
@import "./tabs.css";
@import "./form.css";
@import "./file.css";
@import "./color.css";
@import "./combobox.css";
@import "./calendar.css";
@import "./date.css";
@import "./time.css";
@import "./resource.css";
@import "./overlay.css";
@import "./toast.css";
@import "./busy.css";
@import "./chart.css";
@import "./plan.css";
@import "./utilities.css";