:root{--ink:#0f1519;--ink-soft:#55636e;--ink-faint:#8996a2;--line:#e2e7ec;--line-soft:#eef1f4;--bg:#f2f5f8;--panel:#fff;--raised:#f8fafb;--accent:#154273;--accent-hover:#0e3159;--accent-soft:#e8f0f8;--accent-line:#b9d2ea;--ok:#1f6b3a;--ok-soft:#eef7f1;--ok-line:#c2ddcc;--warn:#8a6508;--warn-soft:#fdf7e8;--warn-line:#e8d6a6;--bad:#a5231a;--bad-soft:#fdf0ee;--bad-line:#eab8b1;--r-sm:6px;--r-md:9px;--r-lg:14px;--shadow-sm:0 1px 2px #0f15190d;--shadow-md:0 2px 4px #0f15190f, 0 6px 16px #0f15190f;--shadow-lg:0 8px 24px #0f15191a, 0 2px 6px #0f15190f;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);color:var(--ink-soft);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease), transform 80ms var(--ease);align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.button:hover:not(:disabled){background:var(--raised);color:var(--ink);border-color:#cfd8e0}.button:active:not(:disabled){transform:translateY(.5px)}.button:disabled{opacity:.45;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.icon-button{border-radius:var(--r-sm);width:26px;height:26px;color:var(--ink-faint);cursor:pointer;transition:background .14s var(--ease), color .14s var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--line-soft);color:var(--ink)}.icon-button:disabled{opacity:.3;cursor:default}.icon-button--danger:hover:not(:disabled){background:var(--bad-soft);color:var(--bad)}.chip-button{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);border-radius:100px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.chip-button:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}:where(button,input,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login{background:radial-gradient(1200px 600px at 50% -10%, #e6eef6 0%, transparent 60%), var(--bg);place-items:center;min-height:100%;padding:24px;display:grid}.login__card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);width:100%;max-width:320px;box-shadow:var(--shadow-lg);text-align:center;padding:32px 28px 26px}.login__mark{color:var(--accent);justify-content:center;margin-bottom:14px;display:flex}.login__title{letter-spacing:-.015em;margin:0;font-size:17px;font-weight:600}.login__field{margin-top:20px;display:block;position:relative}.login__icon{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.login .login__field input[type=password]{text-align:left;width:100%;padding:9px 12px 9px 33px}.login__error{color:var(--bad);margin:8px 0 0;font-size:12px}.login__submit{justify-content:center;width:100%;margin-top:14px;padding:9px}.boot{height:100%;color:var(--ink-faint);place-content:center;justify-items:center;gap:12px;display:grid}.boot--error{text-align:left;justify-items:start;max-width:34rem;margin:0 auto}.boot--error h1{color:var(--bad);font-size:1.05rem}.app{flex-direction:column;height:100%;display:flex}.app__head{background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);z-index:20;align-items:center;gap:14px;padding:9px 14px;display:flex}.brand{color:var(--accent);align-items:center;gap:9px;display:flex}.brand__name{letter-spacing:-.012em;color:var(--ink);white-space:nowrap;font-size:14px;font-weight:600}.app__notice{flex:1;justify-content:center;min-width:0;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}}.toast{white-space:nowrap;text-overflow:ellipsis;max-width:100%;animation:toast-in .18s var(--ease);border:1px solid;border-radius:100px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;display:inline-flex;overflow:hidden}.toast--ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.toast--fout{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.app__actions{align-items:center;gap:7px;display:flex}.app__body{flex:1;grid-template-columns:minmax(370px,440px) 1fr;min-height:0;display:grid}.panel{overscroll-behavior:contain;overflow-y:auto}.panel--edit{background:var(--panel);border-right:1px solid var(--line);padding-bottom:48px}.panel--view{padding:14px 14px 48px}@media (width<=940px){.app__body{grid-template-columns:1fr}.panel--edit{border-right:0;border-bottom:1px solid var(--line)}.app__actions .button span,.brand__name{display:none}}.section+.section{border-top:1px solid var(--line-soft)}.section__head{letter-spacing:.075em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:8px;margin:0;padding:15px 16px 7px;font-size:10.5px;font-weight:600;display:flex}.section__title,.section__toggle{align-items:center;gap:7px;display:inline-flex}.section__toggle{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.section__toggle:hover{color:var(--ink-soft)}.caret{transition:transform .16s var(--ease)}.caret--open{transform:rotate(90deg)}.section__aside{letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;margin-left:auto;font-weight:500}.section__body{padding:5px 16px 18px}.panel--view .section{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin-top:11px}.panel--view .section--closed .section__head{padding-bottom:15px}.stack{flex-direction:column;gap:11px;display:flex}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{border:0;flex-direction:column;gap:5px;min-width:0;margin:0;padding:0;display:flex}.field__label{color:var(--ink-soft);font-size:11.5px;font-weight:500}.field__note{color:var(--ink-faint);font-weight:400}input[type=text],input[type=password],input[type=number],textarea{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);width:100%;transition:border-color .14s var(--ease), box-shadow .14s var(--ease);padding:7px 9px}input[type=text]:hover,input[type=password]:hover,input[type=number]:hover,textarea:hover{border-color:#cfd8e0}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}::placeholder{color:var(--ink-faint)}textarea{resize:vertical;line-height:1.55}.hint{color:var(--ink-faint);margin:0;font-size:11.5px;line-height:1.5}.hint--block{background:var(--raised);border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:9px 11px}.check{color:var(--ink-soft);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:inline-flex}input[type=checkbox]{appearance:none;background:var(--panel);cursor:pointer;width:16px;height:16px;transition:background .14s var(--ease), border-color .14s var(--ease);border:1px solid #c3ccd4;border-radius:4px;flex:none;margin:0;position:relative}input[type=checkbox]:hover{border-color:var(--ink-faint)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:5px;transform:rotate(43deg)}input[type=checkbox]:disabled{opacity:.4;cursor:default}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}input[type=range]::-webkit-slider-runnable-track{background:#dde3e9;border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:#dde3e9;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:14px;height:14px;transition:transform .12s var(--ease);border:0;border-radius:50%;margin-top:-5px;box-shadow:0 1px 3px #0f151940}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0f151940}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:disabled{cursor:default}input[type=range]:disabled::-webkit-slider-thumb{background:#b6c0c9}input[type=range]:disabled::-moz-range-thumb{background:#b6c0c9}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin-bottom:12px;display:inline-flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{width:32px;height:18px;transition:background .18s var(--ease);background:#d3dae1;border-radius:100px;flex:none;position:relative}.toggle__knob{width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__track{background:var(--accent)}.toggle input:checked+.toggle__track .toggle__knob{transform:translate(14px)}.toggle input:focus-visible+.toggle__track{outline:2px solid var(--accent);outline-offset:2px}.toggle__label{color:var(--ink-soft);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.select{position:relative}.select__button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--panel);text-align:left;cursor:pointer;width:100%;transition:border-color .14s var(--ease), box-shadow .14s var(--ease);align-items:center;gap:8px;padding:7px 9px;display:flex}.select__button:hover{border-color:#cfd8e0}.select--open .select__button{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select__value--empty{color:var(--ink-faint)}.select__caret{color:var(--ink-faint);transition:transform .16s var(--ease);flex:none}.select--open .select__caret{transform:rotate(180deg)}@keyframes select-in{0%{opacity:0;transform:translateY(-3px)}}.select__list{z-index:40;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);max-height:300px;box-shadow:var(--shadow-lg);animation:select-in .13s var(--ease);margin:0;padding:4px;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.select__list--down{top:calc(100% + 5px)}.select__list--up{bottom:calc(100% + 5px)}.select__option{border-radius:var(--r-sm);cursor:pointer;align-items:flex-start;gap:7px;padding:6px 8px;display:flex}.select__option--active{background:var(--accent-soft)}.select__option--disabled{opacity:.4;cursor:default}.select__check{width:14px;color:var(--accent);flex:none;padding-top:2px}.select__text{flex-direction:column;gap:1px;min-width:0;display:flex}.select__optionLabel{font-size:12.5px;line-height:1.35}.select__optionHint{color:var(--ink-faint);font-size:11px;line-height:1.35}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border-radius:var(--r-sm);cursor:pointer;width:26px;height:26px;transition:transform .12s var(--ease);border:1px solid #0f151929;padding:0}.swatch:hover{transform:scale(1.06)}.swatch--active{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent)}.formats__grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px;display:grid}.format{border-radius:var(--r-md);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:9px 4px 7px;display:flex}.format:hover{background:var(--raised)}.format--active{background:var(--accent-soft);border-color:var(--accent-line)}.format__thumb{border:1px solid var(--line);background:var(--panel);border-radius:2px;justify-content:center;align-items:flex-end;width:40px;height:40px;display:flex}.format__fill{transition:background .14s var(--ease);background:#c9d3dc}.format--active .format__fill{background:var(--accent)}.format--tight .format__fill{background:#e7c0bb}.format--hint{border-color:var(--ok-line)}.format--hint .format__fill{background:#6aa87f}.format__name{letter-spacing:-.01em;font-size:10.5px;font-weight:600}.format__size{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:10px}.formats__custom{border-top:1px solid var(--line-soft);margin-top:14px;padding-top:13px}.formats__custom label{color:var(--ink-soft);flex-direction:column;gap:5px;font-size:11.5px;font-weight:500;display:flex}.formats__customFields{align-items:center;gap:6px;display:flex}.formats__customFields input{font-variant-numeric:tabular-nums;width:70px}.unit{color:var(--ink-faint)}.blocks{flex-direction:column;gap:8px;margin-top:11px;display:flex}.block{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);transition:border-color .14s var(--ease);overflow:hidden}.block:focus-within{border-color:var(--accent-line)}.block--warn{border-color:var(--warn-line)}.block--error{border-color:var(--bad-line)}.block__bar{background:var(--raised);border-bottom:1px solid var(--line-soft);align-items:center;gap:5px;padding:4px 5px 4px 9px;display:flex}.block__icon{color:var(--ink-faint);flex:none}.block__type{width:122px}.block__type .select__button{box-shadow:none;background:0 0;border-color:#0000;padding:3px 6px;font-size:12px;font-weight:500}.block__type .select__button:hover{background:var(--panel);border-color:var(--line)}.block__spacer{flex:1}.block textarea{background:0 0;border:0;border-radius:0}.block textarea:focus{box-shadow:none}.blocks__add{border:1px dashed var(--line);border-radius:var(--r-md);background:var(--raised);margin-top:12px;padding:11px 12px 12px}.blocks__addTitle{letter-spacing:.075em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px;font-size:10.5px;font-weight:600;display:block}.blocks__addRow{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.protect__list{flex-wrap:wrap;gap:5px;margin:0 0 11px;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--warn-line);background:var(--warn-soft);border-radius:100px;align-items:center;gap:6px;max-width:100%;padding:3px 5px 3px 8px;font-size:11.5px;display:inline-flex}.chip--handmatig{border-color:var(--accent-line);background:var(--accent-soft)}.chip__kind{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;font-weight:600}.chip__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip__remove{width:16px;height:16px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.chip__remove:hover{color:var(--ink);background:#0f151914}.protect__add{gap:6px;margin-bottom:6px;display:flex}.stage{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden}.stage__scroll{background-color:#eef1f4;background-image:linear-gradient(45deg,#e6eaee 25%,#0000 25%),linear-gradient(-45deg,#e6eaee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e6eaee 75%),linear-gradient(-45deg,#0000 75%,#e6eaee 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;place-items:center;max-height:60vh;padding:30px;display:grid;overflow:auto}.preview{box-shadow:var(--shadow-md);display:block}.preview text{font-variant-ligatures:none;font-kerning:normal}.stage__bar{border-top:1px solid var(--line);color:var(--ink-soft);align-items:center;gap:12px;padding:7px 12px;font-size:11.5px;display:flex}.stage__format{font-variant-numeric:tabular-nums;font-weight:600}.stage__spacer{flex:1}.stage__zoom{color:var(--ink-faint);align-items:center;gap:8px;display:flex}.stage__zoom input{width:108px}.status{margin-top:11px}.status__main{border-radius:var(--r-md);border:1px solid;align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;display:flex}.status__icon{flex:none;margin-top:1px}.status__main--ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}.status__main--warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.status__main--bad{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.status__suggest{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease);align-items:center;gap:7px;margin-top:7px;padding:8px 12px;font-size:12px;display:flex}.status__suggest:hover{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.status__list{flex-direction:column;gap:5px;margin:7px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.status__list li{border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);align-items:flex-start;gap:8px;padding:8px 11px;line-height:1.45;display:flex}.status__list li svg{flex:none;margin-top:2px}.status__list .is-error{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.status__list .is-warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.adjust{flex-direction:column;gap:7px;display:flex}.adjust__row{align-items:center;gap:10px;display:flex}.adjust__row--top{border-top:1px solid var(--line-soft);margin-top:9px;padding-top:11px}.adjust__value{color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px}.adjust__flag{color:var(--warn);font-weight:500}.adjust__heading{border-top:1px solid var(--line-soft);letter-spacing:.075em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;margin:13px 0 0;padding-top:11px;font-size:10.5px;font-weight:600;display:flex}.slider{flex-direction:column;gap:1px;display:flex}.slider__label{color:var(--ink-soft);align-items:center;font-size:12px;display:flex}.app__history{border-left:1px solid var(--line-soft);gap:2px;padding-left:6px;display:flex}.icon-button--hint{color:var(--warn)}.icon-button--hint:hover:not(:disabled){background:var(--warn-soft);color:var(--warn)}.recover{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);color:var(--accent);align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;display:flex}.recover__spacer{flex:1}@keyframes overlay-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)scale(.99)}}.overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:overlay-in .14s var(--ease);background:#0f151957;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:dialog-in .16s var(--ease)}.dialog__head{align-items:center;gap:10px;padding:16px 14px 10px 20px;display:flex}.dialog__title{letter-spacing:-.012em;flex:1;margin:0;font-size:15px;font-weight:600}.dialog__list{flex-direction:column;gap:7px;margin:0;padding:0 20px;list-style:none;display:flex}.dialog__list li{border:1px solid var(--line);border-radius:var(--r-md);align-items:flex-start;gap:9px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.dialog__list li svg{flex:none;margin-top:2px}.dialog__list .is-error{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.dialog__list .is-warn{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.dialog__uitleg{opacity:.85;margin-top:2px;font-weight:400;display:block}.dialog__actions{justify-content:flex-end;gap:8px;padding:18px 20px 20px;display:flex}.login__onthoud{width:100%;margin-top:13px;font-size:11.5px}.menu{position:relative}.menu__paneel{z-index:45;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);min-width:264px;max-width:340px;box-shadow:var(--shadow-lg);animation:select-in .13s var(--ease);padding:5px;position:absolute;top:calc(100% + 5px);left:0}.menu__groep+.menu__groep{border-top:1px solid var(--line-soft);margin-top:4px;padding-top:5px}.menu__groepTitel{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);padding:5px 9px 4px;font-size:10px;font-weight:600;display:block}.menu__leeg{color:var(--ink-faint);padding:4px 9px 7px;font-size:11.5px;display:block}.menu__regel{border-radius:var(--r-sm);align-items:center;gap:2px;display:flex}.menu__regel:hover{background:var(--accent-soft)}.menu__item{border-radius:var(--r-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:8px;min-width:0;padding:7px 9px;display:flex}.menu__item svg{color:var(--ink-faint);flex:none;margin-top:1px}.menu__tekst{flex-direction:column;gap:1px;min-width:0;display:flex}.menu__label{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.3;overflow:hidden}.menu__hint{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.serie{border:1px solid var(--accent-line);border-radius:var(--r-md);background:var(--accent-soft);margin:12px 16px 0;padding:11px 12px 12px}.serie__kop{color:var(--accent);align-items:center;gap:7px;margin-bottom:9px;font-size:12.5px;display:flex}.serie__stand{color:var(--ink-soft);margin-left:auto;font-size:11.5px}.serie__lijst{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.serie__punt{border-radius:var(--r-sm);background:var(--panel);text-align:left;cursor:pointer;width:100%;transition:border-color .14s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:5px 8px;font-size:12px;display:flex}.serie__punt:hover{border-color:var(--accent-line)}.serie__vink{color:#fff;border:1px solid #c3ccd4;border-radius:4px;flex:none;justify-content:center;align-items:center;width:15px;height:15px;display:inline-flex}.serie__punt--klaar .serie__vink{background:var(--ok);border-color:var(--ok)}.serie__punt--klaar .serie__tekst{color:var(--ink-faint);text-decoration:line-through}.serie__soort{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:9.5px;font-weight:600}.serie__tekst{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vulmeter{align-items:center;gap:6px;display:inline-flex}.vulmeter__baan{background:#dde3e9;border-radius:2px;width:54px;height:4px;overflow:hidden}.vulmeter__peil{background:var(--ok);height:100%;transition:width .18s var(--ease), background .18s var(--ease);border-radius:2px;display:block}.vulmeter__getal{font-variant-numeric:tabular-nums;color:var(--ink-faint)}.vulmeter--bijna .vulmeter__peil{background:#c79a1f}.vulmeter--bijna .vulmeter__getal{color:var(--warn)}.vulmeter--vol .vulmeter__peil{background:var(--bad)}.vulmeter--vol .vulmeter__getal{color:var(--bad);font-weight:600}.chip-button--aan{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.dialog--wide{max-width:520px}.ijk{flex-direction:column;gap:12px;padding:0 20px;display:flex}.ijk__kaart{border:2px solid var(--accent);background:var(--accent-soft);max-width:100%;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.printproef{z-index:70;background:#0f151957;place-items:center;display:grid;position:fixed;inset:0}.printproef__vel{box-shadow:var(--shadow-lg);background:#fff}.printproef__uitleg{text-align:center;color:#fff;text-shadow:0 1px 3px #00000080;margin:0;font-size:12.5px;position:absolute;bottom:30px;left:0;right:0}@media print{html.afdrukken body>:not(.printproef){display:none!important}html.afdrukken .printproef{z-index:auto;background:0 0;display:block;position:static}html.afdrukken .printproef__vel,html.afdrukken .printproef .preview{box-shadow:none}html.afdrukken .printproef__uitleg{display:none}}.handleiding{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);width:100%;max-width:880px;height:min(84vh,720px);box-shadow:var(--shadow-lg);animation:dialog-in .16s var(--ease);grid-template-columns:218px 1fr;display:grid;overflow:hidden}.handleiding__zij{background:var(--raised);border-right:1px solid var(--line);flex-direction:column;gap:14px;padding:20px 12px;display:flex;overflow-y:auto}.handleiding__merk{color:var(--accent);align-items:center;gap:8px;margin:0;padding:0 8px;font-size:13px;font-weight:600;display:flex}.handleiding__nav{flex-direction:column;gap:2px;display:flex}.handleiding__link{border-radius:var(--r-sm);text-align:left;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 9px;font-size:12.5px;line-height:1.3;display:flex}.handleiding__link svg{color:var(--ink-faint);flex:none}.handleiding__link:hover{background:var(--line-soft);color:var(--ink)}.handleiding__link.is-actief{background:var(--accent-soft);color:var(--accent);font-weight:500}.handleiding__link.is-actief svg{color:var(--accent)}.handleiding__inhoud{padding:22px 30px 40px;position:relative;overflow-y:auto}.handleiding__sluit{float:right;background:var(--panel);margin-left:12px;position:sticky;top:0}.handleiding__inhoud section+section{border-top:1px solid var(--line-soft);margin-top:34px;padding-top:26px}.handleiding__inhoud h3{letter-spacing:-.012em;margin:0 0 10px;scroll-margin-top:20px;font-size:15px;font-weight:600}.handleiding__inhoud p{color:var(--ink-soft);max-width:56ch;margin:0 0 11px;font-size:13px;line-height:1.6}.handleiding__inhoud strong{color:var(--ink);font-weight:600}.handleiding__nummers{color:var(--ink-soft);max-width:56ch;margin:0 0 11px;padding-left:20px;font-size:13px;line-height:1.6}.handleiding__nummers li{margin-bottom:5px}.handleiding__nummers li::marker{color:var(--accent);font-weight:600}.tekening{border:1px solid var(--line);border-radius:var(--r-md);background:var(--raised);margin:4px 0 16px;padding:14px}.tekening svg{width:100%;height:auto;display:block}.wenk{border-radius:var(--r-md);border:1px solid;align-items:flex-start;gap:9px;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.wenk svg{flex:none;margin-top:2px}.wenk--let-op{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}.wenk--fout{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.handleiding__toetsen{flex-direction:column;gap:6px;max-width:56ch;margin:14px 0 0;display:flex}.handleiding__toetsen>div{border:1px solid var(--line);border-radius:var(--r-sm);align-items:baseline;gap:12px;padding:7px 11px;display:flex}.handleiding__toetsen dt{font-variant-numeric:tabular-nums;min-width:96px;color:var(--accent);flex:none;font-size:11.5px;font-weight:600}.handleiding__toetsen dd{color:var(--ink-soft);margin:0;font-size:12.5px}@media (width<=720px){.handleiding{grid-template-columns:1fr}.handleiding__zij{display:none}}.icon-button--scherp{background:var(--bad);border-color:var(--bad);color:#fff}.icon-button--scherp:hover:not(:disabled){color:#fff;background:#8c1e16;border-color:#8c1e16}.stage__rij{align-items:flex-start;gap:12px;display:flex}.stage__vel{flex-direction:column;align-items:center;gap:7px;display:flex}.stage__label{background:var(--panel);border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;border-radius:100px;align-items:baseline;gap:6px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.stage__label--fout{border-color:var(--bad-line);background:var(--bad-soft);color:var(--bad)}.stage__labelKorps{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-weight:400}.format__thumb{position:relative}.format__merk{background:var(--panel);color:#fff;border:1px solid #c3ccd4;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;line-height:1;display:flex;position:absolute;top:3px;right:3px}.format__merk--aan{background:var(--accent);border-color:var(--accent)}.formats__tip{margin-top:9px}.credit{color:var(--ink-faint);margin:0;padding:18px 16px 8px;font-size:11px}.credit--midden{border-top:1px solid var(--line-soft);text-align:center;margin-top:20px;padding:14px 0 0}.credit a{color:inherit;transition:color .14s var(--ease), border-color .14s var(--ease);border-bottom:1px solid #0000;text-decoration:none}.credit a:hover{color:var(--accent);border-bottom-color:var(--accent-line)}.credit__hart{vertical-align:.5px;font-size:10px}