@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2) format("woff2-variations");unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2) format("woff2-variations");unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand:#1e3a8a;--brand-dark:color-mix(in srgb,var(--brand) 72%,#000);--brand-light:color-mix(in srgb,var(--brand) 82%,#fff);--brand-diep:color-mix(in srgb,var(--brand) 80%,#000);--brand-licht:color-mix(in srgb,var(--brand) 10%,#fff);--brand-zacht:color-mix(in srgb,var(--brand) 22%,#fff);--band:linear-gradient(160deg,color-mix(in srgb,var(--brand) 82%,#fff) 0%,var(--brand) 45%,color-mix(in srgb,var(--brand) 78%,#000) 100%);--band-ink:#ffffff;--band-ink-2:rgba(255,255,255,.78);--band-vlak:rgba(255,255,255,.16);--band-vlak-aan:rgba(255,255,255,.22);--band-rand:rgba(255,255,255,.28);--band-knop-bg:#ffffff;--band-knop-ink:var(--brand);--accent:var(--brand);--bg:#f1f3f7;--card:#ffffff;--line:#e5e8ee;--txt:#171a21;--muted:#4e5563;--muted-2:#8b919e;--neu:#eceff4;--ok:#1a8a52;--ok-bg:#e3f5ea;--warn:#c2620b;--warn-bg:#fdf0df;--danger:#c0301f;--danger-bg:#fbe7e4;--radius:20px;--radius-2:12px;--shadow:0 1px 2px rgba(16,24,40,.04);--shadow-lg:0 24px 60px -24px rgba(20,24,40,.45);--kop:"Onest Variable","Segoe UI",Helvetica,Arial,sans-serif;--sans:"Onest Variable","Segoe UI",Helvetica,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--txt);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3{margin:0;font-family:var(--kop);font-weight:600;letter-spacing:-.01em;text-wrap:balance}.hidden,[hidden]{display:none!important}.muted{color:var(--muted)}.mini{font-size:12.5px;color:var(--muted-2);font-weight:500}.center{text-align:center}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:4px}.num{font-variant-numeric:tabular-nums}.right{text-align:right}.nowrap{white-space:nowrap}code{font-family:Consolas,Cascadia Mono,monospace;font-size:.92em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:20px;font-weight:700;font-size:14px;background:var(--brand);color:#fff;white-space:nowrap;border:1px solid transparent}.btn:hover{background:var(--brand-diep)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{width:100%}.btn.sm{height:32px;padding:0 13px;font-size:13px}.btn.sec{background:var(--brand-licht);color:var(--brand)}.btn.sec:hover{background:var(--brand-zacht)}.btn.ghost{background:var(--card);color:var(--txt);border-color:var(--line)}.btn.ghost:hover{background:var(--bg)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover{background:#9f2618}.btn.wit{background:var(--band-knop-bg);color:var(--band-knop-ink)}.btn.wit:hover{background:var(--band-knop-bg);filter:brightness(.95)}.rond{width:40px;height:40px;border-radius:50%;display:inline-grid;place-items:center;color:var(--muted);background:var(--neu);flex:none}.rond:hover{background:var(--line)}.rond.prim{background:var(--brand);color:#fff}.rond.prim:hover{background:var(--brand-diep)}.rond:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:6px;font-size:13px}.inp{width:100%;height:42px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius-2);font-size:14.5px;background:var(--card);outline:none;color:var(--txt)}textarea.inp{height:auto;padding:11px 14px;resize:vertical}select.inp{padding-right:32px}.inp:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-licht)}.inp:disabled{background:var(--bg);color:var(--muted)}.remember{display:flex;align-items:center;gap:8px;margin:6px 0 16px;color:var(--muted);font-size:13.5px;font-weight:600}.remember input,.vink input{accent-color:var(--brand);width:16px;height:16px;margin:0}.vink{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13.5px;color:var(--muted);white-space:nowrap}.zoek{display:flex;align-items:center;gap:9px;height:40px;border-radius:20px;padding:0 14px;background:var(--bg);color:var(--muted-2);min-width:220px;flex:1}.zoek input{border:0;background:transparent;flex:1;outline:0;color:var(--txt);font-weight:500;min-width:0;font-size:14px}.zoek input::placeholder{color:var(--muted-2)}.zoek.op-band{background:var(--band-vlak);border:1px solid var(--band-rand);color:var(--band-ink)}.zoek.op-band input{color:var(--band-ink)}.zoek.op-band input::placeholder{color:var(--band-ink-2)}.note{margin-top:14px;padding:12px 14px;background:var(--bg);border-radius:14px;font-size:13.5px;color:var(--muted);font-weight:500;display:flex;gap:10px;align-items:flex-start;line-height:1.5}.note>svg{flex:none;margin-top:2px;color:var(--brand)}.note.amber{background:var(--warn-bg);color:#7a3e05}.note.red{background:var(--danger-bg);color:#8d2317}.note.grijs{background:var(--bg);color:var(--muted)}.login{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.login .band{padding-bottom:120px}.login .bandtop{justify-content:center}.login-kop{max-width:560px;margin:0 auto;padding:6px 20px 0;text-align:center}.login-kop h1{font-size:32px;line-height:1.1;color:var(--band-ink)}.login-kop p{color:var(--band-ink-2);font-weight:500;max-width:46ch;margin:10px auto 0;font-size:15px}.login-card{background:var(--card);width:calc(100% - 32px);max-width:430px;margin:-80px auto 0;border-radius:var(--radius);padding:30px 32px 28px;box-shadow:var(--shadow-lg);border:1px solid var(--line);position:relative}.login-card h2{font-size:22px;margin-bottom:6px}.login-logo{display:none}.login-sub{color:var(--muted);margin:0 0 20px;font-weight:500}.login-voet{text-align:center;font-size:12.5px;color:var(--muted-2);margin:26px 16px 40px;font-weight:500}.twofa-digits{display:flex;gap:8px;justify-content:space-between;margin:8px 0 4px}.twofa-digits input{width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;border:1.5px solid var(--line);border-radius:12px;background:var(--card);outline:none}.qr{display:block;margin:10px auto;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff}.codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:Consolas,monospace;font-size:13px;background:var(--bg);border-radius:12px;padding:12px;margin:10px 0}.schil{min-height:100vh;display:flex;flex-direction:column}.band{background:var(--band);color:var(--band-ink);position:relative}.band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 300px at 85% -20%,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.band>*{position:relative;z-index:1}.band>.bandtop{z-index:3}.bandtop{display:flex;align-items:center;gap:22px;height:68px;padding:0 36px;max-width:1360px;margin:0 auto;width:100%}.merk{font-family:var(--kop);font-weight:700;font-size:21px;letter-spacing:-.02em;display:flex;align-items:center;gap:10px;color:var(--band-ink);min-width:0;flex:none}.merk .logo{width:36px;height:36px;border-radius:10px;background:#fff;color:var(--brand);display:grid;place-items:center;font-size:18px;flex:none;overflow:hidden}.merk .logo img{max-width:30px;max-height:30px;object-fit:contain}.merk .logo.breed{width:auto;padding:0 8px}.merk .logo.breed img{max-width:120px;max-height:28px}.merk .naam{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoofdnav{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:4px 0}.hoofdnav::-webkit-scrollbar{display:none}.hoofdnav button{height:38px;padding:0 15px;border-radius:19px;color:var(--band-ink-2);font-weight:700;font-size:14px;white-space:nowrap;flex:none;position:relative}.hoofdnav .stip{position:absolute;top:5px;right:7px;width:9px;height:9px;border-radius:50%;background:#ffbf47;box-shadow:0 0 0 2px #0000002e}.hoofdnav button:hover{background:var(--band-vlak);color:var(--band-ink)}.hoofdnav button.aan{background:var(--band-vlak-aan);color:var(--band-ink)}.bandtop .rechts{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}.top-ic{width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;color:var(--band-ink-2);flex:none}.taalkeuze{position:relative;flex:none}.taalknop{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 11px;border-radius:19px;color:var(--band-ink-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;background:transparent;border:1px solid transparent;white-space:nowrap}.taalknop:hover,.taalkeuze.open .taalknop{background:var(--band-vlak);color:var(--band-ink)}.taalpijl{transition:transform .15s}.taalkeuze.open .taalpijl{transform:rotate(180deg)}.taalmenu{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;min-width:184px;background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:var(--radius-2);box-shadow:var(--shadow-lg);z-index:70}.taalmenu li button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:var(--txt);font:inherit;font-size:14px;font-weight:500;text-align:left;cursor:pointer;white-space:nowrap}.taalmenu li button:hover{background:var(--bg)}.taalmenu li button.aan{font-weight:700}.taalmenu li button svg{color:var(--muted);flex:none}@media(max-width:520px){.taalkeuze.compact .taalnaam{display:none}.taalknop{padding:0 10px}}.login-taal{margin-left:auto;position:absolute;right:16px;top:14px}.login .bandtop{position:relative}.top-ic:hover{background:var(--band-vlak);color:var(--band-ink)}.wie{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;border-radius:24px;background:var(--band-vlak);margin-left:6px;min-width:0}.wie .avatar{width:32px;height:32px;border-radius:50%;background:var(--band-knop-bg);color:var(--band-knop-ink);display:grid;place-items:center;font-weight:700;font-size:12.5px;flex:none}.wie .naam{font-size:13px;font-weight:700;line-height:1.15;color:var(--band-ink);min-width:0}.wie .naam span{display:block;font-weight:500;font-size:11.5px;color:var(--band-ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.bandinhoud{max-width:1360px;margin:0 auto;padding:18px 36px 0;width:100%}.bandinhoud.hoog{padding-top:30px;padding-bottom:84px}.bandinhoud.laag{padding-bottom:22px;display:flex;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}.bandinhoud h1{font-size:38px;line-height:1.05;color:var(--band-ink)}.bandinhoud.laag h1{font-size:28px}.bandinhoud .sub{color:var(--band-ink-2);margin:6px 0 0;font-size:15px;font-weight:500;max-width:70ch}.bandinhoud .titel{min-width:0}.bandinhoud .actie{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.statuspil{display:inline-flex;align-items:center;gap:9px;background:var(--band-vlak);border:1px solid var(--band-rand);border-radius:24px;padding:7px 14px 7px 10px;font-weight:700;font-size:13.5px;margin-top:20px;color:var(--band-ink);cursor:pointer;max-width:100%;text-align:left}.statuspil .dot{width:10px;height:10px;border-radius:50%;background:#5ee39a;box-shadow:0 0 0 4px #5ee39a40;flex:none}.statuspil.let .dot{background:#ffbf47;box-shadow:0 0 0 4px #ffbf4747}.statuspil .z{font-weight:500;color:var(--band-ink-2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statuspil .z:before{content:"·";margin:0 8px 0 2px}.segment{display:inline-flex;background:var(--band-vlak);border:1px solid var(--band-rand);border-radius:20px;padding:3px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segment::-webkit-scrollbar{display:none}.segment button{height:32px;padding:0 14px;border-radius:16px;color:var(--band-ink-2);font-weight:600;font-size:13.5px;white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:6px}.segment button:hover{color:var(--band-ink)}.segment button.aan{background:var(--band-knop-bg);color:var(--band-knop-ink)}.segment button .tel{font-size:11px;font-weight:700;background:var(--band-vlak-aan);border-radius:9px;padding:0 6px;line-height:18px}.segment button.aan .tel{background:var(--brand-licht)}.segment.donker{background:var(--neu);border-color:transparent}.segment.donker button{color:var(--muted)}.segment.donker button.aan{background:var(--card);color:var(--txt);box-shadow:0 1px 3px #0000001f}.schil.kop-smal .band{background:var(--brand)}.schil.kop-smal .band:after{display:none}.vloer.kop-smal{padding-top:0}.paginakop{padding:24px 0 18px;display:flex;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}.paginakop.hoog{padding-bottom:20px}.paginakop h1{font-size:30px;line-height:1.05;color:var(--txt)}.paginakop.hoog h1{font-size:34px}.paginakop .sub{color:var(--muted);margin:6px 0 0;font-size:15px;font-weight:500;max-width:70ch}.paginakop .titel{min-width:0}.paginakop .actie{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.paginakop .segment{background:var(--neu);border-color:transparent}.paginakop .segment button{color:var(--muted)}.paginakop .segment button.aan{background:var(--card);color:var(--txt);box-shadow:0 1px 3px #0000001f}.paginakop .segment button .tel{background:var(--brand-licht);color:var(--brand)}.paginakop .btn.wit{background:var(--brand);color:#fff}.paginakop .btn.wit:hover{background:var(--brand-diep);filter:none}.paginakop .statuspil{background:var(--card);border:1px solid var(--line);color:var(--txt);margin-top:14px}.paginakop .statuspil .z{color:var(--muted)}.paginakop .pill{vertical-align:middle}.vloer{max-width:1360px;margin:0 auto;padding:0 36px 80px;width:100%;flex:1;position:relative;z-index:2}.vloer.op{margin-top:-62px}.vloer.gewoon{padding-top:24px}.page-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.page-head h1{font-size:22px}.page-head p{margin:3px 0 0;color:var(--muted)}.smal{max-width:980px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.pad{padding:22px 24px}.card h3{margin:0 0 14px;font-size:17px;display:flex;align-items:center;gap:8px}.card-h{display:flex;align-items:center;gap:10px;padding:16px 24px;border-bottom:1px solid var(--line)}.card-h h3{margin:0;min-width:0}.card-h .mini{font-weight:500}.raster{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.raster.een{grid-template-columns:1fr}.kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.balk{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.tegel{background:var(--card);border-radius:var(--radius);padding:20px 22px;text-align:left;box-shadow:0 12px 32px -16px #14182859;display:flex;flex-direction:column;gap:12px;transition:transform .15s;border:1px solid var(--line);cursor:pointer;min-width:0}.tegel:hover{transform:translateY(-2px)}.tegel .ic{width:36px;height:36px;border-radius:11px;background:var(--brand-licht);color:var(--brand);display:grid;place-items:center}.tegel .n{font-family:var(--kop);font-size:40px;font-weight:700;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tegel .n small{font-size:16px;color:var(--muted-2);font-weight:600;margin-left:3px;letter-spacing:0}.tegel .l{font-weight:600;color:var(--muted);font-size:13.5px;margin-top:-6px}.tegel.let .ic{background:var(--warn-bg);color:var(--warn)}.tegel.paars .ic{background:#efe9fd;color:#6d38d6}@media(prefers-reduced-motion:reduce){.tegel{transition:none}.tegel:hover{transform:none}}.rij{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line);width:100%;text-align:left}.rij:first-of-type{border-top:0}.rij .t{flex:1;min-width:0}.rij .t b{font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rij .t span{color:var(--muted-2);font-size:12.5px;font-weight:500}.rij .nr{font-weight:600;color:var(--muted-2);font-size:12.5px;font-variant-numeric:tabular-nums;flex:none}button.rij{cursor:pointer}button.rij:hover{background:#fafbfd}.am-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.am-photo{width:64px;height:64px;border-radius:20px;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--kop);font-weight:700;font-size:22px;flex:none}.am-meta b{font-size:15px;display:block}.am-meta div{color:var(--muted);font-size:13.5px;font-weight:500}.am-meta a{color:var(--brand);font-weight:700}.omg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.omg div{background:var(--bg);border-radius:14px;padding:12px 14px;min-width:0}.omg .n{font-family:var(--kop);font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.omg .l{font-size:12.5px;color:var(--muted);font-weight:600}.meter{height:6px;border-radius:3px;background:var(--neu);margin-top:10px;overflow:hidden}.meter i{display:block;height:100%;background:var(--brand);border-radius:3px;transition:width .3s}.meter i.ok{background:var(--ok)}.meter i.warn{background:var(--warn)}.meter i.red{background:var(--danger)}table{width:100%;border-collapse:collapse;font-size:14px}thead th{text-align:left;color:var(--muted-2);font-weight:700;font-size:12px;padding:14px 12px 11px;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfd}.card table th:first-child,.card table td:first-child{padding-left:24px}.card table th:last-child,.card table td:last-child{padding-right:24px}.card.tabel{overflow-x:auto;overflow-y:hidden}.card.tabel>table{min-width:640px}.card.tabel thead th{position:sticky;top:0;background:var(--card);z-index:1}td.empty,.card .empty{padding:34px 24px}.chips{display:inline-flex;gap:6px;flex-wrap:wrap}.chip{padding:6px 13px;border-radius:20px;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}.chip:hover{background:var(--bg)}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.sectie-kop{display:flex;align-items:center;gap:10px;margin:22px 0 10px}.sectie-kop h2{margin:0;font-size:16px}.sectie-kop:first-child{margin-top:0}.bijlage-lijst{display:flex;flex-wrap:wrap;gap:8px}.bijlage{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:12.5px;font-weight:600;max-width:100%}.bijlage img{width:28px;height:28px;object-fit:cover;border-radius:6px}.bijlage .naam{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bijlage button{color:var(--muted);display:inline-flex;padding:2px}.bijlage button:hover{color:var(--danger)}.dropzone{border:2px dashed var(--line);border-radius:14px;padding:12px;text-align:center;color:var(--muted);font-size:12.5px;background:var(--bg);font-weight:500}.dropzone.actief{border-color:var(--brand);background:var(--brand-licht);color:var(--brand)}.tag{display:inline-block;padding:2px 8px;border-radius:8px;font-size:12px;font-weight:600;background:var(--neu);color:var(--muted);margin:1px 4px 1px 0;white-space:nowrap}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#11141c73;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;display:flex;flex-direction:column;max-height:92vh}.modal .card-h{flex:none}.modal .top-ic{color:var(--muted)}.modal .top-ic:hover{background:var(--neu);color:var(--txt)}.modal-body{padding:20px 24px;overflow-y:auto;min-height:0}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--line);flex:none}.pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:13px;font-size:12.5px;font-weight:700;background:var(--neu);color:var(--muted);white-space:nowrap;vertical-align:middle}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7;flex:none}.pill.green{background:var(--ok-bg);color:var(--ok)}.pill.orange{background:var(--warn-bg);color:var(--warn)}.pill.red{background:var(--danger-bg);color:var(--danger)}.pill.blue,.pill.sky{background:var(--brand-licht);color:var(--brand)}.pill.grey{background:var(--neu);color:var(--muted)}.pill.purple{background:#efe9fd;color:#6d38d6}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.empty{color:var(--muted);text-align:center;padding:34px;font-weight:500}.loading{color:var(--muted);text-align:center;padding:40px;font-weight:500}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--brand);display:inline-block;animation:tdblink 1.2s infinite}.typing-dots i:nth-child(2){animation-delay:.2s}.typing-dots i:nth-child(3){animation-delay:.4s}@keyframes tdblink{0%,60%,to{opacity:.3}30%{opacity:1}}@media(prefers-reduced-motion:reduce){.typing-dots i{animation:none;opacity:.6}}.tk{display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1.6fr);gap:16px;align-items:start}.tk-lijst .rij{cursor:pointer;padding:14px 20px}.tk-lijst .rij:hover{background:#fafbfd}.tk-lijst .rij.aan{background:var(--brand-licht)}.tk-lijst .rij.aan .t b{color:var(--brand)}.tk-vestiging{display:flex;align-items:center;gap:8px;padding:9px 20px;background:var(--bg);border-top:1px solid var(--line);font-size:13px;font-weight:700}.gesprek{display:flex;flex-direction:column;min-height:520px}.gesprek>header{padding:20px 24px 18px;border-bottom:1px solid var(--line)}.gesprek>header h2{font-size:21px;margin:4px 0 12px;overflow-wrap:anywhere}.meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.slas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.sla{background:var(--bg);border-radius:14px;padding:11px 14px;font-size:13px}.sla b{display:block;font-weight:700;margin-bottom:6px}.sla .meter{margin-top:8px}.berichten{padding:22px 24px;display:flex;flex-direction:column;gap:18px;flex:1}.omschrijving{background:var(--bg);border-radius:14px;padding:12px 16px}.omschrijving .wie2{font-size:12.5px;color:var(--muted-2);font-weight:600;margin-bottom:6px}.omschrijving p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bub{max-width:76%;display:flex;flex-direction:column;gap:6px;min-width:0}.bub .wie2{font-size:12.5px;color:var(--muted-2);font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bub .ib{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;background:var(--brand-licht);color:var(--brand);border-radius:6px;padding:1px 6px;font-weight:700}.bub p{margin:0;padding:12px 16px;border-radius:18px;background:var(--neu);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.bub.klant{align-self:flex-end;align-items:flex-end}.bub.klant p{background:var(--brand);color:#fff;border-bottom-right-radius:6px}.bub:not(.klant) p{border-bottom-left-radius:6px}.schrijf{padding:16px 24px 20px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:flex-end}.schrijf.boven{border-top:0;border-bottom:1px solid var(--line);padding:18px 24px 16px}.schrijf-fout{padding:0 24px 12px;border-bottom:1px solid var(--line)}.schrijf textarea{flex:1;min-height:48px;max-height:180px;border:1.5px solid var(--line);border-radius:18px;padding:12px 16px;resize:none;outline:0;background:var(--bg);font-size:14.5px;line-height:1.45}.schrijf textarea:focus{border-color:var(--brand);background:var(--card)}.schrijf label.rond{cursor:pointer}.it{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.submenu{padding:10px;position:sticky;top:16px}.submenu button{display:flex;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;border-radius:12px;font-weight:600;color:var(--muted);text-align:left;white-space:nowrap}.submenu button:hover{background:var(--bg);color:var(--txt)}.submenu button.aan{background:var(--brand-licht);color:var(--brand)}.submenu .kopje{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2);padding:14px 12px 6px}.submenu .kopje:first-child{padding-top:8px}.omgkop{display:flex;align-items:center;gap:12px;padding:16px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:16px}.omgkop .ms{width:36px;height:36px;border-radius:10px;background:var(--bg);display:grid;place-items:center;flex:none}.omgkop b{display:block;font-weight:700}.omgkop span{font-size:12.5px;color:var(--muted-2);font-weight:500}.help-paneel{position:fixed;top:0;right:0;height:100vh;width:min(460px,92vw);background:var(--card);z-index:61;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;border-radius:24px 0 0 24px}.help-paneel .card-h{flex:none}.help-paneel .top-ic{color:var(--muted)}.help-paneel .top-ic:hover{background:var(--neu);color:var(--txt)}.help-item{border-bottom:1px solid var(--line)}.help-item>button{width:100%;text-align:left;padding:13px 14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.help-item .inhoud{padding:0 14px 14px;font-size:13.5px;color:var(--muted);line-height:1.6}.help-item .inhoud p{margin:0 0 8px}@media(max-width:880px){.bandtop{padding:0 14px;gap:10px;height:60px}.merk{font-size:18px}.merk .naam{max-width:120px}.hoofdnav button{padding:0 11px;font-size:13px;height:34px}.wie{padding:3px;margin-left:2px}.wie .naam{display:none}.bandinhoud{padding:14px 16px 0}.bandinhoud.hoog{padding-top:20px;padding-bottom:70px}.bandinhoud h1{font-size:27px}.bandinhoud.laag h1{font-size:22px}.paginakop{padding:16px 0 14px}.paginakop h1,.paginakop.hoog h1{font-size:24px}.paginakop .actie,.bandinhoud .actie{margin-left:0;width:100%}.bandinhoud .actie .btn{flex:1}.statuspil .z{white-space:normal}.vloer{padding:0 14px 60px}.vloer.op{margin-top:-50px}.tegels{grid-template-columns:1fr 1fr;gap:12px}.tegel{padding:16px}.tegel .n{font-size:30px}.g4,.g3,.g2{grid-template-columns:1fr}.grid{grid-template-columns:1fr!important}.raster,.tk,.slas{grid-template-columns:1fr}.bub{max-width:90%}.it{grid-template-columns:1fr}.submenu{position:static;display:flex;overflow-x:auto;gap:4px;scrollbar-width:none;padding:8px}.submenu button{width:auto}.submenu .kopje{display:none}.omg{grid-template-columns:1fr 1fr}.card.pad{padding:16px}.card-h,.balk{padding-left:16px;padding-right:16px}.card table th:first-child,.card table td:first-child{padding-left:16px}.card table th:last-child,.card table td:last-child{padding-right:16px}.toolbar>*{max-width:100%}.toolbar .inp,.toolbar select{min-width:0}.modal{max-height:96vh}.modal-bg{padding:8px}.smal{max-width:none}.login-card{padding:22px 18px}.login-kop h1{font-size:26px}.card.tabel{overflow:visible}.card.tabel>table,.kaartjes>table{min-width:0}.kaartjes thead{display:none}.kaartjes table,.kaartjes tbody,.kaartjes tr,.kaartjes td{display:block;width:100%}.kaartjes tr{border-bottom:1px solid var(--line);padding:10px 16px}.kaartjes tr:last-child{border-bottom:none}.kaartjes td{padding:3px 0!important;border:none;display:flex;gap:10px;align-items:flex-start}.kaartjes td:before{content:attr(data-kop);flex:none;width:38%;max-width:150px;color:var(--muted-2);font-size:12px;font-weight:700;padding-top:2px}.kaartjes td:empty{display:none}.kaartjes td.right{text-align:left}.kaartjes td>div,.kaartjes td>span,.kaartjes td>b{min-width:0}}.rap{--binnen:#2f6f9f;--buiten:#e08a2c;--ok-tekst:#157347;--let-tekst:#9a4a06}.rap[aria-busy=true] .rap-tegels,.rap[aria-busy=true] .rap-raster,.rap[aria-busy=true] .rap-uitsplitsing,.rap[aria-busy=true] .rap-missers{opacity:.6;transition:opacity .15s}.rap-onzichtbaar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rap-kiezer{display:flex;margin-bottom:16px}.rap-kiezer .chip{min-height:36px;padding:0 16px;font-size:13.5px}.rap-tegels.rap-blad-tegels{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.rap-blad-tegels .rap-tegel{gap:6px}.rap-blad-tegels .rap-tegel .n{font-size:26px;line-height:1.15;letter-spacing:-.02em}.rap-blad-tegels .rap-tegel .l{margin-top:0}.rap-blad-tegels .rap-tegel.let .n{color:var(--let-tekst)}.rap-blad-tegels .rap-tegel.ok .n{color:var(--ok-tekst)}.rap-blad-tegels .rap-tegel:last-child{grid-column:auto}.rap-blad-kop .mini{color:var(--muted);flex-basis:100%;margin-top:-8px}.rap .segment button{height:38px}.rap-stap{display:inline-flex;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:3px}.rap-stap b{min-width:200px;text-align:center;font-size:14px;padding:0 6px}.rap-stap .rond{background:transparent;width:38px;height:38px}.rap-stap .rond:hover:not(:disabled){background:var(--neu)}.rap-select{width:auto;min-width:200px;max-width:260px;border-radius:21px;font-weight:600;font-size:14px}.rap-tegels{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.rap-tegel{cursor:default;box-shadow:var(--shadow);gap:8px;align-items:flex-start}.rap-tegel:hover{transform:none}.rap-tegel .l{margin-top:0}.rap-tegel .mini{color:var(--muted)}.rap .pill.green{color:var(--ok-tekst)}.rap .pill.orange{color:var(--let-tekst)}.rap .pill.blauw{background:#e6eef8;color:#23507f}.rap-raster{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.rap-kop{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;margin-bottom:12px}.rap-kop h3{margin:0}.rap-kop .mini,.rap-legenda,.rap-tijd .mini,.rap-balk .mini,.rap-misser .mini{color:var(--muted)}.rap-legenda{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12.5px;font-weight:600;margin-bottom:6px}.rap-legenda span{display:inline-flex;align-items:center;gap:7px}.rap-legenda .rechts{margin-left:auto}.rap-legenda i{width:12px;height:12px;border-radius:3px;display:inline-block}.rap i.binnen{background:var(--binnen)}.rap i.buiten{background:var(--buiten)}.rap-staven{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end}.rap-staaf{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border-radius:12px;min-width:0}.rap-staaf .s i{opacity:.4}.rap-staaf.aan .s i,button.rap-staaf:hover .s i{opacity:1}.rap-staaf.aan,button.rap-staaf:hover{background:var(--bg)}.rap-staaf.leeg .m{color:var(--muted-2)}.rap-staaf .p{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--muted)}.rap-staaf .p.ok{color:var(--ok-tekst)}.rap-staaf .p.let{color:var(--let-tekst)}.rap-staaf .s{height:150px;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--line)}.rap-staaf .s i{display:block;width:62%}.rap-staaf .s i.buiten,.rap-staaf .s i.binnen{border-radius:6px 6px 0 0}.rap-staaf .a{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.rap-staaf .m{font-size:12.5px;font-weight:700}.rap-tijden{display:flex;flex-direction:column;gap:12px}.rap-tijden h3{margin:0 0 2px}.rap-tijd{background:var(--bg);border-radius:14px;padding:13px 16px;display:flex;flex-direction:column;gap:2px}.rap-tijd .l{font-size:12.5px;font-weight:700;color:var(--muted)}.rap-tijd .n{font-family:var(--kop);font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.2;font-variant-numeric:tabular-nums}.rap-uitsplitsing{margin-bottom:16px}.rap-balk{display:flex;align-items:center;gap:10px;min-width:180px}.rap-balk b{width:52px;font-variant-numeric:tabular-nums;flex:none}.rap-balk b.ok{color:var(--ok-tekst)}.rap-balk b.let{color:var(--let-tekst)}.rap-balk .meter{flex:1;margin-top:0;min-width:50px}.rap-balk .mini{width:70px;flex:none;text-align:right;font-variant-numeric:tabular-nums}.rap-missers .card-h .mini{color:var(--muted)}.rap-misser{border-top:1px solid var(--line)}.rap-misser:first-of-type{border-top:0}.rap-misser-kop{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr) auto 170px 24px;gap:0 16px;align-items:center;padding:12px 24px;min-height:62px;text-align:left}.rap-misser-kop:hover{background:#fafbfd}.rap-misser-kop .nr{font-weight:600;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.rap-misser-kop .t{min-width:0}.rap-misser-kop .t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rap-misser-kop .t span{color:var(--muted);font-size:12.5px;font-weight:500}.rap-misser-kop .pillen{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.rap-misser-kop .over{font-weight:700;color:var(--let-tekst);font-variant-numeric:tabular-nums;text-align:right}.rap-misser-kop .pijl{color:var(--muted);transition:transform .15s}.rap-misser-kop .pijl.om{transform:rotate(180deg)}.rap-misser-detail{padding:2px 24px 20px 110px;display:flex;flex-direction:column;gap:14px}.rap-misser-detail .stappen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rap-misser-detail .stap{background:var(--bg);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;min-width:0}.rap-misser-detail .stap .l{font-size:12.5px;font-weight:700;color:var(--muted)}.rap-misser-detail .stap b{font-size:15px;overflow-wrap:anywhere}.rap-misser-detail .stap .pill{margin-top:5px;white-space:normal;height:auto;min-height:24px;padding-top:3px;padding-bottom:3px}.rap-misser-detail .onder{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rap-meer{padding:12px 24px;display:flex;justify-content:center;border-top:1px solid var(--line)}.rap-mail{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.rap-mail .ic{width:36px;height:36px;border-radius:11px;background:var(--brand-licht);color:var(--brand);display:grid;place-items:center;flex:none}.rap-mail .t{flex:1;min-width:220px;display:flex;flex-direction:column}.rap-mail .mini{color:var(--muted)}.rap-mail .vink{color:var(--txt);min-height:44px}.rap-staaf .s i{transition:opacity .15s}@media(prefers-reduced-motion:reduce){.rap-misser-kop .pijl,.rap-staaf .s i,.rap[aria-busy=true] *{transition:none}}@media(max-width:1100px){.rap-tegels{grid-template-columns:repeat(3,minmax(0,1fr))}.rap-raster{grid-template-columns:1fr}}@media(max-width:880px){.rap-tegels{grid-template-columns:1fr 1fr}.rap-tegels .rap-tegel:last-child{grid-column:1 / -1}.rap .toolbar>.segment,.rap-stap,.rap-select{width:100%;max-width:none}.rap .toolbar>.segment button{flex:1;justify-content:center;height:44px}.rap-stap b{flex:1;min-width:0}.rap-stap .rond{width:44px;height:44px}.rap .toolbar .spacer{display:none}.rap .toolbar .btn{flex:1;height:44px}.rap-staven{gap:3px}.rap-staaf{padding:6px 0}.rap-staaf .p,.rap-staaf .a{display:none}.rap-staaf.aan .p{display:block}.rap-staaf .s{height:96px}.rap-staaf .s i{width:72%}.rap-staaf .m{font-size:11.5px}.rap-legenda .rechts{margin-left:0}.rap-balk{min-width:0;flex:1}.rap-misser-kop{grid-template-columns:minmax(0,1fr) 24px;gap:6px 10px;padding:12px 16px}.rap-misser-kop .nr{grid-column:1;grid-row:1}.rap-misser-kop .t{grid-column:1;grid-row:2}.rap-misser-kop .t b{white-space:normal}.rap-misser-kop .pillen{grid-column:1;grid-row:3;justify-content:flex-start}.rap-misser-kop .over{grid-column:1;grid-row:4;text-align:left}.rap-misser-kop .pijl{grid-column:2;grid-row:1 / span 4}.rap-misser-detail{padding:0 16px 16px}.rap-misser-detail .stappen{grid-template-columns:1fr 1fr}.rap-meer{padding:12px 16px}}.bestel{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.bestel-mandje{position:sticky;top:16px}.bestel-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.bestel-set{display:flex;flex-direction:column;overflow:hidden;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s}.bestel-set:hover{transform:translateY(-2px);box-shadow:0 12px 32px -16px #14182859}.bestel-beeld{position:relative;aspect-ratio:16/10;background:var(--bg);display:grid;place-items:center;color:var(--muted-2);overflow:hidden}.bestel-beeld img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px}.bestel-set .inhoud{padding:16px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.bestel-set .naam{font-weight:700;font-size:16px}.bestel-set .oms{color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bestel-set .prijs{margin-top:auto;padding-top:8px;font-weight:700}.bestel-set .prijs small{font-weight:500;color:var(--muted-2)}.bestel-groep{margin-top:18px}.bestel-groep>h4{margin:0 0 8px;font-size:14px}.bestel-keuzes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.bestel-keuze{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--radius-2);background:var(--card);text-align:left;cursor:pointer;min-width:0}.bestel-keuze:hover{border-color:var(--brand-zacht)}.bestel-keuze.aan{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-licht)}.bestel-keuze input{accent-color:var(--brand);width:16px;height:16px;margin:0;flex:none}.bestel-keuze .duim{width:40px;height:40px;border-radius:8px;background:var(--bg);flex:none;display:grid;place-items:center;overflow:hidden;color:var(--muted-2)}.bestel-keuze .duim img{width:100%;height:100%;object-fit:contain}.bestel-keuze .tekst{min-width:0;display:flex;flex-direction:column}.bestel-keuze .tekst b{font-size:13.5px;overflow-wrap:anywhere}.bestel-keuze .tekst span{font-size:12.5px;color:var(--muted)}.bestel-vast{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.bestel-vast li{display:flex;gap:10px;justify-content:space-between;font-size:13.5px}.bestel-vast li span:last-child{color:var(--muted);white-space:nowrap}.bestel-voet{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.bestel-voet .field{margin:0}.bestel-voet .aantal{width:170px}.bestel-voet .aantal .inp{flex:1;min-width:56px}.bestel-voet .voor{flex:1;min-width:200px}.bestel-regel{padding:12px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}.bestel-regel:last-child{border-bottom:none}.bestel-regel .kop{display:flex;gap:8px;align-items:baseline}.bestel-regel .kop b{flex:1;min-width:0;overflow-wrap:anywhere}.bestel-regel .acties{display:flex;gap:4px;margin-top:4px}.bestel-totaal{display:flex;justify-content:space-between;align-items:baseline;padding:14px 20px;border-top:1px solid var(--line);font-weight:800;font-size:16px}@media(max-width:1100px){.bestel{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:880px){.bestel{grid-template-columns:1fr}.bestel-mandje{position:static}.bestel-sets,.bestel-keuzes{grid-template-columns:1fr}.bestel-voet .aantal,.bestel-voet .voor{width:100%;min-width:0;flex:none}.bestel-voet .stack{width:100%;align-items:stretch!important}.bestel-voet .stack .btn{width:100%;height:44px}.bestel-voet .aantal .btn{flex:none;width:44px;height:44px;padding:0}}@media(prefers-reduced-motion:reduce){.bestel-set{transition:none}.bestel-set:hover{transform:none}}