/* De deploybuild kopieert deze bestanden uit de gedeelde themabron. */
@import url('/assets/tokens.css');
@font-face{font-family:Inter;src:url('/assets/fonts/inter-var.woff2') format('woff2');font-weight:400 600;font-display:swap}
@font-face{font-family:Rajdhani;src:url('/assets/fonts/rajdhani-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--p-bg:#F3F3EF;--p-panel:var(--bz-surface);--p-text:var(--bz-text-on-surface);--p-title:var(--bz-heading-on-surface);--p-accent:var(--bz-brand);--p-line:#CBD0D2;--p-focus:#1E5C8C;--p-dark:var(--bz-surface-inverse);--p-on-dark:var(--bz-text-on-ink);--p-muted-dark:#B8C5D3;--p-large-radius:20px}
*{box-sizing:border-box}body{margin:0;background:var(--p-bg);color:var(--p-text);font:14px/1.6 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--p-focus);outline-offset:3px}[hidden]{display:none!important}.preview{text-align:center;font-size:12px;background:#E7E7DE;color:var(--p-title);padding:7px 16px}.skip{position:fixed;top:-80px;left:12px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.shell{display:grid;grid-template-columns:244px 1fr;min-height:calc(100vh - 33px)}.sidebar{background:var(--p-dark);color:var(--p-on-dark);padding:40px 22px 28px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:600 25px/1 Rajdhani,sans-serif;letter-spacing:.03em}.brand small{display:block;font:10px/1.7 Inter,sans-serif;letter-spacing:.19em;margin-top:5px}.brand-mark{border:1px solid #84919E;border-radius:10px;padding:10px;font-size:28px}.nav-label{font-size:10px;letter-spacing:.13em;color:var(--p-muted-dark);margin:60px 12px 16px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:none;color:var(--p-muted-dark);padding:14px 12px;border-radius:8px;margin:4px 0;font-size:13px}.nav-item span{font-size:20px}.nav-item.active{background:#27364A;color:white}.nav-item:hover{background:#223147;color:white}.sidebar-bottom{margin-top:auto;padding:80px 12px 0;font-size:9px;letter-spacing:.1em;color:var(--p-muted-dark)}.dot{display:inline-block;width:6px;height:6px;background:#CBB490;border-radius:50%;margin-right:5px}.sidebar-bottom p{font:600 21px/1.4 Rajdhani,sans-serif;color:white;letter-spacing:0}.sidebar-note{font-size:10px;letter-spacing:0}.workspace{min-width:0}.topbar{height:80px;border-bottom:1px solid var(--p-line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:12px}.slash{padding:0 16px;color:var(--p-accent)}.account{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;padding:6px;border-radius:8px}.account:hover{background:#E7E7DE}.avatar{display:grid;place-items:center;border:1px solid var(--p-line);background:var(--p-panel);width:32px;height:32px;border-radius:50%;color:var(--p-title)}main{max-width:1450px;margin:auto;padding:48px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--p-accent);margin:0 0 14px}h1,h2,h3{font-family:Rajdhani,sans-serif;font-weight:600;color:var(--p-title);line-height:1.08;margin:0}h1{font-size:clamp(38px,4.2vw,62px);letter-spacing:-.03em}h2{font-size:30px;letter-spacing:-.015em}h3{font-size:22px}.intro{font-size:14px;line-height:1.75;margin:16px 0 0}.heading-number{font:600 110px/1 Rajdhani,sans-serif;color:#D2D2C7;align-self:flex-end;padding-right:20px}.heading-number span{display:block;text-align:center;font:10px Inter,sans-serif;letter-spacing:.18em;color:var(--p-text)}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.steps{display:flex;list-style:none;padding:0;margin:0 0 24px;gap:12px}.steps li{flex:1;min-width:0}.steps button{width:100%;border:0;border-bottom:2px solid var(--p-line);background:none;text-align:left;padding:14px 0;color:var(--p-text);font-size:12px;white-space:nowrap}.steps b{font-weight:400;margin-right:10px}.steps [aria-current]{border-color:var(--p-accent);color:var(--p-accent);font-weight:600}.panel{background:var(--p-panel);border:1px solid #DFE1DA;border-radius:var(--p-large-radius);padding:32px}.section-heading{margin-bottom:28px}.section-heading p{margin:10px 0 0;font-size:13px}.section-index{float:right;font-size:10px;letter-spacing:.12em;color:var(--p-text);padding-top:8px}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-weight:600;color:var(--p-title);font-size:12px;margin-bottom:14px}.request-kind{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--p-line);border-radius:10px;display:flex;align-items:flex-start;gap:8px;padding:16px;cursor:pointer}.choice:has(input:checked){border-color:var(--p-accent);background:#F6F3EE}.choice input{accent-color:var(--p-accent);margin-top:4px}.choice strong{display:block;font-size:12px;color:var(--p-title)}.choice small{display:block;font-size:10px;margin-top:4px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}label{font-size:12px;font-weight:500;color:var(--p-title)}label input:not([type=radio]):not([type=file]),label select,label textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--p-line);border-radius:8px;min-height:46px;padding:11px 12px;color:var(--p-title);background:var(--p-panel);font-size:13px}input::placeholder,textarea::placeholder{color:#68717A;opacity:1;font-size:12px}.full{grid-column:1/-1}.required{color:var(--p-accent)}.optional{font-size:10px;font-weight:400;color:var(--p-text);padding-left:5px}.hint{font-size:11px;line-height:1.65;color:var(--p-text);margin:16px 0 22px}.block{display:block;margin-top:24px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.primary,.secondary,.text-button{border-radius:8px;min-height:44px;padding:11px 16px;font-size:12px;font-weight:600}.primary{background:var(--p-accent);color:var(--bz-text-on-brand);border:1px solid var(--p-accent);display:inline-flex;justify-content:center;align-items:center;gap:20px}.primary:hover{background:var(--bz-brand-dark)}.secondary{background:white;color:var(--p-title);border:1px solid var(--p-line)}.secondary:hover{border-color:var(--p-accent)}.text-button{background:none;border:0;color:var(--p-accent);text-decoration:underline;text-underline-offset:4px;padding-inline:0}#next{margin-left:auto}.feedback{font-size:12px;min-height:20px}.guide{margin-top:5px;border-radius:var(--p-large-radius);overflow:hidden;background:#EAECE4}.guide-top{background:var(--p-dark);color:var(--p-muted-dark);padding:28px}.guide-top .eyebrow{color:#CBB490}.guide-top h2{color:white;font-size:36px}.guide-top svg{width:100%;margin:28px 0 8px}.guide-top p{font-size:12px;line-height:1.8;margin:0}.guide-bottom{padding:24px}.guide-bottom h3{font-size:20px;line-height:1.25}.guide-bottom ul{list-style:none;padding:0;font-size:12px;line-height:1.6}.guide-bottom li{padding:10px 0;border-bottom:1px solid var(--p-line)}.guide-bottom li::before{content:'↗';color:var(--p-accent);margin-right:10px}.guide-bottom .hint{margin-bottom:0}.work-item{padding:18px;border:1px solid var(--p-line);border-radius:12px;margin-top:16px}.work-item legend{padding:0 8px}.work-item .hint{margin-bottom:0}.remove-work{font-size:11px}.upload{border:1px dashed var(--p-line);padding:32px 20px;text-align:center;border-radius:12px;background:#F8F8F5}.upload-icon{display:block;font-size:32px;color:var(--p-accent);margin-bottom:12px}.upload p{font-size:12px}.file-label{display:inline-block;padding:10px 16px;background:white;border:1px solid var(--p-line);border-radius:8px;cursor:pointer;position:relative}.file-label input{display:block;margin-top:12px;max-width:100%;font-size:11px}.upload .hint{margin-bottom:0}.file-list{padding:0;list-style:none;font-size:12px}.file-list li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--p-line);overflow-wrap:anywhere}.file-list button{border:0;background:none;color:var(--p-accent);min-height:44px}.info{padding:16px;border:1px solid var(--p-line);border-left:3px solid var(--p-accent);border-radius:8px;font-size:12px;margin:24px 0;background:#F8F7F4}dl{display:grid;grid-template-columns:1fr 1.6fr;gap:0;margin:18px 0 28px}dt,dd{padding:10px 0;margin:0;border-bottom:1px solid var(--p-line);font-size:12px;overflow-wrap:anywhere}dd{color:var(--p-title)}.review-section{margin:24px 0}.review-section button{margin-top:8px}.empty{margin-top:30px;padding:72px 24px;text-align:center}.empty>span{font-size:36px;color:var(--p-accent)}.empty h2{margin:20px 0}.empty p{font-size:14px}.view>h1{margin-bottom:20px}footer{display:flex;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:.12em;border-top:1px solid var(--p-line);margin-top:52px;padding:24px 0}footer span{letter-spacing:0;font-size:11px}#draft-card{margin-top:28px}#draft-card p{margin:12px 0 22px}.draft-list{list-style:none;padding:0;margin:0}.draft-list li{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--p-line)}.draft-list li:last-child{border-bottom:0}.draft-list span{min-width:0}.draft-list strong,.draft-list small{display:block}.draft-list strong{color:var(--p-title);font:600 21px/1.25 Rajdhani,sans-serif}.draft-list small{margin-top:5px;color:var(--p-text)}
.new-draft{margin-top:20px}@media(min-width:1550px){main{padding:64px}.form-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1150px){.shell{grid-template-columns:200px 1fr}.sidebar{padding:32px 16px}.brand{font-size:22px}.brand-mark{padding:7px}.topbar{padding:0 28px}main{padding:32px 28px}.form-layout{grid-template-columns:minmax(0,1fr)}.guide{display:none}.heading-number{font-size:90px}.nav-item{font-size:12px;gap:8px}.account{font-size:11px}}
@media(max-width:700px){.shell{display:block}.sidebar{padding:18px 20px}.brand{font-size:23px}.brand-mark{padding:7px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;margin-top:18px}.nav-item{font-size:11px;padding:9px 8px;justify-content:center;margin:0}.nav-item span{display:none}.topbar{height:58px;padding:0 20px;font-size:11px}.account{display:none}main{padding:28px 20px}.heading-number{display:none}h1{font-size:44px}.intro{font-size:13px}.desktop-break{display:none}.page-heading{margin-bottom:22px}.steps{gap:8px;margin-bottom:18px}.steps button{font-size:10px}.steps b{display:block;margin:0 0 4px}.panel{padding:22px 18px;border-radius:14px}.fields,.request-kind{grid-template-columns:1fr}.choice{padding:14px}.choice strong{font-size:13px}.choice small{font-size:11px}.section-index{font-size:9px}h2{font-size:28px}.form-actions{gap:8px}#save{order:3;width:100%;text-align:center}.primary,.secondary{font-size:12px;padding:11px 14px}#back{margin-right:auto}footer{font-size:8px}footer span{font-size:10px}dl{grid-template-columns:1fr 1fr}.empty{padding:36px 18px}.work-item{padding:12px}.draft-list li{align-items:stretch;flex-direction:column}.draft-list .secondary{width:100%}}
/* Login */
.login-page { min-height: 100vh; background: #f3f0e9; }
.login-shell { max-width: none; min-height: 100vh; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(300px, .9fr) minmax(420px, 1.1fr); }
.login-brand { background: var(--p-dark); color: #fff; padding: clamp(2rem, 5vw, 5rem); display: flex; flex-direction: column; justify-content: space-between; gap: 4rem; }
.login-brand .brand { color: #fff; align-self: flex-start; }
.login-brand h1 { color: #fff; font-size: clamp(3rem, 6vw, 5.5rem); line-height: .9; margin: .65rem 0 1.5rem; }
.login-brand p { max-width: 34rem; color: #d9dfdf; }
.login-note { font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }
.login-card { width: min(100% - 3rem, 34rem); margin: auto; padding: clamp(2rem, 5vw, 4rem); background: #fff; border-top: 5px solid var(--p-accent); box-shadow: 0 1.5rem 5rem rgba(23,33,43,.12); }
.login-card h2 { font-size: clamp(2.25rem, 5vw, 3.75rem); line-height: 1; margin: .5rem 0 1rem; }
.login-intro { margin-bottom: 2rem; color: #56616b; }
.login-card label { display: grid; gap: .5rem; margin: 0 0 1.15rem; font-weight: 700; }
.login-card input { width: 100%; min-height: 3.25rem; border: 1px solid #aeb7bd; padding: .75rem; font: inherit; }
.login-card input:focus { outline: 3px solid rgba(73,125,145,.28); border-color: #497d91; }
.login-submit { width: 100%; justify-content: center; margin-top: .5rem; }
.captcha { min-height: 65px; margin: 1rem 0; }
.enroll { padding: 1rem; background: #edf3f3; border-left: 4px solid #497d91; }
.login-support { margin: 2rem 0 0; padding-top: 1.25rem; border-top: 1px solid #d9dfdf; color: #68727a; font-size: .875rem; }
@media (max-width: 760px) {
  .login-shell { grid-template-columns: 1fr; }
  .login-brand { min-height: 38vh; gap: 2rem; padding: 2rem; }
  .login-brand h1 { font-size: clamp(2.75rem, 14vw, 4.5rem); }
  .login-card { margin: -2rem auto 2rem; position: relative; width: min(100% - 2rem, 34rem); padding: 2rem; }
}