/* ═══════════════════════════════════════════════════════════════════════
   crm.css — de eigen laag van het CRM (v2c, 18 sep 2026)

   Alles hier hoort bij de CRM-schermen en niets anders; de gedeelde
   bouwstenen (tf-* en ds-*: koppen, secties, knoppen, invoervelden, tabellen)
   blijven in ontwerp.css en worden hier alleen samengesteld. Prefix `crm-`,
   zonder uitzondering, en elke regel achter `.app-root` zodat de
   landingspagina's er nooit door geraakt worden.

   Referentiebeeld: docs/superpowers/design/crm-v2/{Main,Contact}.dc.html —
   dossier in twee kolommen (links de velden uit het register, rechts
   deals/contacten/tijdlijn), veldrijen als label/waarde-raster met een
   haarlijn ertussen, koppen in Bricolage (tf-disp), 40px-controls,
   radius 8px, goud (--app-primary) alleen als accent.

   Opgesplitst (premium schil F1, 28 sep 2026): dit bestand is alleen nog de
   ingang die beide hosts laden (portaal en crm.ragently.nl, index.html). De
   regels staan per bouwsteen in crm/ontwerp/ (designsysteem "stijl C":
   tokens, knoppen, PaginaKop, Paneel, KpiTegel, StatusPil, LegeToestand,
   Tabs, VerdeelBalk, ZijPaneel) en per scherm in crm/. De volgorde van de
   @imports hieronder IS de cascadevolgorde: de schermbestanden staan in
   exact de volgorde waarin hun regels vroeger in dit ene bestand stonden.
   Nieuw bestand? Hier importeren (RepoBestanden.CrmCss() in de tests volgt
   deze lijst).
   ═══════════════════════════════════════════════════════════════════════ */

@import url("crm/ontwerp/tokens.css");
@import url("crm/ontwerp/knoppen.css");
@import url("crm/ontwerp/paginakop.css");
@import url("crm/ontwerp/paneel.css");
@import url("crm/ontwerp/kpi.css");
@import url("crm/ontwerp/doeltegel.css");
@import url("crm/ontwerp/grafiek.css");
@import url("crm/ontwerp/statuspil.css");
@import url("crm/ontwerp/legetoestand.css");
@import url("crm/ontwerp/tabs.css");
@import url("crm/ontwerp/verdeelbalk.css");
@import url("crm/ontwerp/zijpaneel.css");
@import url("crm/ontwerp/opdrachtpalet.css");

@import url("crm/scherm.css");
@import url("crm/formulier.css");
@import url("crm/campagneflow.css");
@import url("crm/inrichting.css");
@import url("crm/hotspot.css");
@import url("crm/verwijderregel.css");
@import url("crm/dossier.css");
@import url("crm/lijst.css");
@import url("crm/pijplijn.css");
@import url("crm/taken.css");
@import url("crm/velden.css");
@import url("crm/taaksoorten.css");
@import url("crm/kpis.css");
@import url("crm/import.css");
@import url("crm/schakelaar.css");
@import url("crm/mails.css");
@import url("crm/kaartenstapel.css");
@import url("crm/dialoog.css");
@import url("crm/dossier-outreach.css");
@import url("crm/koppelingen.css");
@import url("crm/gegevens.css");
@import url("crm/koppelingen-kaarten.css");
@import url("crm/rapport.css");
@import url("crm/outreach-agent.css");
@import url("crm/instellingenlijst.css");
@import url("crm/dossier-zijpaneel.css");
@import url("crm/dealdossier.css");
@import url("crm/nieuwformulier.css");
@import url("crm/toestemming.css");
@import url("crm/catalogus.css");
@import url("crm/klassen.css");
@import url("crm/documenten.css");
@import url("crm/agenda.css");
@import url("crm/kpi-invoer.css");
@import url("crm/website-insluiten.css");
@import url("crm/mededelingen.css");
@import url("crm/rondleiding.css");