/* Atomic utility classes (IRES-13778 fase 2): voorheen-inline `style=`-declaraties,
   nu als herbruikbare classes zodat de CSP `style-src` zónder 'unsafe-inline' kan.
   Eén class = één declaratie (verbatim → identiek beeld). Geladen NA de hoofd-
   stylesheet zodat ze winnen bij gelijke specificiteit. */

.ai-center{align-items:center}
.ai-flex-start{align-items:flex-start}
.ai-stretch{align-items:stretch}
.as-center{align-self:center}
.bb-1px-dotted-b91c1c{border-bottom:1px dotted #b91c1c}
.bc-greenink{border-color:var(--greenInk)}
.bd-1px-dashed-line{border:1px dashed var(--line)}
.bd-none{border:none}
.bg-ambersoft{background:var(--amberSoft,#fdf3e0)}
.bg-bg{background:var(--bg)}
.bg-bluesoft{background:var(--blueSoft)}
.bg-brand{background:var(--brand,#4f8c16)}
.bg-green6{background:var(--green6)}
.bg-greensoft{background:var(--greenSoft)}
.bg-greensoft-2{background:var(--greenSoft,#eaf5e0)}
.bg-none{background:none}
.bg-redsoft{background:var(--redSoft)}
.br-11px{border-radius:11px}
.br-99px{border-radius:99px}
.br-9px{border-radius:9px}
.bt-1px-solid-line{border-top:1px solid var(--line)}
.c-4f8c16{color:#4f8c16}
.c-6b7280{color:#6b7280}
.c-9ca3af{color:#9ca3af}
.c-amberink{color:var(--amberInk)}
.c-b91c1c{color:#b91c1c}
.c-inherit{color:inherit}
.c-ink{color:var(--ink)}
.c-ink2{color:var(--ink2)}
.c-ink3{color:var(--ink3)}
.c-redink{color:var(--redInk,#c23a28)}
.c-redink-2{color:var(--redInk)}
.cur-pointer{cursor:pointer}
.d-flex{display:flex}
.d-inline{display:inline}
.d-inline-flex{display:inline-flex}
.d-none{display:none}
.fd-column{flex-direction:column}
.fd-row{flex-direction:row}
.flex-1{flex:1}
.flexw-wrap{flex-wrap:wrap}
.font-400-115px-ff{font:400 11.5px var(--ff)}
.font-400-12px-ff{font:400 12px var(--ff)}
.font-400-13px-15-ff{font:400 13px/1.5 var(--ff)}
.font-400-13px-ff{font:400 13px var(--ff)}
.font-400-14px-15-ff{font:400 14px/1.5 var(--ff)}
.font-500-125px-ff{font:500 12.5px var(--ff)}
.font-500-13px-fm{font:500 13px var(--fm)}
.font-600-15px-fm{font:600 15px var(--fm,monospace)}
.font-600-16px-fm{font:600 16px var(--fm,monospace)}
.font-700-11px-ff{font:700 11px var(--ff)}
.font-700-13px-ff{font:700 13px var(--ff)}
.font-700-16px-ff{font:700 16px var(--ff)}
.font-800-18px-ff{font:800 18px var(--ff)}
.fs-13px{font-size:13px}
.fs-30px{font-size:30px}
.fs-62rem{font-size:.62rem}
.fs-72rem{font-size:.72rem}
.fs-78rem{font-size:.78rem}
.fs-7rem{font-size:.7rem}
.fs-8rem{font-size:.8rem}
.fw-400{font-weight:400}
.fw-600{font-weight:600}
.gap-10px{gap:10px}
.gap-12px{gap:12px}
.gap-14px{gap:14px}
.gap-18px{gap:18px}
.gap-5rem{gap:.5rem}
.gap-8px{gap:8px}
.gap-9rem{gap:.9rem}
.h-100{height:100%}
.h-12px{height:12px}
.h-200px{height:200px}
.h-46px{height:46px}
.h-8px{height:8px}
.jc-center{justify-content:center}
.jc-flex-end{justify-content:flex-end}
.lh-11{line-height:1.1}
.ls-04em{letter-spacing:.04em}
.ls-1px{letter-spacing:1px}
.ls-2px{letter-spacing:2px}
.m-0{margin:0}
.m-0-0-10px{margin:0 0 10px}
.m-0-auto{margin:0 auto}
.m-14px-0{margin:14px 0}
.m-18px-0{margin:18px 0}
.m-20px-0{margin:20px 0}
.m-2rem-0-1rem{margin:.2rem 0 1rem}
.m-5rem-0-0{margin:.5rem 0 0}
.m-6px-0-16px{margin:-6px 0 16px}
.mb-10px{margin-bottom:10px}
.mb-14px{margin-bottom:14px}
.mb-16px{margin-bottom:16px}
.mb-18px{margin-bottom:18px}
.mb-20px{margin-bottom:20px}
.mb-22px{margin-bottom:22px}
.mb-6px{margin-bottom:6px}
.mb-8px{margin-bottom:8px}
.mh-none{max-height:none}
.minw-0{min-width:0}
.ml-8px{margin-left:8px}
.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}
.mt-0{margin-top:0}
.mt-10px{margin-top:10px}
.mt-12px{margin-top:12px}
.mt-14px{margin-top:14px}
.mt-16px{margin-top:16px}
.mt-18px{margin-top:18px}
.mt-20px{margin-top:20px}
.mt-2px{margin-top:2px}
.mt-3px{margin-top:3px}
.mt-4px{margin-top:4px}
.mt-6px{margin-top:6px}
.mt-6rem{margin-top:.6rem}
.mt-8px{margin-top:8px}
.mw-240px{max-width:240px}
.mw-280px{max-width:280px}
.mw-360px{max-width:360px}
.mw-420px{max-width:420px}
.mw-520px{max-width:520px}
.mw-620px{max-width:620px}
.mw-640px{max-width:640px}
.mw-680px{max-width:680px}
.ov-hidden{overflow:hidden}
.p-10px-12px{padding:10px 12px}
.p-10px-14px{padding:10px 14px}
.p-14px-16px{padding:14px 16px}
.p-14px-18px{padding:14px 18px}
.p-22px{padding:22px}
.p-24px{padding:24px}
.p-6px-0{padding:6px 0}
.ta-center{text-align:center}
.ta-left{text-align:left}
.ta-right{text-align:right}
.td-none{text-decoration:none}
.to-ellipsis{text-overflow:ellipsis}
.trans-width-5s-ease{transition:width .5s ease}
.tt-uppercase{text-transform:uppercase}
.us-all{user-select:all}
.w-0{width:0}
.w-100{width:100%}
.w-200px{width:200px}
.w-46px{width:46px}
.w-88px{width:88px}
.w-96px{width:96px}
.w-auto{width:auto}
.ws-nowrap{white-space:nowrap}
.ws-normal{white-space:normal}
.bx-border{box-sizing:border-box}
.my-4px{margin:4px 0}

/* Component-restanten uit voorheen-inline styles (fase 2) */
.btn-back{white-space:nowrap;align-self:center;font:600 13px var(--ff);color:var(--brand,#4f8c16);text-decoration:none;border:1px solid var(--line);border-radius:9px;padding:8px 12px}
.login-err.is-ok{background:var(--greenSoft,#eaf5e0);color:#3f6f12}