.review-bar a{color:var(--link);text-decoration:underline;text-underline-offset:3px;font-weight:650;margin-left:.8rem}
.no-script-nav{display:flex;flex-wrap:wrap;gap:1rem;padding-block:1rem;font-size:1rem}
.mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;max-width:90vw;border:0;border-left:1px solid var(--line);color:var(--ink);background:var(--surface);overflow:auto;padding:2rem 1.5rem;box-shadow:-20px 0 80px rgba(0,0,0,.35)}
.mobile-menu[open]{display:flex;flex-direction:column;gap:1.7rem}
.mobile-menu::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
.mobile-menu-heading{padding-right:2.5rem}
.mobile-menu-heading h2{font-size:1.5rem;letter-spacing:-.02em}
.mobile-menu-heading p{font-size:1rem;line-height:1.5;margin-top:.5rem}
.mobile-menu .button{width:100%}
.dialog-open{overflow:hidden}
svg{vertical-align:middle}

.coming-soon-page{background:var(--page-background)}
.coming-soon-shell{width:min(1180px,calc(100% - 5rem));margin:auto;min-height:100svh;display:flex;flex-direction:column}
.coming-soon-shell>header{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-block:2.4rem}
.coming-soon-logo{width:250px;max-width:60%;display:block}
.coming-soon-login{display:flex;align-items:center;gap:.65rem;font-weight:650;font-size:1rem;color:var(--primary)}
.coming-soon-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-block:4rem 5rem;max-width:780px}
.coming-soon-main h1{font-size:clamp(3.2rem,6.4vw,5.5rem);max-width:14ch;letter-spacing:-.045em}
.coming-soon-main h1 span{color:var(--link)}
.coming-soon-main>p:not(.eyebrow){font-size:1.25rem;max-width:640px;margin-top:1.7rem}
.coming-soon-principle{display:flex;align-items:center;gap:1.35rem;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--line);max-width:600px}
.coming-soon-principle img{flex:0 0 64px}
.coming-soon-principle p{font-size:1.1rem;font-weight:550;line-height:1.6}
.construction-label{margin-top:2.3rem;align-self:flex-start;font-size:.875rem;font-weight:650;color:var(--link);background:var(--accent);padding:.5rem .9rem;border-radius:2rem}
.coming-soon-shell>footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;padding-block:1.4rem;color:var(--muted-foreground);font-size:.875rem}

.auth-page{background:var(--page-background)}
.auth-layout{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.auth-story,.auth-form-panel,.auth-form-inner,.development-sidebar{min-width:0;background:rgba(7,17,31,.94)}
.auth-story{background:radial-gradient(ellipse at 10% 10%,rgba(0,194,179,.11),transparent 70%),linear-gradient(145deg,#0b1728,#091422);padding:3rem clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;gap:4rem;border-right:1px solid var(--line)}
.auth-brand{width:260px;max-width:100%;display:block}
.auth-story h2{font-size:clamp(2.7rem,4.2vw,4.3rem);line-height:1.08}
.auth-story>div>p:not(.eyebrow){font-size:1.2rem;max-width:450px;margin-top:1.8rem}
.auth-flow{list-style:none;display:flex;flex-wrap:wrap;gap:.65rem;margin:2.5rem 0 0;padding:0}
.auth-flow li{font-size:.9375rem;font-weight:550;border:1px solid var(--line);padding:.35rem .7rem;border-radius:.5rem;color:var(--muted-foreground);background:var(--panel)}
.auth-flow li.current{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}
.auth-story-footnote{font-size:1rem}
.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:4rem 3rem}
.auth-form-inner{width:100%;max-width:430px}
.auth-form-inner h1{font-size:2.6rem;max-width:none;margin-top:1.5rem;line-height:1.12}
.auth-form-inner>p{font-size:1rem;line-height:1.65;margin-top:1rem}
.auth-form{display:grid;gap:1.25rem;margin-top:1.7rem}
.field{display:grid;gap:.5rem;min-width:0}
.field label{font-size:1rem;font-weight:650;line-height:1.4;color:var(--ink)}
.field input,.field textarea{width:100%;min-width:0;font-size:1rem;min-height:3.1rem;padding:.8rem 1rem;background:rgba(7,17,31,.72);border:1px solid var(--line);border-radius:.6rem;line-height:1.4;color:var(--foreground);appearance:none;border-color:var(--input)}
.field input:hover,.field textarea:hover{border-color:#8da2b5}
.field input:focus-visible,.field textarea:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--ring)}
.field small{font-size:.875rem;color:var(--muted-foreground);line-height:1.45}
.auth-form .button{width:100%;margin-top:.4rem}
.auth-hint{font-size:.875rem!important;color:var(--muted-foreground);margin-top:1.2rem!important}
.auth-return{display:inline-block;margin-top:2.5rem;font-size:.9375rem;font-weight:650}
.form-alert{padding:1rem 1.1rem;background:rgba(0,194,179,.08);border:1px solid var(--line);border-radius:.6rem;font-size:1rem;line-height:1.55;color:var(--link);margin-block:1.4rem;border-color:rgba(0,194,179,.25)}
.form-alert ul{margin:0;padding-left:1.2rem}
.form-error{background:#351b25;border-color:#b57784;color:#ffc4c9}
.form-success{background:#15312c;border-color:#497f70;color:#97ead9}

.development-page{background:var(--page-background);font-size:1rem;line-height:1.6}
.development-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100svh}
.development-sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100svh;overflow:auto;background:rgba(7,17,31,.94);border-right:1px solid var(--line);padding:2rem 1.3rem}
.development-logo{display:block;width:218px;max-width:100%;margin:.4rem auto 0}
.sidebar-caption{font-size:.875rem;letter-spacing:.01em;color:var(--muted-foreground);margin:1.4rem .7rem 1.2rem}
.development-nav{display:flex;flex-direction:column;gap:.35rem}
.management-menu{grid-column:1/-1;min-width:0}
.management-menu summary{display:flex;align-items:center;gap:.85rem;min-height:48px;padding:.9rem .85rem;border-radius:.6rem;color:var(--muted-foreground);font-size:1rem;font-weight:650;line-height:1.35;cursor:pointer;list-style:none}
.management-menu summary::-webkit-details-marker{display:none}
.management-menu summary:hover{background:var(--panel-strong);color:var(--link)}
.management-menu summary:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.management-chevron{width:.5rem;height:.5rem;margin-left:auto;margin-right:.25rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.management-menu[open] .management-chevron{transform:rotate(225deg)}
.management-links{display:flex;flex-direction:column;gap:.35rem;margin:.35rem 0 .35rem .7rem;padding-left:.45rem;border-left:1px solid var(--line)}
.development-nav a,.preview-link,.logout-button{display:flex;align-items:center;gap:.85rem;font-size:1rem;font-weight:550;color:var(--muted-foreground);padding:.9rem .85rem;border-radius:.6rem;line-height:1.35;min-height:48px}
.development-nav svg,.preview-link svg,.logout-button svg{flex-shrink:0}
.development-nav a:hover,.preview-link:hover,.logout-button:hover{background:var(--panel-strong);color:var(--link)}
.development-nav a[aria-current=page]{background:var(--accent);color:var(--link);font-weight:700}
.sidebar-bottom{margin-top:auto;padding-top:3rem}
.sidebar-bottom form{margin:0}
.logout-button{background:none;border:0;width:100%;text-align:left;cursor:pointer}
.development-content{min-width:0}
.development-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:5.1rem;padding:1rem 2.5rem;border-bottom:1px solid var(--line);background:rgba(11,23,40,.82);font-size:.9375rem;font-weight:650;color:var(--muted-foreground)}
.topbar-separator{margin-inline:.65rem;color:var(--muted-foreground)}
.dev-user{display:flex;align-items:center;gap:.55rem;min-width:0}
.dev-user svg{flex-shrink:0}
.development-main{width:min(1390px,100%);padding:2.7rem 2.5rem}
.development-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1.8rem;margin-bottom:2rem}
.development-heading>div{min-width:0}
.development-heading .eyebrow{font-size:.875rem;margin-bottom:.7rem;letter-spacing:.05em}
.development-heading h1{font-size:2.5rem;line-height:1.18;max-width:none}
.development-heading p:last-child{font-size:1rem;margin-top:.7rem;max-width:740px}
.status{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .65rem;border:1px solid var(--line);border-radius:.4rem;font-size:.875rem;font-weight:650;line-height:1.35;text-align:center;background:var(--panel);color:var(--muted-foreground);max-width:100%}
.status-review,.status-partial{background:#302519;border-color:#8c6c3c;color:#f5cf83}
.status-complete,.status-pass{background:#15312c;border-color:#497f70;color:#97ead9}
.status-open{background:#351b25;border-color:#b57784;color:#ffc4c9}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;margin-bottom:1.5rem}
.metric-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:1.5rem 1.7rem;min-width:0}
.metric-card .metric-label{font-size:.9375rem;color:var(--muted-foreground)}
.metric-card strong{font-size:2.2rem;line-height:1.3;font-weight:650;letter-spacing:-.04em;margin-top:.35rem;color:var(--foreground)}
.metric-card>span:last-child{font-size:.9375rem;margin-top:.45rem;color:var(--muted-foreground)}
.next-step-card{display:flex;align-items:center;gap:1.4rem;background:rgba(0,194,179,.07);border:1px solid var(--line);border-radius:.9rem;padding:1.7rem;margin-bottom:1.7rem;border-color:rgba(0,194,179,.21)}
.next-step-card>div{flex:1;min-width:0}
.next-step-card .eyebrow{margin-bottom:.35rem;font-size:.875rem}
.next-step-card h2{font-size:1.6rem;letter-spacing:-.025em}
.next-step-card p:last-child{margin-top:.6rem;font-size:1rem}
.next-step-card .icon-tile{flex-shrink:0;background:var(--accent)}
.next-step-card .button{flex-shrink:0}
.development-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem;align-items:start}
.development-card{background:var(--panel);border:1px solid var(--line);border-radius:.9rem;padding:1.8rem 2rem;margin-bottom:1.5rem;min-width:0}
.development-grid>.development-card{margin-bottom:0;background:var(--panel)}
.development-card h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.025em}
.development-card>p{font-size:1rem;margin-top:1rem}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.card-heading a{font-size:.9375rem;font-weight:600}
.card-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:1.9rem;width:auto;height:1.9rem;padding-inline:.65rem;margin-inline-start:auto;border-radius:999px;background:var(--accent);color:var(--link);font-size:.9375rem;font-weight:650;line-height:1;white-space:nowrap}
.block-list{list-style:none;margin:0;padding:0}
.block-list>li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:start;gap:.9rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.block-list>li:last-child{border-bottom:0;padding-bottom:0}
.block-number{font-size:.9375rem;color:var(--muted-foreground);font-weight:650;padding-top:.1rem}
.block-list strong{font-size:1rem;line-height:1.4;font-weight:650;color:var(--foreground)}
.block-list p{font-size:.9375rem;line-height:1.45;margin-top:.35rem}
.open-list{list-style:none;padding:0;margin:1rem 0 1.3rem;display:grid;gap:1rem}
.open-list>li{border-bottom:1px solid var(--line);padding-bottom:1rem;min-width:0}
.open-list strong{font-size:1rem;font-weight:650;color:var(--foreground)}
.open-list p{font-size:.9375rem;line-height:1.5;margin-top:.35rem}
.open-list-columns{grid-template-columns:1fr 1fr;gap:1.4rem 2.5rem;margin-bottom:0}
.release-note{display:flex;align-items:center;gap:1.5rem}
.release-note>div{flex:1;min-width:0}
.release-note p{font-size:.9375rem;margin-top:.35rem}
.release-version{font-size:.9375rem;font-weight:650;line-height:1.4;color:var(--link);background:var(--accent);padding:.45rem .8rem;border-radius:.45rem}
.development-footer{border-top:1px solid var(--line);padding-top:1.5rem;display:flex;justify-content:space-between;gap:1.2rem;font-size:.875rem;color:var(--muted-foreground);margin-top:2rem}
.project-facts{margin:1.2rem 0 0}
.project-facts>div{padding-block:.9rem;border-bottom:1px solid var(--line)}
.project-facts>div:last-child{border:0;padding-bottom:0}
.project-facts dt{font-size:.9375rem;font-weight:650;color:var(--foreground)}
.project-facts dd{margin:.35rem 0 0;font-size:1rem;color:var(--muted-foreground)}
.document-button{margin-top:1.5rem}
.palette-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.palette-swatch{padding:1.2rem;border-radius:.7rem;display:flex;flex-direction:column;gap:.5rem;min-width:150px}
.palette-swatch span{font-size:.9375rem}
.palette-swatch strong{font-size:1rem}
.navy-swatch{background:var(--background);color:var(--foreground);border:1px solid var(--line)}
.teal-swatch{background:var(--primary);color:var(--primary-foreground)}
.small-copy{font-size:.9375rem!important;line-height:1.5}
.decision-list{list-style:none;margin:1.5rem 0 0;padding:0}
.decision-list>li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:1.5rem;padding-block:1.3rem;border-top:1px solid var(--line)}
.decision-list>li>span{font-size:.9375rem;color:var(--muted-foreground)}
.decision-list h3{font-size:1.15rem;line-height:1.4}
.decision-list p{margin-top:.5rem;font-size:1rem}
.planning-note{padding:1.4rem 1.7rem;border:1px solid var(--line);background:var(--panel);border-radius:.8rem;display:flex;gap:1.3rem;align-items:center;margin-bottom:1.5rem}
.planning-note .icon-tile{flex-shrink:0;background:var(--accent)}
.planning-note p{font-size:1rem}
.planning-block>header{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;gap:1.1rem;align-items:start}
.planning-block header p{font-size:1rem;margin-top:.5rem}
.planning-detail{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;padding-left:3.1rem;margin-top:1.8rem}
.planning-detail h3{font-size:1rem;line-height:1.4;color:var(--foreground);letter-spacing:0}
.planning-detail ul{margin:.7rem 0 0;padding-left:1.2rem;color:var(--muted-foreground);font-size:1rem}
.planning-detail li+li{margin-top:.5rem}
.planning-detail p{margin-top:.7rem}
.changelog-entry>header{display:flex;gap:1.2rem;align-items:center;margin-bottom:1.3rem}
.changelog-entry time{color:var(--muted-foreground);font-size:.9375rem}
.changelog-entry ul{padding-left:1.3rem;font-size:1rem;color:var(--muted-foreground);margin:1.3rem 0 0}
.changelog-entry li+li{margin-top:.65rem}
.check-list{margin-top:.8rem}
.check-list article{display:grid;grid-template-columns:1.7rem minmax(0,1fr) auto;align-items:start;gap:1rem;padding-block:1.3rem;border-bottom:1px solid var(--line)}
.check-list article:last-child{border:0;padding-bottom:0}
.check-icon{color:var(--primary)}
.check-list h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.01em}
.check-list p{font-size:1rem;line-height:1.5;margin-top:.4rem}
.launch-gate{display:flex;gap:1.4rem;background:rgba(0,194,179,.045)}
.launch-gate .icon-tile{flex-shrink:0;background:var(--accent)}
.launch-gate p{font-size:1rem;margin-top:.8rem}
.account-card{max-width:670px}
.account-card .auth-form{max-width:450px}
@media(max-width:1180px){.development-shell{grid-template-columns:235px minmax(0,1fr)}.development-main{padding:2rem 1.5rem}.development-topbar{padding-inline:1.5rem;background:rgba(11,23,40,.82);color:var(--muted-foreground)}.development-grid{grid-template-columns:1fr}.metric-card{padding:1.3rem;background:var(--panel)}.metric-card strong{font-size:1.9rem;color:var(--foreground)}.next-step-card{flex-wrap:wrap;background:rgba(0,194,179,.07);border-color:rgba(0,194,179,.21)}.next-step-card .button{margin-left:4.8rem}.development-sidebar{padding:1.6rem 1rem;background:rgba(7,17,31,.94)}}
@media(max-width:800px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:2rem;border-right:0;border-bottom:1px solid var(--line);gap:2rem;background:radial-gradient(ellipse at 10% 10%,rgba(0,194,179,.11),transparent 70%),linear-gradient(145deg,#0b1728,#091422)}.auth-story h2{font-size:2.4rem}.auth-story h2 br{display:none}.auth-story>div>p:not(.eyebrow){max-width:650px;margin-top:1rem;font-size:1.1rem}.auth-flow{margin-top:1.5rem}.auth-story-footnote{display:none}.auth-form-panel{padding:3rem 2rem}.auth-form-inner{max-width:550px}.auth-form-inner h1{font-size:2.35rem}.development-shell{grid-template-columns:1fr}.development-sidebar{position:static;height:auto;overflow:visible;padding:1.3rem 1.5rem;border-right:0;border-bottom:1px solid var(--line);background:rgba(7,17,31,.94)}.development-logo{width:215px;margin:0}.sidebar-caption{margin:1rem 0 .75rem}.development-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.development-nav a{font-size:.9375rem;padding:.7rem}.sidebar-bottom{display:flex;gap:.6rem;flex-wrap:wrap;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--line)}.preview-link,.logout-button{font-size:.9375rem;min-height:44px;padding:.6rem .7rem}.development-topbar{min-height:4rem;background:rgba(11,23,40,.82);color:var(--muted-foreground)}.development-main{padding:2rem 1.5rem}.development-heading h1{font-size:2.3rem}.development-heading{gap:1rem}.metric-grid{gap:.8rem}.metric-card{padding:1.2rem;background:var(--panel)}.metric-card strong{font-size:1.7rem;color:var(--foreground)}.coming-soon-shell{width:calc(100% - 3rem)}.coming-soon-shell>header{padding-block:1.8rem}.coming-soon-login{font-size:.9375rem}.coming-soon-main{padding-block:3rem}.coming-soon-shell>footer{flex-wrap:wrap}.open-list-columns{grid-template-columns:1fr}.planning-detail{gap:1.5rem;padding-left:0}.development-footer{flex-direction:column;gap:.5rem}}
@media(max-width:520px){.coming-soon-shell{width:calc(100% - 2.5rem)}.coming-soon-shell>header{flex-direction:column;align-items:flex-start;gap:1.4rem}.coming-soon-logo{width:235px;max-width:100%}.coming-soon-main h1{font-size:clamp(2.7rem,11vw,3.7rem)}.coming-soon-main>p:not(.eyebrow){font-size:1.125rem}.coming-soon-principle{align-items:flex-start;gap:1rem}.coming-soon-principle img{width:50px;flex-basis:50px}.coming-soon-principle p{font-size:1rem}.auth-story{padding:1.5rem;gap:1.5rem;background:radial-gradient(ellipse at 10% 10%,rgba(0,194,179,.11),transparent 70%),linear-gradient(145deg,#0b1728,#091422)}.auth-story h2{font-size:2.05rem}.auth-story .eyebrow{margin-bottom:1rem}.auth-brand{width:235px}.auth-form-panel{padding:2rem 1.5rem}.auth-form-inner h1{font-size:2.1rem}.development-sidebar{padding:1.3rem 1.2rem;background:rgba(7,17,31,.94)}.development-nav{grid-template-columns:1fr 1fr}.development-nav a{gap:.65rem;align-items:flex-start}.development-nav a svg{width:19px;height:19px}.development-main{padding:1.8rem 1.2rem}.development-topbar{padding:1rem 1.2rem;flex-wrap:wrap;background:rgba(11,23,40,.82);color:var(--muted-foreground)}.development-heading{flex-direction:column;margin-bottom:1.6rem}.development-heading h1{font-size:2rem}.metric-grid{grid-template-columns:1fr}.metric-card{padding:1.2rem 1.4rem;background:var(--panel)}.metric-card strong{font-size:2rem;color:var(--foreground)}.next-step-card{padding:1.3rem;gap:1rem;background:rgba(0,194,179,.07);border-color:rgba(0,194,179,.21)}.next-step-card>div{flex-basis:calc(100% - 4.3rem)}.next-step-card .button{width:100%;margin-left:0}.next-step-card h2{font-size:1.45rem}.development-card{padding:1.4rem;background:var(--panel)}.block-list>li{grid-template-columns:1.4rem minmax(0,1fr);gap:.75rem}.block-list>li>.status{grid-column:2;justify-self:start;background:var(--panel);color:var(--muted-foreground)}.release-note{flex-wrap:wrap;gap:1rem}.release-note>div{flex-basis:calc(100% - 6rem)}.decision-list>li{grid-template-columns:1fr;gap:.6rem}.planning-note{padding:1.2rem;align-items:flex-start;gap:1rem;background:var(--panel)}.planning-note .icon-tile{width:2.8rem;height:2.8rem;background:var(--accent)}.planning-block>header{grid-template-columns:1.4rem minmax(0,1fr);gap:.75rem}.planning-block header>.status{grid-column:2;justify-self:start;background:var(--panel);color:var(--muted-foreground)}.planning-detail{grid-template-columns:1fr;gap:1.4rem}.check-list article{grid-template-columns:1.4rem minmax(0,1fr);gap:.75rem}.check-list article>.status{grid-column:2;justify-self:start;background:var(--panel);color:var(--muted-foreground)}.launch-gate{flex-direction:column;gap:1rem;background:rgba(0,194,179,.045)}.palette-swatch{min-width:130px;flex:1}}

@media(max-width:800px){.auth-layout,.development-shell{grid-template-columns:minmax(0,1fr)}}

input::placeholder{color:var(--muted-foreground);opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--foreground);-webkit-box-shadow:0 0 0 1000px var(--surface) inset;caret-color:var(--foreground)}

.development-card,.metric-card,.next-step-card,.planning-note{--muted-foreground:#d7deea;--soft-ink:#d7deea}

/* Core Flow: rustige invoer, ontvangst en afgeschermde dossiers. */
.discovery-form{display:grid;gap:1.5rem;margin-top:1.75rem}
.field textarea{resize:vertical;min-height:7rem;overflow-wrap:anywhere}
.field [aria-invalid="true"]{border-color:#b57784}
.field-error{color:#ffc4c9;font-size:.9375rem;line-height:1.5}
.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.error-summary a{text-decoration:underline;text-underline-offset:.2em}
.error-summary ul{margin-top:.65rem}
.discovery-form .button{width:100%;min-height:3.4rem}
.discovery-form .button[aria-disabled="true"]{cursor:wait}
.form-privacy,.form-footnote,.submission-progress{font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere}
.submission-progress{color:var(--link)}
.submission-progress[hidden]{display:none}
.receipt-lead{margin-top:1rem}
.receipt-details{display:grid;gap:1rem;margin-top:1.75rem}
.receipt-details dt,.dossier-fields dt{font-size:.9375rem;color:var(--muted-foreground);margin-bottom:.4rem}
.receipt-details dd{margin:0;font-weight:650;overflow-wrap:anywhere}
.request-preview{scroll-margin-top:8rem}
.request-preview>.icon-tile{margin-bottom:1.2rem}
.request-list{list-style:none;padding:0;margin:1.5rem 0 0}
.request-list li+li{border-top:1px solid var(--line)}
.request-link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.3rem .5rem;border-radius:.4rem}
.request-link:hover{background:var(--accent)}
.request-link>div{display:grid;gap:.35rem;min-width:0;overflow-wrap:anywhere}
.request-link strong{font-size:1.2rem;color:var(--foreground)}
.request-link span:not(.status){color:var(--muted-foreground);font-size:.9375rem}
.request-link .status{flex-shrink:0}
.request-reference{font-size:.875rem;letter-spacing:.02em;overflow-wrap:anywhere;color:var(--muted-foreground)}
.request-empty{display:grid;justify-items:start;gap:1.3rem;padding-block:2rem}
.request-empty h3{margin-top:.4rem}
.request-empty p{max-width:40rem}
.request-pagination{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.dossier-back{margin-bottom:1.5rem}
.dossier-grid{align-items:start;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.dossier-side{display:grid;gap:1.5rem;min-width:0}
.dossier-fields{display:grid;gap:1.2rem;margin-top:1.5rem}
.dossier-fields>div{border-bottom:1px solid var(--line);padding-bottom:1.2rem;min-width:0}
.dossier-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:var(--foreground)}
.dossier-note{margin-top:1.2rem;font-size:.9375rem;line-height:1.65}
@media(max-width:1180px){.dossier-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.request-link{flex-direction:column;align-items:flex-start}.request-link .status{align-self:flex-start}.request-pagination .button{flex:1}.request-preview{scroll-margin-top:6rem}}

/* Afgeschermde database-inrichting gebruikt dezelfde MAVAWI-formulierstijl. */
.database-grid{align-items:start}
.database-extra{border:1px solid var(--line);border-radius:.6rem;padding:1rem}
.database-extra summary{cursor:pointer;font-weight:650;line-height:1.5}
.database-extra[open] summary{margin-bottom:1rem}
.database-checkbox{display:flex;gap:.75rem;align-items:flex-start;font-size:.9375rem;line-height:1.55;margin-bottom:1rem}
.database-checkbox input{width:1.1rem;height:1.1rem;margin-top:.25rem;flex-shrink:0;accent-color:var(--primary)}
.database-note{margin-top:2rem;font-size:.9375rem;line-height:1.6}
.field input[readonly]{color:var(--muted-foreground);background:var(--panel)}

/* Management gebruikt de bestaande kleuren, iconen en responsive basis. */
.field select{font:inherit;width:100%;min-width:0;min-height:3.1rem;padding:.8rem 1rem;border:1px solid var(--input);border-radius:.6rem;line-height:1.4;color:var(--foreground);background:rgba(7,17,31,.96);color-scheme:dark}
.field select:hover{border-color:#8da2b5}
.field select:focus-visible{outline:3px solid var(--ring);outline-offset:1px;border-color:var(--ring)}
.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}
.case-filters{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;gap:1rem;align-items:end}
.case-filters .button{min-height:3.1rem}
.case-next{font-size:.9375rem;line-height:1.55;color:var(--foreground);margin-top:.3rem}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin-top:1.5rem}
.case-facts dt,.contact-details dt{font-size:.875rem;color:var(--muted-foreground);margin-bottom:.5rem}
.case-facts dd,.contact-details dd{margin:0;line-height:1.6;overflow-wrap:anywhere}
.case-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:1.5rem;align-items:start;scroll-margin-top:2rem}
.case-main,.case-side{min-width:0}
.case-panel>summary{cursor:pointer;line-height:1.6;color:var(--foreground)}
.case-panel>summary h2{display:inline;font-size:1.25rem;line-height:1.4}
.case-panel[open]>summary{margin-bottom:1.2rem}
.case-panel .auth-form{margin-top:1.3rem}
.case-button-row{display:flex;flex-wrap:wrap;gap:.75rem}
.case-button-row .button{flex:1;min-width:0}
.case-link-list{list-style:none;padding:0;display:grid;gap:1rem;margin-block:1.3rem}
.case-link-list p{margin-top:.4rem;font-size:.9375rem}
.case-timeline{list-style:none;padding:0;display:grid;gap:1rem;margin-top:1.5rem}
.case-timeline>li{border:1px solid var(--line);border-radius:.6rem;padding:1rem;min-width:0;overflow-wrap:anywhere}
.case-timeline summary{cursor:pointer;line-height:1.6}
.case-timeline summary span{display:block;color:var(--muted-foreground);font-size:.875rem;margin-top:.3rem}
.case-timeline .dossier-fields{margin-top:1rem}
.content-sections{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}
.content-sections .button{font-size:.875rem;padding:.7rem 1rem;text-align:left}
.content-preview-banner{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem max(1.5rem,calc((100% - 1180px)/2));background:var(--accent);border-bottom:1px solid var(--line)}
.content-preview-banner>div,.content-preview-banner>form{flex:1;min-width:0}
.content-preview-banner strong{font-size:1.15rem}
.content-preview-banner p{margin-block:.5rem;line-height:1.5}
.contact-details{display:grid;gap:1rem;margin-block:1.5rem}
.summary-tools{width:min(900px,calc(100% - 3rem));margin:2rem auto;display:flex;gap:2rem;align-items:center}
.summary-tools p{font-size:.9375rem;line-height:1.6}
.summary-document{width:min(900px,calc(100% - 3rem));margin:2rem auto 4rem;padding:3rem;background:var(--panel);border:1px solid var(--line);border-radius:1rem}
.summary-document .brand-logo{width:240px;max-width:100%;margin-bottom:2.5rem}
.summary-document h1{font-size:2.5rem;margin-bottom:1rem;overflow-wrap:anywhere}
.summary-document section{margin-top:2rem;break-inside:auto}
.summary-document section h2{font-size:1.4rem;line-height:1.4;margin-bottom:.8rem;break-after:avoid}
.summary-document section p{line-height:1.7}
.summary-version{margin-top:.75rem;color:var(--link)}
.summary-document footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.9375rem}
@media(max-width:1180px){.case-workspace{grid-template-columns:minmax(0,1fr)}.case-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.case-filters,.case-facts{grid-template-columns:minmax(0,1fr)}.content-preview-banner{flex-direction:column;align-items:stretch}.summary-tools{flex-direction:column;align-items:flex-start;gap:1rem}.summary-document{padding:1.5rem}.summary-document h1{font-size:2rem}}
@media print{.summary-tools{display:none}.summary-page{background:white;color:#17202b;font-size:11pt}.summary-document{width:auto;margin:0;padding:0;background:white;border:0;border-radius:0}.summary-document p,.summary-document h1,.summary-document h2,.summary-document .eyebrow{color:#17202b}.summary-document .brand-logo{padding:1rem;background:#07111f;print-color-adjust:exact;-webkit-print-color-adjust:exact}.summary-document header{break-inside:avoid}.summary-version{color:#465260}.summary-document section{margin-top:1.3rem}.summary-document footer{color:#465260}a{color:inherit}}
.summary-print-logo{display:none}
@media print{.summary-screen-brand{display:none}.summary-print-logo{display:block;max-width:100%;margin-bottom:2rem}}

/* Build Block 4: de bestaande donkere stijl voor e-mailbeheer. */
.mail-case-list { list-style:none; padding:0; margin:1rem 0; display:grid; gap:1rem; }
.mail-case-list li { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1rem; padding:1rem 0; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }
.mail-case-list li strong { width:100%; }
.mail-case-list li .status { white-space:normal; }
.mail-test-group { margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--border); }
.mail-test-group h3 { font-size:1rem; line-height:1.5; }
.mail-filter { display:flex; align-items:end; flex-wrap:wrap; gap:1rem; margin:1rem 0; }
.mail-filter .field { flex:1 1 14rem; margin:0; }
.mail-recovery { margin-top:1.5rem; }
.mail-recovery summary { cursor:pointer; font-weight:600; }
.mail-recovery .auth-form { margin-top:1rem; }
.mail-settings-grid > * { min-width:0; }
.receipt-mail-status { line-height:1.65; }
.launch-state{display:flex;align-items:flex-start;gap:1.3rem}
.launch-state .icon-tile{flex-shrink:0}
.launch-state h2{margin-top:.5rem}
.launch-state p+p{margin-top:.8rem}
.launch-intro{margin-block:.8rem 1.6rem;max-width:80ch}
.launch-form{display:grid;gap:1.25rem;margin-top:1.5rem;min-width:0}
.launch-form .button{justify-self:start;max-width:100%;white-space:normal;text-align:center}
.launch-review-item{min-width:0;padding:1.3rem;border:1px solid var(--line);border-radius:.7rem;display:grid;gap:1rem}
.launch-review-item legend{font-weight:700;padding-inline:.4rem;max-width:100%;font-size:1.1rem}
.launch-checkbox{display:flex;align-items:flex-start;gap:.8rem;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.launch-checkbox input{appearance:auto;accent-color:var(--primary);flex:0 0 20px;width:20px;height:20px;margin-top:.25rem}
.launch-steps{padding-left:1.3rem;display:grid;gap:.9rem;margin-block:1rem}
.launch-test-list{display:grid;gap:1rem;max-height:28rem;overflow:auto;padding:.7rem;border:1px solid var(--line);border-radius:.6rem}
.launch-cleanup-preview{margin-top:2rem;padding:1.3rem;border:1px solid var(--line);border-radius:.7rem}
.launch-cleanup-preview ul{padding-left:1.2rem;overflow-wrap:anywhere}
.launch-attention{color:var(--link);border-left:3px solid var(--primary);padding-left:1rem}
.launch-code{font-size:.9rem;line-height:1.7;background:var(--panel);padding:1rem;border-radius:.6rem;white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}
.launch-form input[type=file]{appearance:auto;min-width:0;max-width:100%;font-size:.875rem}
@media(max-width:520px){.launch-state{flex-direction:column}.launch-review-item,.launch-cleanup-preview{padding:1rem}.launch-form .button{width:100%}.launch-review-item legend{font-size:1rem}}