/* Deze elf modules zijn op een app-pagina al via 2-modules/_index.css geladen; hier
   worden ze een tweede keer opgehaald. Dat is niet zinloos: de loginpagina laadt alléén
   login.css en dít bestand, en heeft er drie van nodig (1-layout/default.css voor de
   body, form.css voor onder meer .required-field, form-input.css voor de velden).

   Ze staan bewust in layer(components) en niet in layer(theme). Een eigen theme-laag zou
   ze van élke component laten winnen, en dan verslaat `form { display: grid }` uit
   form.css de regels die andere modules op formulieren zetten — veertien plekken, waarvan
   `.toggle-form { display: inline-flex }` uit toggle_switch.css de zichtbaarste: de drie
   toggles in de hoofdnavigatie krompen tot 16px en schoven over elkaar heen. In de
   components-laag beslist weer de bronvolgorde, precies zoals vóór de laagindeling.

   Opruimen kan pas na een besluit over de tabellen: table.css en installations.css
   declareren allebei een top-level `table`-regel met gelijke specificiteit, en door deze
   tweede lading wint table.css. Weglaten draait dat om naar installations.css, dat de
   kolomkoppen verbergt tot 768px in plaats van 506px (gemeten in een browser: bij 620px
   springt `th` van table-cell naar none). installations.css waarschuwt daar zelf voor —
   "requires manually syncing this file and table.css". De andere acht zijn conflictvrij. */

@import url("/assets/1-layout/default-9e760449.css") layer(components);
@import url("/assets/2-modules/clients-fd9b01ec.css") layer(components);
@import url("/assets/2-modules/budgets-87cb3606.css") layer(components);
@import url("/assets/2-modules/client-budgets-0f4a9cc9.css") layer(components);
@import url("/assets/2-modules/installation-e683ccc0.css") layer(components);
@import url("/assets/2-modules/dropdown-eb5bc4cd.css") layer(components);
@import url("/assets/2-modules/installations-27c19c27.css") layer(components);
@import url("/assets/2-modules/table-1eb9fc44.css") layer(components);
@import url("/assets/2-modules/table-actions-7480c3b6.css") layer(components);
@import url("/assets/2-modules/form-input-dedefd19.css") layer(components);
@import url("/assets/2-modules/form-11b58a8e.css") layer(components);

@layer theme {
  body:has(fouriq-login) {
    background-image: url("/assets/backdrops/login-bg-1d9a4e5b.jpg");
  }
}