:root{--hbx-oranje:#FF651B;--hbx-oranje-d:#E85812;--hbx-oranje-l:#FF7A38;--hbx-antraciet:#2F343A;--hbx-antraciet-d:#23272C;--hbx-antraciet-l:#3A4046;--hbx-zwart:#1A1A1A;--hbx-tekst:#1A1A1A;--hbx-tekst-gedempt:#5A5A5A;--hbx-lijn:#D9D9D9;--hbx-kop-bg:#F2F2F2;--hbx-accent-bg:#FFF0E8;--hbx-ok:#2E7D32;--hbx-waarschuwing:#D9550F;--hbx-kritiek:#C62828;--hbx-neutraal:#5A5A5A;--hbx-font:Calibri,"Segoe UI",Arial,sans-serif;--hbx-mono:Consolas,"Courier New",monospace;--schaduw-1:0 1px 2px rgba(26,26,26,.05),0 1px 6px rgba(26,26,26,.04);--schaduw-2:0 2px 6px rgba(26,26,26,.07),0 8px 22px rgba(26,26,26,.07);--schaduw-3:0 12px 36px rgba(26,26,26,.16),0 3px 10px rgba(26,26,26,.10);--straal:10px;--straal-k:7px;--focusring:0 0 0 3px rgba(255,101,27,.22)}*{box-sizing:border-box}html{font-size:14.7px}body{margin:0;color:var(--hbx-tekst);line-height:1.45;background:linear-gradient(180deg,#F7F7F5,#F2F2EF);min-height:100vh}body,button,input,select,textarea{font-family:var(--hbx-font)}h1,h2,h3{margin:0}a{color:var(--hbx-waarschuwing)}::selection{background:rgba(255,101,27,.22)}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.zijbalk{background:linear-gradient(175deg,var(--hbx-antraciet) 0,var(--hbx-antraciet-d) 86%);color:#D5D9DC;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;box-shadow:inset -1px 0 0 rgba(255,255,255,.04)}.zijbalk .logo{padding:1.35rem 1.2rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.07)}.zijbalk .logo svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.zijbalk .logo span{display:block;font-size:.7rem;letter-spacing:.26em;color:var(--hbx-oranje);font-weight:700;margin-top:.5rem}.zijbalk ul{list-style:none;margin:0;padding:.7rem .55rem;flex:1 1}.zijbalk a.nav{display:flex;align-items:center;gap:.65rem;color:#C7CDD2;text-decoration:none;padding:.6rem .7rem;font-size:.95rem;border-radius:8px;margin:.12rem 0;border-left:3px solid transparent;transition:background .15s,color .15s,transform .12s}.zijbalk a.nav:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(2px)}.zijbalk a.nav.actief{background:linear-gradient(90deg,rgba(255,101,27,.16),rgba(255,101,27,.05) 70%);color:#fff;border-left-color:var(--hbx-oranje);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.zijbalk a.nav .nav-icoon{display:inline-flex;flex:none;color:#8B949C;transition:color .15s}.zijbalk a.nav.actief .nav-icoon,.zijbalk a.nav:hover .nav-icoon{color:var(--hbx-oranje)}.zijbalk a.nav .dot{display:none}.zijbalk .avetta{margin:0 1rem 1.2rem;padding-top:1.05rem;border-top:1px solid rgba(255,255,255,.07)}.zijbalk .avetta a{display:flex;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(180deg,var(--hbx-oranje-l),var(--hbx-oranje) 55%,var(--hbx-oranje-d));color:#fff;text-decoration:none;font-weight:700;padding:.6rem;border-radius:8px;font-size:.94rem;box-shadow:0 2px 8px rgba(255,101,27,.35),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .12s,box-shadow .15s}.zijbalk .avetta a:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(255,101,27,.45),inset 0 1px 0 rgba(255,255,255,.25)}.zijbalk .avetta p{font-size:.72rem;color:#8B949C;margin:.5rem 0 0;text-align:center}.kolom{display:flex;flex-direction:column;min-width:0}.topbalk{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hbx-lijn);padding:.75rem 1.7rem;position:-webkit-sticky;position:sticky;top:0;z-index:30;box-shadow:var(--schaduw-1)}.topbalk h2{font-size:1.18rem;letter-spacing:-.01em}.topbalk .datum{color:var(--hbx-tekst-gedempt);font-size:.88rem}.topbalk .rechts{margin-left:auto;display:flex;align-items:center;gap:.9rem}.belknop{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--hbx-lijn);border-radius:9px;width:38px;height:38px;cursor:pointer;color:var(--hbx-antraciet);transition:border-color .15s,box-shadow .15s,transform .12s}.belknop:hover{border-color:var(--hbx-oranje);color:var(--hbx-oranje);box-shadow:var(--schaduw-1);transform:translateY(-1px)}.belknop .teller{position:absolute;top:-7px;right:-7px;background:linear-gradient(180deg,#D9402F,var(--hbx-kritiek));color:#fff;border-radius:9px;font-size:.66rem;font-weight:700;padding:1.5px 5.5px;min-width:18px;text-align:center;box-shadow:0 1px 4px rgba(198,40,40,.5);border:1.5px solid #fff}.gebruiker{font-size:.9rem;color:var(--hbx-tekst-gedempt)}.gebruiker b{color:var(--hbx-tekst)}main{padding:1.7rem;max-width:1280px;width:100%}.pag-intro{color:var(--hbx-tekst-gedempt);margin:.2rem 0 1.3rem;max-width:80ch}.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.kaart{position:relative;background:#fff;border:1px solid #e7e7e4;border-radius:var(--straal);padding:1.05rem 1.15rem;box-shadow:var(--schaduw-1);overflow:hidden;transition:transform .15s,box-shadow .2s}.kaart:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--hbx-oranje)}.kaart:hover{transform:translateY(-2px);box-shadow:var(--schaduw-2)}.kaart .cijfer{font-size:2.15rem;font-weight:700;line-height:1.1;letter-spacing:-.02em}.kaart .label{font-size:.85rem;color:var(--hbx-tekst-gedempt);margin-top:.15rem}.kaart .icoon{position:absolute;right:.95rem;top:.95rem;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--hbx-kop-bg);color:var(--hbx-neutraal)}.kaart.ok:before{background:var(--hbx-ok)}.kaart.ok .cijfer,.kaart.ok .icoon{color:var(--hbx-ok)}.kaart.ok .icoon{background:rgba(46,125,50,.1)}.kaart.warn:before{background:var(--hbx-waarschuwing)}.kaart.warn .cijfer,.kaart.warn .icoon{color:var(--hbx-waarschuwing)}.kaart.warn .icoon{background:rgba(217,85,15,.1)}.kaart.krit:before{background:var(--hbx-kritiek)}.kaart.krit .cijfer,.kaart.krit .icoon{color:var(--hbx-kritiek)}.kaart.krit .icoon{background:rgba(198,40,40,.1)}.paneel{background:#fff;border:1px solid #e7e7e4;border-radius:var(--straal);padding:1.2rem 1.35rem;margin-bottom:1.35rem;box-shadow:var(--schaduw-1)}.paneel>h3{display:inline-flex;align-items:center;gap:.5rem;font-size:1.04rem;border-bottom:2.5px solid var(--hbx-oranje);padding-bottom:.22rem;margin-bottom:.9rem;letter-spacing:-.01em}table.hbx{width:100%;border-collapse:collapse;font-size:.92rem}table.hbx th{background:var(--hbx-kop-bg);font-weight:700;text-align:left;border:.5pt solid var(--hbx-lijn);padding:.5em .65em;font-size:.84rem;letter-spacing:.03em;color:#3C4248}table.hbx td{border:.5pt solid #e3e3e0;padding:.46em .65em;vertical-align:top;transition:background .12s}table.hbx tr:nth-child(2n) td{background:#FAFAF9}table.hbx tbody tr:hover td{background:#FFF6F0}td.c,th.c{text-align:center}.hbx-status{display:inline-block;padding:.14em .68em;border-radius:99px;font-size:.74rem;font-weight:700;color:#fff;letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 -1px 0 rgba(0,0,0,.14),0 1px 2px rgba(26,26,26,.12)}.hbx-status.ok{background:linear-gradient(180deg,#368A3B,var(--hbx-ok))}.hbx-status.waarschuwing{background:linear-gradient(180deg,#E66318,var(--hbx-waarschuwing))}.hbx-status.kritiek{background:linear-gradient(180deg,#D33A3A,var(--hbx-kritiek))}.hbx-status.neutraal{background:linear-gradient(180deg,#6B6B6B,var(--hbx-neutraal))}.docnr{font-family:var(--hbx-mono);font-size:.84em;background:var(--hbx-kop-bg);border:1px solid #e7e7e4;padding:.05em .4em;border-radius:5px;white-space:nowrap}.knop{display:inline-flex;align-items:center;gap:.45rem;justify-content:center;background:linear-gradient(180deg,var(--hbx-oranje-l),var(--hbx-oranje) 55%,var(--hbx-oranje-d));color:#fff;border:none;border-radius:9px;padding:.58rem 1.2rem;font-size:.96rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(255,101,27,.32),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .12s,box-shadow .15s,filter .15s}.knop:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(255,101,27,.42),inset 0 1px 0 rgba(255,255,255,.28)}.knop:active{transform:translateY(0);filter:brightness(.97);box-shadow:0 1px 4px rgba(255,101,27,.3)}.knop:disabled{opacity:.6;cursor:default;transform:none}.knop.stil{background:#fff;color:var(--hbx-tekst);border:1px solid var(--hbx-lijn);font-weight:600;box-shadow:var(--schaduw-1)}.knop.stil:hover{border-color:var(--hbx-oranje);color:var(--hbx-oranje);box-shadow:0 3px 10px rgba(255,101,27,.15)}.knop.klein{padding:.34rem .8rem;font-size:.85rem;border-radius:7px}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:#fff;border:1px solid var(--hbx-lijn);border-radius:6px;padding:.45rem .6rem;font:inherit;color:var(--hbx-zwart)}input:hover,select:hover,textarea:hover{border-color:#C4C4BF}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--hbx-oranje);box-shadow:0 0 0 3px rgba(255,101,27,.15)}input:disabled,select:disabled,textarea:disabled{color:var(--hbx-tekst-gedempt);border-color:#E6E6E3}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%232F343A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;padding-right:1.8rem;cursor:pointer}.veldrij{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));grid-gap:.85rem 1rem;gap:.85rem 1rem;margin-bottom:.85rem}.veld label{display:block;font-size:.8rem;font-weight:700;margin-bottom:.28rem;color:#3C4248;letter-spacing:.02em}.filterbalk input,.filterbalk select,.login input,.veld input,.veld select,.veld textarea{width:100%;transition:border-color .15s,box-shadow .15s,background .15s}.veld textarea{min-height:72px;resize:vertical}.veld input::placeholder,.veld textarea::placeholder{color:#A8A8A3}input[type=checkbox]{accent-color:var(--hbx-oranje);width:1.05rem;height:1.05rem;cursor:pointer}input[type=file]{padding:.4rem .5rem;background:#FCFCFB;cursor:pointer}input[type=file]::-webkit-file-upload-button{margin-right:.7rem;border:1px solid var(--hbx-lijn);border-radius:6px;background:#fff;padding:.32rem .75rem;font-family:var(--hbx-font);font-size:.85rem;font-weight:600;cursor:pointer;-webkit-transition:border-color .15s,color .15s;transition:border-color .15s,color .15s}input[type=file]::file-selector-button{margin-right:.7rem;border:1px solid var(--hbx-lijn);border-radius:6px;background:#fff;padding:.32rem .75rem;font-family:var(--hbx-font);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}input[type=file]::-webkit-file-upload-button:hover{border-color:var(--hbx-oranje);color:var(--hbx-oranje)}input[type=file]::file-selector-button:hover{border-color:var(--hbx-oranje);color:var(--hbx-oranje)}a:focus-visible,button:focus-visible{outline:none;box-shadow:var(--focusring)}table.hbx input{font-size:.82rem;padding:.25rem .4rem}table.hbx select{font-size:.82rem;padding:.25rem 1.55rem .25rem .4rem;background-position:right .45rem center}.sel-prio-hoog,.sel-status-open{color:var(--hbx-kritiek);border-color:var(--hbx-kritiek);background-color:#FFF5F5}.sel-prio-middel,.sel-status-bezig{color:var(--hbx-waarschuwing);border-color:var(--hbx-waarschuwing);background-color:#FFF8F3}.sel-prio-laag{color:var(--hbx-neutraal);border-color:var(--hbx-lijn);background-color:#FAFAFA}.sel-doc-ok,.sel-status-afgerond{color:var(--hbx-ok);border-color:var(--hbx-ok);background-color:#F1F8F1}.sel-doc-waarschuwing{color:var(--hbx-waarschuwing);border-color:var(--hbx-waarschuwing);background-color:#FFF8F3}.sel-doc-kritiek{color:var(--hbx-kritiek);border-color:var(--hbx-kritiek);background-color:#FFF5F5}.sel-doc-neutraal{color:var(--hbx-neutraal);border-color:var(--hbx-lijn);background-color:#FAFAFA}tr.sectie-rij td{background:var(--hbx-kop-bg);font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#3C4248;border-top:2px solid var(--hbx-lijn);padding:.5em .6em}tr.sectie-rij .aantal{font-weight:400;color:var(--hbx-tekst-gedempt);text-transform:none;letter-spacing:0}.doc-acties{display:inline-flex;gap:.35rem;align-items:center;white-space:nowrap}.doc-acties .knop.klein{padding:.3rem .45rem;line-height:0}.hbx-accent{background:var(--hbx-accent-bg);padding:.85em 1.05em;border-left:4px solid var(--hbx-oranje);border-radius:0 var(--straal-k) var(--straal-k) 0;margin:.85em 0;font-size:.92rem}.hbx-noot{color:var(--hbx-tekst-gedempt);font-size:.82rem}.dropzone{position:relative;transition:border-color .15s,box-shadow .15s,background .15s}.dropzone.actief{border-color:var(--hbx-oranje);background:#FFFBF8;box-shadow:0 0 0 3px rgba(255,101,27,.18),var(--schaduw-2)}.sleep-hint{display:flex;align-items:center;justify-content:center;gap:.5rem;border:2px dashed #d5d5d0;border-radius:var(--straal-k);padding:.7rem 1rem;margin:.2rem 0 1rem;color:var(--hbx-tekst-gedempt);font-size:.88rem;transition:border-color .15s,color .15s}.dropzone.actief .sleep-hint{border-color:var(--hbx-oranje);color:var(--hbx-oranje);font-weight:600}.tabbalk{display:inline-flex;gap:.25rem;flex-wrap:wrap;margin-bottom:1.05rem;background:#ECECEA;border:1px solid #e0e0dc;border-radius:11px;padding:.28rem}.tabbalk button{display:inline-flex;align-items:center;gap:.45rem;background:transparent;border:none;border-radius:8px;padding:.48rem 1rem;font-size:.92rem;font-weight:600;color:#4A4F55;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.tabbalk button:hover{color:var(--hbx-zwart);background:rgba(255,255,255,.6)}.tabbalk button.actief{background:#fff;color:var(--hbx-zwart);box-shadow:var(--schaduw-1),inset 0 -2px 0 var(--hbx-oranje)}.filterbalk{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.95rem;align-items:center}.filterbalk input{min-width:250px;width:auto}.filterbalk select{width:auto}.modal-achter{position:fixed;inset:0;background:rgba(26,26,26,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:4.5vh 1rem;overflow:auto;animation:hbx-fade .18s ease-out}.modal{background:#fff;border-radius:14px;max-width:700px;width:100%;border-top:5px solid var(--hbx-oranje);box-shadow:var(--schaduw-3);animation:hbx-pop .22s cubic-bezier(.2,.9,.3,1.15)}.modal.breed{max-width:900px}.modal .kop{justify-content:space-between;padding:1.05rem 1.4rem;border-bottom:1px solid #ececea}.modal .kop,.modal .kop h3{display:flex;align-items:center}.modal .kop h3{font-size:1.12rem;gap:.5rem}.modal .lijf{padding:1.05rem 1.4rem 1.4rem}.modal .sluit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#F4F4F2;border:none;border-radius:8px;font-size:1.05rem;cursor:pointer;color:var(--hbx-tekst-gedempt);transition:background .15s,color .15s}.modal .sluit:hover{background:#ECECEA;color:var(--hbx-zwart)}.viewer-frame{width:100%;height:min(68vh,760px);background:#F7F7F5}.taalkeuze,.viewer-frame{border:1px solid var(--hbx-lijn);border-radius:8px}.taalkeuze{display:inline-flex;overflow:hidden;background:#fff}.taalkeuze button{border:none;background:transparent;padding:.28rem .55rem;font-size:.76rem;font-weight:700;letter-spacing:.04em;color:var(--hbx-tekst-gedempt);cursor:pointer;transition:background .15s,color .15s}.taalkeuze button+button{border-left:1px solid var(--hbx-lijn)}.taalkeuze button:hover{background:#F6F6F4}.taalkeuze button.actief{background:var(--hbx-antraciet);color:#fff}.taalkeuze.donker{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.taalkeuze.donker button{color:#C8CCD0}.taalkeuze.donker button+button{border-left-color:rgba(255,255,255,.28)}.taalkeuze.donker button:hover{background:rgba(255,255,255,.12)}.taalkeuze.donker button.actief{background:var(--hbx-oranje);color:#fff}.handteken-canvas{width:100%;height:170px;border:1.5px dashed var(--hbx-lijn);border-radius:8px;background:repeating-linear-gradient(0deg,#fff,#fff 38px,#FAFAF8 0,#FAFAF8 39px);touch-action:none;cursor:crosshair;display:block}.onderteken-bewijs{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.onderteken-bewijs img{max-height:74px;background:#fff;border:1px solid var(--hbx-lijn);border-radius:6px;padding:.2rem .5rem}tr.klikbaar{cursor:pointer}tr.klikbaar:hover td{background:#FFF8F3}@keyframes hbx-fade{0%{opacity:0}to{opacity:1}}@keyframes hbx-pop{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.melding{display:flex;gap:.75rem;align-items:flex-start;padding:.66rem .75rem;margin:.3rem 0;border:1px solid #efefec;border-left-width:4px;border-radius:9px;background:#FDFDFC}.melding.ok{border-left-color:var(--hbx-ok)}.melding.waarschuwing{border-left-color:var(--hbx-waarschuwing);background:#FFFBF7}.melding.kritiek{border-left-color:var(--hbx-kritiek);background:#FFF8F7}.melding .bol{width:10px;height:10px;border-radius:50%;margin-top:.4rem;flex:none}.melding.ok .bol{background:var(--hbx-ok)}.melding.waarschuwing .bol{background:var(--hbx-waarschuwing)}.melding.kritiek .bol{background:var(--hbx-kritiek);box-shadow:0 0 0 3px rgba(198,40,40,.14)}.park-kaarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:.8rem;gap:.8rem}.park-kaart{position:relative;background:#FDFDFC;border:1px solid #efefec;border-left-width:4px;border-radius:9px;padding:.7rem .85rem;transition:transform .15s,box-shadow .15s}.park-kaart:hover{transform:translateY(-2px);box-shadow:var(--schaduw-2)}.park-kaart.ok{border-left-color:var(--hbx-ok)}.park-kaart.waarschuwing{border-left-color:var(--hbx-waarschuwing);background:#FFFBF7}.park-kaart.kritiek{border-left-color:var(--hbx-kritiek);background:#FFF8F7}.park-kaart .kop{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.25rem}.park-kaart .kop b{line-height:1.25;overflow-wrap:anywhere}.park-kaart .hbx-status{flex:none}.park-kaart .detail{font-size:.84rem;color:var(--hbx-tekst-gedempt);margin-top:.15rem}.login{position:fixed;inset:0;display:flex;background:var(--hbx-antraciet)}.login .zijde{flex:1.2 1;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:3rem;color:#fff;background:linear-gradient(160deg,#2F343A,#23272C 70%)}.login .zijde:before{content:"";position:absolute;right:-180px;top:-180px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FF7A38,var(--hbx-oranje) 60%,#D9550F);opacity:.92;box-shadow:0 0 120px rgba(255,101,27,.35)}.login .zijde h1{font-size:2.15rem;position:relative;letter-spacing:-.015em}.vorkheftruck{position:absolute;top:14px;left:-180px;width:170px;z-index:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.3));animation:hbx-rijden 7s cubic-bezier(.45,.05,.35,1) .8s forwards}.vorkheftruck .wiel{animation:hbx-wiel 7s cubic-bezier(.45,.05,.35,1) .8s forwards}@keyframes hbx-rijden{0%{left:-180px}to{left:calc(100% - 145px)}}@keyframes hbx-wiel{0%{transform:rotate(0)}to{transform:rotate(3turn)}}.login .zijde p{max-width:34ch;color:#C8CCD0;position:relative}.login .zijde .lbl{font-size:.78rem;letter-spacing:.24em;color:var(--hbx-oranje);font-weight:700;position:relative}.login .paneel-l{flex:1 1;background:linear-gradient(180deg,#FFFFFF,#FAFAF8);display:flex;align-items:center;justify-content:center;padding:2rem}.login form{width:100%;max-width:350px}.login .logo{margin-bottom:2rem;line-height:0}.login label{display:block;font-size:.84rem;font-weight:700;margin:.95rem 0 .3rem;color:#3C4248}.login .knop{margin-top:1.5rem;width:100%;padding:.68rem}.login .noot{font-size:.78rem;color:var(--hbx-tekst-gedempt);margin-top:1.05rem}.login .fout{color:var(--hbx-kritiek);font-size:.88rem;margin-top:.7rem}.login .taal-mobiel{display:none;margin:0 0 1.2rem;text-align:right}.login .kolom{width:100%;max-width:350px}.login .kolom form{max-width:none}.login .reg-schakel{margin-top:2.1rem;padding-top:1.15rem;border-top:1px solid var(--hbx-lijn);font-size:.86rem;color:var(--hbx-tekst-gedempt)}.login .reg-schakel button{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--hbx-oranje);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login .reg-schakel button:hover{color:#E5530F}.login .reg-kaart{margin-top:1.6rem;background:#fff;border:1px solid var(--hbx-lijn);border-radius:10px;padding:1.15rem 1.3rem 1.3rem;box-shadow:0 1px 2px rgba(26,26,26,.05),0 10px 28px rgba(26,26,26,.07)}.login .reg-kaart h3{margin:0 0 .25rem;font-size:1.02rem}.login .reg-kaart .hbx-noot{margin:0 0 .35rem}.login .reg-kaart label{margin-top:.8rem}.login .reg-knoppen{display:flex;gap:.6rem;align-items:center}.login .reg-knoppen .knop{flex:1 1;margin-top:1.1rem}.login .reg-knoppen .knop.stil{flex:0 0 auto;width:auto;padding:.68rem 1rem}.login .reg-ok{margin-top:1.6rem;display:flex;gap:.75rem;align-items:flex-start;background:#F0F7F0;border:1px solid #bbdcbb;border-left:4px solid var(--hbx-ok);border-radius:8px;padding:.9rem 1rem}.login .reg-ok .vink{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--hbx-ok);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}.login .reg-ok b{font-size:.92rem}.login .reg-ok p{margin:.15rem 0 0;font-size:.84rem;color:#2F4F2F}.docvoorbeeld{background:#fff;font-size:.95rem;max-height:62vh;overflow:auto;padding:1.4cm;border:1px solid #e0e0dc;border-radius:4px;box-shadow:0 1px 3px rgba(26,26,26,.12),0 14px 34px rgba(26,26,26,.16);background-image:linear-gradient(180deg,rgba(26,26,26,.018),transparent 6px)}.doc-vel,.docvoorbeeld{position:relative}.watermerk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;z-index:1}.watermerk span{font-size:5.2rem;font-weight:900;letter-spacing:.18em;color:rgba(217,85,15,.07);transform:rotate(-28deg);white-space:nowrap;border:6px solid rgba(217,85,15,.06);border-radius:14px;padding:.2em .5em}.doc-kop{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;grid-gap:.3em 1.5em;gap:.3em 1.5em;border:.5pt solid var(--hbx-lijn);border-top:4px solid var(--hbx-oranje);padding:.85em 1.05em;margin-bottom:1.4em;font-size:.85rem;background:#fff}.doc-kop .logo{margin-bottom:.4em;line-height:0}.doc-kop .contact{color:var(--hbx-tekst-gedempt)}.doc-kop .meta{text-align:right;white-space:nowrap}.doc-kop .doel{grid-column:1/-1;border-top:.5pt solid var(--hbx-lijn);padding-top:.4em}.doc-kop .doel strong{color:var(--hbx-oranje)}.doc-titel{font-size:1.25rem;font-weight:700;border-bottom:3px solid var(--hbx-oranje);padding-bottom:.2em;margin:0 0 .8em}.doc-h2{font-size:1.02rem;font-weight:700;margin:1.1em 0 .35em}.ontwerp-label{display:inline-block;background:var(--hbx-waarschuwing);color:#fff;font-weight:700;font-size:.78rem;padding:.1em .6em;border-radius:99px;letter-spacing:.05em}.handtekenblok{margin-top:2.2em;page-break-inside:avoid}.handtekenblok p{margin:.2em 0}.handtekenblok .vakken{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em;gap:2em;margin-top:2.6em}.handtekenblok .vak{border-top:.5pt solid var(--hbx-tekst);padding-top:.3em;font-size:.9rem}.doc-voet{margin-top:1.6em;padding-top:.4em;border-top:.5pt solid var(--hbx-lijn);font-size:.74rem;color:var(--hbx-tekst-gedempt);display:flex;justify-content:space-between}#printvel{display:none}@media print{body.print-doc>*{display:none!important}body.print-doc #printvel{display:block!important}#printvel{font-size:11pt}#printvel .doc-kop .logo svg{height:1.2cm!important;width:auto}#printvel .watermerk{position:fixed;inset:0}#printvel .watermerk span{color:rgba(217,85,15,.06);border-color:rgba(217,85,15,.05)}@page{size:A4;margin:2cm}.doc-kop,.hbx-status,.ontwerp-label,.watermerk span,table.hbx th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width:900px){.app{grid-template-columns:1fr}.zijbalk{position:relative;height:auto}.zijbalk ul{display:flex;flex-wrap:wrap}.login{flex-direction:column}.login .zijde{display:none}.login .taal-mobiel{display:block}main{padding:1.1rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.vorkheftruck{left:calc(100% - 145px)}}