/*! Up-stijl v1.1.1 | stijl.css | https://www.upscailed.nl/up/v1/stijlgids */
/* Vast: letter, schaal, afstand, hoeken, maten, beweging. */
:root{--up-letter-tekst:"Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--up-letter-kop:"Plus Jakarta Sans", "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--up-letter-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--up-letter-wordmark:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--up-tekst-1:11px;--up-tekst-2:12px;--up-tekst-3:13px;--up-tekst-4:14px;--up-tekst-5:16px;--up-tekst-6:20px;--up-tekst-7:24px;--up-tekst-8:32px;--up-ruimte-1:4px;--up-ruimte-2:8px;--up-ruimte-3:12px;--up-ruimte-4:16px;--up-ruimte-5:20px;--up-ruimte-6:24px;--up-ruimte-7:32px;--up-ruimte-8:40px;--up-hoek-klein:6px;--up-hoek-kaart:10px;--up-hoek-paneel:14px;--up-hoek-pil:100px;--up-maat-balk:46px;--up-maat-zijbalk:240px;--up-maat-rij:42px;--up-maat-knop:34px;--up-maat-veld:34px;--up-maat-icoon:17px;--up-beweging-snel:150ms;--up-beweging-normaal:250ms;--up-curve:cubic-bezier(.16, 1, .3, 1)}
/* Licht is de norm. */
:root{--up-papier:#FAF8F4;--up-kaart:#FFFFFF;--up-warm:#FBF6F0;--up-sink:#F4EEE6;--up-lijn:#ECE5DC;--up-lijn-sterk:#DDD3C6;--up-inkt:#16181D;--up-inkt-2:#3A3F47;--up-inkt-3:#6B7178;--up-inkt-4:#AAB0B7;--up-coral:#E8452C;--up-coral-zacht:#FFEFEA;--up-coral-rand:#F9CFC6;--up-coral-inkt:#FFFFFF;--up-ok:#0C7A4E;--up-ok-zacht:#E3F1EA;--up-waarschuwing:#8A5A00;--up-waarschuwing-zacht:#FAF0DC;--up-fout:#B8321F;--up-fout-zacht:#FBE8E4;--up-info:#1C63C4;--up-info-zacht:#E4EDFA;--up-schaduw-kaart:0 1px 2px rgba(22,24,29,.05), 0 10px 24px -18px rgba(22,24,29,.35);--up-schaduw-zwevend:0 12px 32px -12px rgba(22,24,29,.35);color-scheme:light}
/* Donker: via de themaschakelaar van de app (data-thema, data-theme, .dark of .donker) of via het besturingssysteem. */
:root[data-thema="donker"],:root[data-theme="dark"],:root.dark,:root.donker,.dark,.donker,[data-thema="donker"],[data-theme="dark"]{--up-papier:#17161A;--up-kaart:#1E1C22;--up-warm:#1B1A1F;--up-sink:#26232B;--up-lijn:#2F2C35;--up-lijn-sterk:#3B3742;--up-inkt:#EDEAF2;--up-inkt-2:#C3BFCB;--up-inkt-3:#8E8A98;--up-inkt-4:#625E6B;--up-coral:#FF7458;--up-coral-zacht:#3A1E18;--up-coral-rand:#5A2E24;--up-coral-inkt:#2A100A;--up-ok:#54C494;--up-ok-zacht:#122F23;--up-waarschuwing:#DDA64A;--up-waarschuwing-zacht:#312512;--up-fout:#FF7A6A;--up-fout-zacht:#3A1B17;--up-info:#7FAEF5;--up-info-zacht:#152539;--up-schaduw-kaart:0 1px 2px rgba(0,0,0,.4), 0 10px 24px -18px rgba(0,0,0,.8);--up-schaduw-zwevend:0 16px 40px -12px rgba(0,0,0,.7);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht){--up-papier:#17161A;--up-kaart:#1E1C22;--up-warm:#1B1A1F;--up-sink:#26232B;--up-lijn:#2F2C35;--up-lijn-sterk:#3B3742;--up-inkt:#EDEAF2;--up-inkt-2:#C3BFCB;--up-inkt-3:#8E8A98;--up-inkt-4:#625E6B;--up-coral:#FF7458;--up-coral-zacht:#3A1E18;--up-coral-rand:#5A2E24;--up-coral-inkt:#2A100A;--up-ok:#54C494;--up-ok-zacht:#122F23;--up-waarschuwing:#DDA64A;--up-waarschuwing-zacht:#312512;--up-fout:#FF7A6A;--up-fout-zacht:#3A1B17;--up-info:#7FAEF5;--up-info-zacht:#152539;--up-schaduw-kaart:0 1px 2px rgba(0,0,0,.4), 0 10px 24px -18px rgba(0,0,0,.8);--up-schaduw-zwevend:0 16px 40px -12px rgba(0,0,0,.7);color-scheme:dark}}
/* Coral is van UpScailed zelf: het accent van de website en de Console. Zonder data-up-app geldt coral. */
:root{--up-accent:#E8452C;--up-accent-tekst:#D64830;--up-accent-zacht:#FFEFEA;--up-accent-rand:#F9CFC6;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"],:root[data-theme="dark"],:root.dark,:root.donker,.dark,.donker,[data-thema="donker"],[data-theme="dark"]{--up-accent:#FF7458;--up-accent-tekst:#FF9078;--up-accent-zacht:#3A1E18;--up-accent-rand:#5A2E24;--up-accent-inkt:#2A100A}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht){--up-accent:#FF7458;--up-accent-tekst:#FF9078;--up-accent-zacht:#3A1E18;--up-accent-rand:#5A2E24;--up-accent-inkt:#2A100A}}
/* Per app één accent: zet data-up-app="sales" op <html> of op de app-wrapper. */
[data-up-app="sales"]{--up-accent:#0C8142;--up-accent-tekst:#066331;--up-accent-zacht:#E3F6E7;--up-accent-rand:#B5DDBE;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="sales"],:root[data-thema="donker"][data-up-app="sales"],:root[data-theme="dark"] [data-up-app="sales"],:root[data-theme="dark"][data-up-app="sales"],:root.dark [data-up-app="sales"],:root.dark[data-up-app="sales"],:root.donker [data-up-app="sales"],:root.donker[data-up-app="sales"],.dark [data-up-app="sales"],.dark[data-up-app="sales"],.donker [data-up-app="sales"],.donker[data-up-app="sales"],[data-thema="donker"] [data-up-app="sales"],[data-thema="donker"][data-up-app="sales"],[data-theme="dark"] [data-up-app="sales"],[data-theme="dark"][data-up-app="sales"]{--up-accent:#65C281;--up-accent-tekst:#79CD91;--up-accent-zacht:#1B3422;--up-accent-rand:#275235;--up-accent-inkt:#00220B}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="sales"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="sales"]{--up-accent:#65C281;--up-accent-tekst:#79CD91;--up-accent-zacht:#1B3422;--up-accent-rand:#275235;--up-accent-inkt:#00220B}}
[data-up-app="actions"]{--up-accent:#058282;--up-accent-tekst:#046565;--up-accent-zacht:#DCF6F6;--up-accent-rand:#A3DEDD;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="actions"],:root[data-thema="donker"][data-up-app="actions"],:root[data-theme="dark"] [data-up-app="actions"],:root[data-theme="dark"][data-up-app="actions"],:root.dark [data-up-app="actions"],:root.dark[data-up-app="actions"],:root.donker [data-up-app="actions"],:root.donker[data-up-app="actions"],.dark [data-up-app="actions"],.dark[data-up-app="actions"],.donker [data-up-app="actions"],.donker[data-up-app="actions"],[data-thema="donker"] [data-up-app="actions"],[data-thema="donker"][data-up-app="actions"],[data-theme="dark"] [data-up-app="actions"],[data-theme="dark"][data-up-app="actions"]{--up-accent:#02C3C3;--up-accent-tekst:#3BCFCF;--up-accent-zacht:#0A3535;--up-accent-rand:#015353;--up-accent-inkt:#002020}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="actions"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="actions"]{--up-accent:#02C3C3;--up-accent-tekst:#3BCFCF;--up-accent-zacht:#0A3535;--up-accent-rand:#015353;--up-accent-inkt:#002020}}
[data-up-app="mail"]{--up-accent:#A16803;--up-accent-tekst:#7E5104;--up-accent-zacht:#FCEEDC;--up-accent-rand:#EACBA6;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="mail"],:root[data-thema="donker"][data-up-app="mail"],:root[data-theme="dark"] [data-up-app="mail"],:root[data-theme="dark"][data-up-app="mail"],:root.dark [data-up-app="mail"],:root.dark[data-up-app="mail"],:root.donker [data-up-app="mail"],:root.donker[data-up-app="mail"],.dark [data-up-app="mail"],.dark[data-up-app="mail"],.donker [data-up-app="mail"],.donker[data-up-app="mail"],[data-thema="donker"] [data-up-app="mail"],[data-thema="donker"][data-up-app="mail"],[data-theme="dark"] [data-up-app="mail"],[data-theme="dark"][data-up-app="mail"]{--up-accent:#DD9C42;--up-accent-tekst:#E7AA5B;--up-accent-zacht:#3C2A13;--up-accent-rand:#5F4117;--up-accent-inkt:#291600}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="mail"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="mail"]{--up-accent:#DD9C42;--up-accent-tekst:#E7AA5B;--up-accent-zacht:#3C2A13;--up-accent-rand:#5F4117;--up-accent-inkt:#291600}}
[data-up-app="hq"]{--up-accent:#7E2E39;--up-accent-tekst:#681A27;--up-accent-zacht:#FFEBEB;--up-accent-rand:#F6C2C4;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="hq"],:root[data-thema="donker"][data-up-app="hq"],:root[data-theme="dark"] [data-up-app="hq"],:root[data-theme="dark"][data-up-app="hq"],:root.dark [data-up-app="hq"],:root.dark[data-up-app="hq"],:root.donker [data-up-app="hq"],:root.donker[data-up-app="hq"],.dark [data-up-app="hq"],.dark[data-up-app="hq"],.donker [data-up-app="hq"],.donker[data-up-app="hq"],[data-thema="donker"] [data-up-app="hq"],[data-thema="donker"][data-up-app="hq"],[data-theme="dark"] [data-up-app="hq"],[data-theme="dark"][data-up-app="hq"]{--up-accent:#CB8A8E;--up-accent-tekst:#D3999D;--up-accent-zacht:#422426;--up-accent-rand:#68373B;--up-accent-inkt:#310C11}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="hq"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="hq"]{--up-accent:#CB8A8E;--up-accent-tekst:#D3999D;--up-accent-zacht:#422426;--up-accent-rand:#68373B;--up-accent-inkt:#310C11}}
[data-up-app="habits"]{--up-accent:#009867;--up-accent-tekst:#087952;--up-accent-zacht:#E0F6EA;--up-accent-rand:#AFDEC5;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="habits"],:root[data-thema="donker"][data-up-app="habits"],:root[data-theme="dark"] [data-up-app="habits"],:root[data-theme="dark"][data-up-app="habits"],:root.dark [data-up-app="habits"],:root.dark[data-up-app="habits"],:root.donker [data-up-app="habits"],:root.donker[data-up-app="habits"],.dark [data-up-app="habits"],.dark[data-up-app="habits"],.donker [data-up-app="habits"],.donker[data-up-app="habits"],[data-thema="donker"] [data-up-app="habits"],[data-thema="donker"][data-up-app="habits"],[data-theme="dark"] [data-up-app="habits"],[data-theme="dark"][data-up-app="habits"]{--up-accent:#4EC491;--up-accent-tekst:#67CFA0;--up-accent-zacht:#163527;--up-accent-rand:#1D533C;--up-accent-inkt:#002113}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="habits"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="habits"]{--up-accent:#4EC491;--up-accent-tekst:#67CFA0;--up-accent-zacht:#163527;--up-accent-rand:#1D533C;--up-accent-inkt:#002113}}
[data-up-app="academy"]{--up-accent:#0C73C3;--up-accent-tekst:#00589B;--up-accent-zacht:#E6F2FF;--up-accent-rand:#B4D5F8;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="academy"],:root[data-thema="donker"][data-up-app="academy"],:root[data-theme="dark"] [data-up-app="academy"],:root[data-theme="dark"][data-up-app="academy"],:root.dark [data-up-app="academy"],:root.dark[data-up-app="academy"],:root.donker [data-up-app="academy"],:root.donker[data-up-app="academy"],.dark [data-up-app="academy"],.dark[data-up-app="academy"],.donker [data-up-app="academy"],.donker[data-up-app="academy"],[data-thema="donker"] [data-up-app="academy"],[data-thema="donker"][data-up-app="academy"],[data-theme="dark"] [data-up-app="academy"],[data-theme="dark"][data-up-app="academy"]{--up-accent:#67B0F9;--up-accent-tekst:#7EBDFD;--up-accent-zacht:#1C2F44;--up-accent-rand:#284A6C;--up-accent-inkt:#011B35}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="academy"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="academy"]{--up-accent:#67B0F9;--up-accent-tekst:#7EBDFD;--up-accent-zacht:#1C2F44;--up-accent-rand:#284A6C;--up-accent-inkt:#011B35}}
[data-up-app="insight"]{--up-accent:#8360BB;--up-accent-tekst:#69459E;--up-accent-zacht:#F2EDFF;--up-accent-rand:#D7C9F3;--up-accent-inkt:#FFFFFF}
:root[data-thema="donker"] [data-up-app="insight"],:root[data-thema="donker"][data-up-app="insight"],:root[data-theme="dark"] [data-up-app="insight"],:root[data-theme="dark"][data-up-app="insight"],:root.dark [data-up-app="insight"],:root.dark[data-up-app="insight"],:root.donker [data-up-app="insight"],:root.donker[data-up-app="insight"],.dark [data-up-app="insight"],.dark[data-up-app="insight"],.donker [data-up-app="insight"],.donker[data-up-app="insight"],[data-thema="donker"] [data-up-app="insight"],[data-thema="donker"][data-up-app="insight"],[data-theme="dark"] [data-up-app="insight"],[data-theme="dark"][data-up-app="insight"]{--up-accent:#B897F0;--up-accent-tekst:#C3A5F9;--up-accent-zacht:#312941;--up-accent-rand:#4E3F68;--up-accent-inkt:#1F1332}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) [data-up-app="insight"],:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht)[data-up-app="insight"]{--up-accent:#B897F0;--up-accent-tekst:#C3A5F9;--up-accent-zacht:#312941;--up-accent-rand:#4E3F68;--up-accent-inkt:#1F1332}}
/* De Lijn: de balk is in de hele familie donker. */
up-balk{display:block;height:46px;--upb-blad:#151920;--upb-lijn-balk:#28303A;--upb-lijn:#28303A;--upb-inkt:#E8ECF1;--upb-inkt-2:#B6C0CC;--upb-inkt-3:#8590A0;--upb-inkt-4:#6E7889;--upb-hover:#1C222B;--upb-hover-sterk:#252B34;--upb-coral:#FF7458;--upb-coral-zacht:#3A1E18;--upb-coral-rand:#5A2E24;--upb-coral-donker:#FF9078;--upb-slot-slash:#6A5A55;--upb-knop-inkt:#2A100A;--upb-knop-hover:#FF9078;--upb-schaduw:0 4px 8px rgba(0,0,0,.4),0 24px 48px -24px rgba(0,0,0,.9)}
@media print{up-balk{display:none}}
/* Het accountblok volgt het thema van de app. */
up-account{display:block;--upa-blad:#FFFFFF;--upa-lijn:#ECE5DC;--upa-lijn-zacht:#F4EEE6;--upa-inkt:#16181D;--upa-inkt-2:#3A3F47;--upa-inkt-3:#6B7178;--upa-hover:#F4EEE6;--upa-coral:#E8452C;--upa-coral-zacht:#FFEFEA;--upa-coral-donker:#D64830;--upa-nu-vlak:#E8452C;--upa-nu-inkt:#FFFFFF;--upa-groen:#0C7A4E;--upa-groen-zacht:#E3F1EA;--upa-schaduw:0 1px 2px rgba(22,24,29,.05), 0 10px 24px -18px rgba(22,24,29,.35)}
:root[data-thema="donker"] up-account,:root[data-theme="dark"] up-account,:root.dark up-account,:root.donker up-account,.dark up-account,.donker up-account,[data-thema="donker"] up-account,[data-theme="dark"] up-account{--upa-blad:#1E1C22;--upa-lijn:#2F2C35;--upa-lijn-zacht:#26232B;--upa-inkt:#EDEAF2;--upa-inkt-2:#C3BFCB;--upa-inkt-3:#8E8A98;--upa-hover:#26232B;--upa-coral:#FF7458;--upa-coral-zacht:#3A1E18;--upa-coral-donker:#FF9078;--upa-nu-vlak:#FF7458;--upa-nu-inkt:#2A100A;--upa-groen:#54C494;--upa-groen-zacht:#122F23;--upa-schaduw:0 1px 2px rgba(0,0,0,.4), 0 10px 24px -18px rgba(0,0,0,.8)}
@media (prefers-color-scheme:dark){:root:not([data-thema="licht"]):not([data-theme="light"]):not(.light):not(.licht) up-account{--upa-blad:#1E1C22;--upa-lijn:#2F2C35;--upa-lijn-zacht:#26232B;--upa-inkt:#EDEAF2;--upa-inkt-2:#C3BFCB;--upa-inkt-3:#8E8A98;--upa-hover:#26232B;--upa-coral:#FF7458;--upa-coral-zacht:#3A1E18;--upa-coral-donker:#FF9078;--upa-nu-vlak:#FF7458;--upa-nu-inkt:#2A100A;--upa-groen:#54C494;--upa-groen-zacht:#122F23;--upa-schaduw:0 1px 2px rgba(0,0,0,.4), 0 10px 24px -18px rgba(0,0,0,.8)}}
/* Basis: elke app zet dit op body. */
.up-basis{background:var(--up-papier);color:var(--up-inkt);font-family:var(--up-letter-tekst);font-size:var(--up-tekst-4);line-height:1.45;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}
.up-basis :focus-visible{outline:2px solid var(--up-accent);outline-offset:2px}
.up-basis ::selection{background:var(--up-accent-zacht);color:var(--up-inkt)}
@media (prefers-reduced-motion:reduce){.up-basis *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Onderdelen (Up-stijl v1.1): knoppen, velden, tabel, kaart, pil, lade, dialoog, toast, lege staat. */
.up-knop{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--up-maat-knop);padding:0 13px;border-radius:var(--up-hoek-kaart);border:1px solid var(--up-lijn);background:var(--up-kaart);color:var(--up-inkt-2);font:inherit;font-size:var(--up-tekst-3);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--up-beweging-snel) var(--up-curve),border-color var(--up-beweging-snel) var(--up-curve),color var(--up-beweging-snel) var(--up-curve)}
.up-knop:hover{background:var(--up-sink);color:var(--up-inkt)}
.up-knop:disabled,.up-knop[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.up-knop svg{width:15px;height:15px;flex:none}
.up-knop-pri{background:var(--up-accent);border-color:transparent;color:var(--up-accent-inkt);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.up-knop-pri:hover{background:var(--up-accent-tekst);color:var(--up-accent-inkt)}
.up-knop-tekst{background:transparent;border-color:transparent;color:var(--up-accent-tekst)}
.up-knop-tekst:hover{background:var(--up-accent-zacht);color:var(--up-accent-tekst)}
.up-knop-gevaar{background:var(--up-fout);border-color:transparent;color:#fff}
.up-knop-klein{height:28px;padding:0 10px;font-size:var(--up-tekst-2)}
.up-knop-icoon{width:var(--up-maat-knop);padding:0}
.up-veld{display:block;width:100%;height:var(--up-maat-veld);padding:0 10px;border-radius:var(--up-hoek-klein);border:1px solid var(--up-lijn);background:var(--up-kaart);color:var(--up-inkt);font:inherit;font-size:var(--up-tekst-3);line-height:1.3;outline:none;transition:border-color var(--up-beweging-snel) var(--up-curve),box-shadow var(--up-beweging-snel) var(--up-curve)}
.up-veld::placeholder{color:var(--up-inkt-4)}
.up-veld:focus{border-color:var(--up-accent);box-shadow:0 0 0 3px var(--up-accent-zacht)}
.up-veld:disabled{background:var(--up-sink);color:var(--up-inkt-3);cursor:not-allowed}
textarea.up-veld{height:auto;min-height:88px;padding:8px 10px;line-height:1.45;resize:vertical}
select.up-veld{padding-right:30px;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center;background-size:14px}
.up-etiket{display:block;margin-bottom:6px;font-size:var(--up-tekst-2);font-weight:600;color:var(--up-inkt-2)}
.up-hint{display:block;margin-top:6px;font-size:var(--up-tekst-2);color:var(--up-inkt-3)}
.up-kaart{background:var(--up-kaart);border:1px solid var(--up-lijn);border-radius:var(--up-hoek-paneel);box-shadow:var(--up-schaduw-kaart)}
.up-kaart-vlak{border-radius:var(--up-hoek-kaart);box-shadow:none}
.up-tabel{width:100%;border-collapse:collapse;font-size:var(--up-tekst-3)}
.up-tabel th{height:36px;padding:0 14px;text-align:left;font-family:var(--up-letter-mono);font-size:10.5px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--up-inkt-3);background:var(--up-warm);border-bottom:1px solid var(--up-lijn);white-space:nowrap}
.up-tabel td{height:var(--up-maat-rij);padding:0 14px;border-bottom:1px solid var(--up-lijn);color:var(--up-inkt-2);vertical-align:middle}
.up-tabel tr:last-child td{border-bottom:none}
.up-tabel tbody tr:hover td{background:var(--up-warm)}
.up-tabel tr.is-actief td,.up-tabel tr[aria-selected=true] td{background:var(--up-accent-zacht)}
.up-tabel td.is-naam,.up-tabel .is-naam{color:var(--up-inkt);font-weight:600}
.up-tabel .is-mono{font-family:var(--up-letter-mono);font-size:var(--up-tekst-2);color:var(--up-inkt-3);font-variant-numeric:tabular-nums}
.up-pil{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--up-hoek-pil);font-size:var(--up-tekst-2);font-weight:600;line-height:1;white-space:nowrap;background:var(--up-sink);color:var(--up-inkt-3)}
.up-pil::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.up-pil-zonder::before{display:none}
.up-pil-ok{background:var(--up-ok-zacht);color:var(--up-ok)}
.up-pil-waarschuwing{background:var(--up-waarschuwing-zacht);color:var(--up-waarschuwing)}
.up-pil-fout{background:var(--up-fout-zacht);color:var(--up-fout)}
.up-pil-info{background:var(--up-info-zacht);color:var(--up-info)}
.up-pil-accent{background:var(--up-accent-zacht);color:var(--up-accent-tekst)}
.up-lade{position:fixed;top:var(--up-maat-balk);right:0;bottom:0;width:min(100%,336px);display:flex;flex-direction:column;background:var(--up-kaart);border-left:1px solid var(--up-lijn);box-shadow:var(--up-schaduw-zwevend);z-index:60}
.up-lade-kop{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--up-lijn)}
.up-lade-kop h2,.up-lade-kop h3{margin:0;font-family:var(--up-letter-kop);font-size:var(--up-tekst-5);font-weight:700;letter-spacing:-.015em}
.up-lade-romp{flex:1;min-height:0;overflow:auto;padding:16px}
.up-sluier{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:70}
.up-dialoog{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px}
.up-dialoog-vlak{width:min(100%,520px);max-height:90vh;display:flex;flex-direction:column;background:var(--up-kaart);border:1px solid var(--up-lijn);border-radius:var(--up-hoek-paneel);box-shadow:var(--up-schaduw-zwevend)}
.up-dialoog-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--up-lijn)}
.up-dialoog-kop h2,.up-dialoog-kop h3{margin:0;font-family:var(--up-letter-kop);font-size:var(--up-tekst-5);font-weight:700;letter-spacing:-.015em}
.up-dialoog-romp{padding:20px;overflow:auto}
.up-dialoog-voet{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--up-lijn)}
.up-toast{position:fixed;right:20px;bottom:18px;z-index:90;display:inline-flex;align-items:center;gap:9px;padding:10px 12px;border-radius:var(--up-hoek-kaart);background:var(--up-inkt);color:var(--up-papier);font-size:var(--up-tekst-2);font-weight:500;box-shadow:var(--up-schaduw-zwevend)}
.up-toast-bol{width:16px;height:16px;border-radius:50%;background:var(--up-ok);flex:none}
.up-toast-fout .up-toast-bol{background:var(--up-fout)}
.up-leeg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;text-align:center;color:var(--up-inkt-3)}
.up-leeg h3{margin:0;font-family:var(--up-letter-kop);font-size:var(--up-tekst-5);font-weight:700;color:var(--up-inkt)}
.up-leeg p{margin:0;max-width:40ch;font-size:var(--up-tekst-3)}
.up-leeg .up-knop{margin-top:8px}
/* Invoervelden onder .up-basis: overal dezelfde hoogte, hoeken, rand en focusring, zonder dat een app zijn klassen hoeft te wisselen. Met :where() blijft de specificiteit laag (0,1,0), zodat een eigen regel van de app (bijvoorbeeld een kaal veld in een samengesteld blok) gewoon wint. */
.up-basis :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image])),.up-basis :where(select),.up-basis :where(textarea){border-radius:var(--up-hoek-klein);border:1px solid var(--up-lijn);background:var(--up-kaart);color:var(--up-inkt);font-family:inherit;font-size:var(--up-tekst-3);outline:none;transition:border-color var(--up-beweging-snel) var(--up-curve),box-shadow var(--up-beweging-snel) var(--up-curve)}
.up-basis :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image])),.up-basis :where(select){height:var(--up-maat-veld);padding:0 10px}
.up-basis :where(textarea){padding:8px 10px}
.up-basis :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image]))::placeholder,.up-basis :where(textarea)::placeholder{color:var(--up-inkt-4)}
.up-basis :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image])):focus,.up-basis :where(select):focus,.up-basis :where(textarea):focus{border-color:var(--up-accent);box-shadow:0 0 0 3px var(--up-accent-zacht)}
.up-basis :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=button]):not([type=image])):disabled,.up-basis :where(select):disabled,.up-basis :where(textarea):disabled{background:var(--up-sink);color:var(--up-inkt-3)}
.up-basis :where(input[type=checkbox],input[type=radio]){accent-color:var(--up-accent)}