/**
 * Utility-klassen: vervangen de vroegere style=""-attributen in de HTML (UI-review M-5).
 * Gegenereerd: één klasse per declaratie, .u-<eigenschap>-<waarde>.
 * Deze laag staat bewust BUITEN @layer base (style.css), zodat een utility net als een
 * inline stijl wint van de gewone regels — de pagina's zien er precies hetzelfde uit.
 * Nieuwe opmaak liever als echte klasse in style.css dan als nieuwe utility.
 */
.u-mb-2_5rem { margin-bottom: 2.5rem; }
.u-d-flex { display: flex; }
.u-jc-space-between { justify-content: space-between; }
.u-ai-center { align-items: center; }
.u-gap-1rem { gap: 1rem; }
.u-fwr-wrap { flex-wrap: wrap; }
.u-fg-1 { flex-grow: 1; }
.u-maxw-300px { max-width: 300px; }
.u-w-100pct { width: 100%; }
.u-h-38px { height: 38px; }
.u-br-8px { border-radius: 8px; }
.u-b-1px-solid-border-color { border: 1px solid var(--border-color); }
.u-bg-bg-panel { background: var(--bg-panel); }
.u-c-text-primary { color: var(--text-primary); }
.u-pl-1rem { padding-left: 1rem; }
.u-minw-200px { min-width: 200px; }
.u-minw-160px { min-width: 160px; }
.u-ai-flex-start { align-items: flex-start; }
.u-mb-1_5rem { margin-bottom: 1.5rem; }
.u-mb-0_25rem { margin-bottom: 0.25rem; }
.u-c-text-secondary { color: var(--text-secondary); }
.u-fs-0_875rem { font-size: 0.875rem; }
.u-m-0 { margin: 0; }
.u-mt-0_5rem { margin-top: 0.5rem; }
.u-fsh-0 { flex-shrink: 0; }
.u-ai-baseline { align-items: baseline; }
.u-mb-0_5rem { margin-bottom: 0.5rem; }
.u-d-inline-flex { display: inline-flex; }
.u-fw-600 { font-weight: 600; }
.u-tt-none { text-transform: none; }
.u-ls-normal { letter-spacing: normal; }
.u-fs-1_25rem { font-size: 1.25rem; }
.u-fw-700 { font-weight: 700; }
.u-fd-column { flex-direction: column; }
.u-gap-0_25rem { gap: 0.25rem; }
.u-fw-500 { font-weight: 500; }
.u-c-bcg-bright-blue { color: var(--bcg-bright-blue); }
.u-fs-1rem { font-size: 1rem; }
.u-mt-1rem { margin-top: 1rem; }
.u-fs-1_4rem { font-size: 1.4rem; }
.u-mb-0 { margin-bottom: 0; }
.u-p-4px-10px { padding: 4px 10px; }
.u-br-9999px { border-radius: 9999px; }
.u-d-grid { display: grid; }
.u-gap-0_75rem { gap: 0.75rem; }
.u-mt-1_5rem { margin-top: 1.5rem; }
.u-gap-0_5rem { gap: 0.5rem; }
.u-ta-center { text-align: center; }
.u-mt-2rem { margin-top: 2rem; }
.u-mt-0 { margin-top: 0; }
.u-c-bcg-navy-blue { color: var(--bcg-navy-blue); }
.u-fs-1_1rem { font-size: 1.1rem; }
.u-bb-1px-solid-border { border-bottom: 1px solid var(--border); }
.u-pb-0_5rem { padding-bottom: 0.5rem; }
.u-mb-1_25rem { margin-bottom: 1.25rem; }
.u-fs-1_5rem { font-size: 1.5rem; }
.u-bt-1px-solid-border { border-top: 1px solid var(--border); }
.u-pt-1rem { padding-top: 1rem; }
.u-mb-2rem { margin-bottom: 2rem; }
.u-m-0-0-0_5rem-0 { margin: 0 0 0.5rem 0; }
.u-bt-1px-solid-border-color { border-top: 1px solid var(--border-color); }
.u-gtc-repeat-auto-fit-minmax-220px-1fr { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.u-gap-1_5rem { gap: 1.5rem; }
.u-jc-center { justify-content: center; }
.u-fs-2rem { font-size: 2rem; }
.u-fs-0_85rem { font-size: 0.85rem; }
.u-mt-0_25rem { margin-top: 0.25rem; }
.u-vis-hidden { visibility: hidden; }
.u-fw-bold { font-weight: bold; }
.u-bt-2px-solid-border-color { border-top: 2px solid var(--border-color); }
.u-fs-text-sm { font-size: var(--text-sm); }
.u-c-muted-foreground { color: var(--muted-foreground); }
.u-maxw-400px { max-width: 400px; }
.u-p-2rem { padding: 2rem; }
.u-mb-1rem { margin-bottom: 1rem; }
.u-d-block { display: block; }
.u-p-0_5rem { padding: 0.5rem; }
.u-br-4px { border-radius: 4px; }
.u-jc-flex-end { justify-content: flex-end; }
.u-ai-flex-end { align-items: flex-end; }
.u-pos-relative { position: relative; }
.u-lh-1_5 { line-height: 1.5; }
.u-pos-absolute { position: absolute; }
.u-left-1rem { left: 1rem; }
.u-top-50pct { top: 50%; }
.u-transform-translatey-50pct { transform: translateY(-50%); }
.u-pl-2rem { padding-left: 2rem; }
.u-gc-1-of-1 { grid-column: 1 / -1; }
.u-flex-1 { flex: 1; }
.u-br-radius-control { border-radius: var(--radius-control); }
.u-minw-150px { min-width: 150px; }
.u-flex-2 { flex: 2; }
.u-ox-auto { overflow-x: auto; }
.u-bcol-collapse { border-collapse: collapse; }
.u-ta-left { text-align: left; }
.u-bb-1px-solid-border-color { border-bottom: 1px solid var(--border-color); }
.u-p-0_75rem { padding: 0.75rem; }
.u-pb-1rem { padding-bottom: 1rem; }
.u-gtc-repeat-auto-fit-minmax-8rem-1fr { grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); }
.u-c-primary { color: var(--primary); }
.u-m-1rem-0-0 { margin: 1rem 0 0; }
.u-fst-italic { font-style: italic; }
.u-mb-0_35rem { margin-bottom: 0.35rem; }
.u-minh-1_2rem { min-height: 1.2rem; }
.u-gtc-repeat-auto-fill-minmax-220px-1fr { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.u-jc-flex-start { justify-content: flex-start; }
.u-gap-2rem { gap: 2rem; }
.u-gap-1_25rem { gap: 1.25rem; }
.u-maxh-400px { max-height: 400px; }
.u-oy-auto { overflow-y: auto; }
.u-pos-sticky { position: sticky; }
.u-top-0 { top: 0; }
.u-sh-0-1px-0-border-color { box-shadow: 0 1px 0 var(--border-color); }
.u-z-1 { z-index: 1; }
.u-w-180px { width: 180px; }
.u-w-220px { width: 220px; }
.u-p-1rem { padding: 1rem; }
.u-gap-16px { gap: 16px; }
.u-mt-24px { margin-top: 24px; }
.u-p-3rem { padding: 3rem; }
.u-gtc-repeat-auto-fit-minmax-min-400px-100pct-1fr { grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); }
.u-ta-right { text-align: right; }
.u-mb-3rem { margin-bottom: 3rem; }
.u-bb-2px-solid-border { border-bottom: 2px solid var(--border); }
.u-pb-0_75rem { padding-bottom: 0.75rem; }
.u-ff-font-sans { font-family: var(--font-sans); }
.u-fs-1_35rem { font-size: 1.35rem; }
.u-fs-0_95rem { font-size: 0.95rem; }
.u-h-450px { height: 450px; }
.u-h-380px { height: 380px; }
.u-p-2_5rem { padding: 2.5rem; }
.u-lh-1_7 { line-height: 1.7; }
.u-bg-card { background: var(--card); }
.u-br-1rem { border-radius: 1rem; }
.u-fs-1_05rem { font-size: 1.05rem; }
.u-fs-1_15rem { font-size: 1.15rem; }
.u-mb-0_75rem { margin-bottom: 0.75rem; }
.u-pl-1_5rem { padding-left: 1.5rem; }
.u-bg-muted { background: var(--muted); }
.u-p-1_25rem { padding: 1.25rem; }
.u-br-0_75rem { border-radius: 0.75rem; }
.u-m-1_5rem-0 { margin: 1.5rem 0; }
.u-lh-1_6 { line-height: 1.6; }
.u-bg-secondary { background: var(--secondary); }
.u-bl-4px-solid-bcg-bright-blue { border-left: 4px solid var(--bcg-bright-blue); }
.u-br-0_5rem { border-radius: 0.5rem; }
.u-fs-0_9rem { font-size: 0.9rem; }
.u-ws-nowrap { white-space: nowrap; }
.u-w-140px { width: 140px; }
.u-gtc-repeat-auto-fit-minmax-160px-1fr { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.u-lh-1_4 { line-height: 1.4; }
.u-w-80px { width: 80px; }
.u-bt-1px-dashed-border { border-top: 1px dashed var(--border); }
.u-h-auto { height: auto; }
.u-p-0-12px { padding: 0 12px; }
.u-td-none { text-decoration: none; }
.u-c-inherit { color: inherit; }
.u-gap-8px { gap: 8px; }
.u-mt-4px { margin-top: 4px; }
.u-p-4px { padding: 4px; }
.u-d-none { display: none; }
.u-p-0_35rem-0_5rem { padding: 0.35rem 0.5rem; }
.u-ff-font-body { font-family: var(--font-body); }
.u-c-destructive { color: var(--destructive); }
.u-o-hidden { overflow: hidden; }
.u-text-overflow-ellipsis { text-overflow: ellipsis; }
.u-maxw-220px { max-width: 220px; }
.u-p-20px { padding: 20px; }
.u-p-0_25rem-0_5rem { padding: 0.25rem 0.5rem; }
.u-mb-0_2rem { margin-bottom: 0.2rem; }
.u-p-1_5rem { padding: 1.5rem; }
.u-br-radius-surface { border-radius: var(--radius-surface); }
.u-m-0-0-1rem-0 { margin: 0 0 1rem 0; }
.u-h-1px { height: 1px; }
.u-bg-border-color { background: var(--border-color); }
.u-m-0_25rem-0 { margin: 0.25rem 0; }
.u-op-0_5 { opacity: 0.5; }
.u-gap-2_5rem { gap: 2.5rem; }
.u-flex-1_3 { flex: 1.3; }
.u-minw-360px { min-width: 360px; }
.u-minw-105px { min-width: 105px; }
.u-ls-0_02em { letter-spacing: 0.02em; }
.u-lh-1_3 { line-height: 1.3; }
.u-op-0_8 { opacity: 0.8; }
.u-m-0-0-0_75rem-0 { margin: 0 0 0.75rem 0; }
.u-d-inline-block { display: inline-block; }
.u-w-4px { width: 4px; }
.u-h-16px { height: 16px; }
.u-bg-bcg-light-blue { background: var(--bcg-light-blue); }
.u-br-2px { border-radius: 2px; }
.u-minw-320px { min-width: 320px; }
.u-minh-380px { min-height: 380px; }
.u-gap-4px { gap: 4px; }
.u-w-8px { width: 8px; }
.u-h-8px { height: 8px; }
.u-br-50pct { border-radius: 50%; }
.u-bgc-color-bright-blue { background-color: var(--color-bright-blue); }
.u-bgc-color-navy { background-color: var(--color-navy); }
.u-h-240px { height: 240px; }
.u-mt-1_25rem { margin-top: 1.25rem; }
.u-br-6px { border-radius: 6px; }
.u-fs-xs { font-size: var(--text-xs); }