html:root.portaal{scrollbar-gutter:stable}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}html:root.portaal .portal-header{view-transition-name:portaal-kop}html:root.portaal .portal-side{view-transition-name:portaal-zijbalk}::view-transition-old(root),::view-transition-new(root){animation-duration:.12s}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}html:root.portaal main h1[tabindex="-1"]:focus{outline:none}html:root.portaal{--oud-donkerblauw:light-dark(#140b2a,#f3f1f7);--oud-middenblauw:light-dark(#633ccb,#b49cf7);--oud-middenblauw-hover:light-dark(#5230b0,#c9b8fa);--oud-merkpaars:light-dark(#7654d1,#b9a3f5);--oud-lichtblauw:light-dark(#e5dff6,#382e50);--oud-offwhite:light-dark(#f7f7f9,#131019);--oud-wit:light-dark(#fff,#252033);--oud-tekstgrijs:light-dark(#545060,#b4aec2);--oud-meta:light-dark(#85808f,#9a94a8);--oud-border:light-dark(#e6e5eb,#4d4560);--oud-border-sterk:light-dark(#cfcdd8,#5e5672);--oud-fout:light-dark(#d64b4b,#fa6c68);--oud-waarschuwing:light-dark(#e0a23a,#fdc46d);--oud-succes:light-dark(#2f9e6b,#54be89);--oud-shadow-card:0 1px 2px #140b2a0a,0 4px 12px #140b2a0f;--oud-shadow-header:0 2px 8px #140b2a14;--oud-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--oud-shadow-2xl:0 25px 50px -12px #00000040;--oud-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--main-font:Poppins,sans-serif;--secondary-font:Poppins,sans-serif;--display-font:Commissioner,sans-serif;scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:4;scroll-padding:0;font-size:15px;line-height:1.5}html:root.portaal body{color:var(--oud-donkerblauw);background:var(--oud-offwhite);-webkit-font-smoothing:antialiased;margin:0;font-family:Poppins,sans-serif;font-size:1rem;line-height:1.6}html:root.portaal body :not(dialog){margin:0}html:root.portaal :is(figure,section,article,aside,nav,ul,ol,table){box-shadow:none;background:0 0;border:0;border-radius:0;max-inline-size:none;padding:0}html:root.portaal :is(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit;max-inline-size:none}html:root.portaal :is(h1,h2,h3){letter-spacing:-.01em;color:var(--oud-donkerblauw);text-wrap:wrap;overflow-wrap:normal;font-family:Commissioner,sans-serif;font-weight:800;line-height:1.2;position:static}html:root.portaal h4{color:var(--oud-donkerblauw);font-family:Commissioner,sans-serif;font-weight:700}html:root.portaal :is(ol,ul,menu){margin:0;padding:0;list-style:none}html:root.portaal a{color:var(--oud-middenblauw);text-decoration:inherit;text-underline-offset:3px;border-radius:0}html:root.portaal a:hover{color:var(--oud-donkerblauw)}html:root.portaal small{font-size:80%}html:root.portaal :is(img,svg,video,canvas){vertical-align:middle;display:block}html:root.portaal :is(img,video){block-size:auto;max-inline-size:100%}html:root.portaal :is(button,input,optgroup,select,textarea){font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}html:root.portaal :is(button,[type=button],[type=submit]){box-shadow:none;cursor:pointer;text-transform:none;background:0 0;border:0 solid;border-radius:0;min-block-size:0}html:root.portaal :focus-visible{outline:2px solid var(--oud-middenblauw);outline-offset:2px;border-radius:4px}html:root.portaal :is(.portal-page,dialog) :is(button.\<small\>,strong>button,button.secundair,button.bad,button.ok,button:not([class],[role])):not(.link-knop,.link,.tekstknop,.iconbutton):focus-visible,html:root.portaal :is(.vraag-acties,.kop-rij) a.\<button\>:focus-visible,html:root.portaal a.\<button\>.breed:focus-visible{outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--oud-middenblauw);outline:2px solid #0000}html:root.portaal [role=tab]:focus-visible{text-decoration:none}html:root.portaal :is(.portal-page,dialog) button:not(.\<small\>,strong>*,.secundair,.ok,.bad:not(.link-knop,.link),[role]):focus-visible:focus-visible,html:root.portaal .portal-user:focus-visible{border-radius:4px}html:root.portaal :focus-visible{z-index:auto}html:root.portaal ::selection{color:#140b2a;background:#e5dff6}html:root.portaal svg:has(>use){stroke-width:2px;block-size:1rem;inline-size:1rem}html:root.portaal .portal-header{z-index:40;background:var(--oud-wit);border-block-end:1px solid var(--oud-border);block-size:5rem;max-inline-size:none;box-shadow:var(--oud-shadow-header);justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:0 1rem;font-family:Poppins,sans-serif;font-weight:400;display:flex;position:sticky;inset-block-start:0}@media (width>=768px){html:root.portaal .portal-header{gap:1rem;padding-inline:1.5rem}}html:root.portaal .portal-header-start{align-items:center;gap:.5rem;min-inline-size:0;display:flex}html:root.portaal .portal-header-end{align-items:center;gap:.75rem;display:flex}html:root.portaal .portal-logo{flex-shrink:0;display:block}html:root.portaal .portal-logo img{user-select:none;block-size:60px;inline-size:121px}html:root.portaal .portal-logo-divider{background:var(--oud-border);block-size:1.75rem;inline-size:1px;margin-inline:.25rem;display:none}html:root.portaal .portal-company-logo{object-fit:contain;max-block-size:2rem;max-inline-size:120px;display:none}@media (width>=640px){html:root.portaal :is(.portal-logo-divider,.portal-company-logo){display:block}}html:root.portaal .portal-menu-button{inline-size:var(--control);block-size:var(--control);border:1px solid var(--oud-border);color:var(--oud-donkerblauw);border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex;&>svg{block-size:1.25rem;inline-size:1.25rem}&:hover{background:var(--oud-offwhite)}}@media (width>=768px){html:root.portaal .portal-menu-button{display:none}}html:root.portaal .focus-menu{display:none;position:relative}@media (width>=768px){html:root.portaal .focus-menu{display:block}}html:root.portaal .focus-button{background:var(--oud-wit);border:1px solid var(--oud-border);border-radius:.375rem;align-items:center;gap:.5rem;block-size:2.25rem;padding:0 .5rem 0 .75rem;font-weight:400;display:flex;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-tekstgrijs)}&>.focus-chevron{block-size:.875rem;inline-size:.875rem}&:hover{background:var(--oud-offwhite)}&.active{border-color:var(--oud-middenblauw);background:#e5dff64d;&>svg:first-child{color:var(--oud-middenblauw)}}}html:root.portaal .focus-label{color:var(--oud-tekstgrijs);white-space:nowrap;font-size:.875rem;line-height:1.25rem;display:none}@media (width>=1024px){html:root.portaal .focus-label{display:inline}}html:root.portaal .focus-name{text-overflow:ellipsis;white-space:nowrap;max-inline-size:160px;color:var(--oud-donkerblauw);font-size:.875rem;font-weight:500;line-height:1.25rem;overflow:hidden}html:root.portaal .focus-panel[role=menu]{z-index:250;background:var(--oud-wit);border:1px solid var(--oud-border);inline-size:16rem;box-shadow:var(--oud-shadow-xl);border-radius:.375rem;grid-template-columns:minmax(0,1fr);gap:0;margin-block-start:.25rem;padding:0;position:absolute;inset-block-start:100%;inset-inline:auto 0;overflow:hidden}html:root.portaal .focus-panel .focus-search{border-block-end:1px solid var(--oud-border);padding:.5rem;&>input{border:1px solid var(--oud-border);background:var(--oud-wit);border-radius:.25rem;block-size:2rem;inline-size:100%;padding:0 .625rem;font-size:.875rem;&:focus{box-shadow:0 0 0 1px var(--oud-middenblauw)}}}html:root.portaal .focus-options{max-block-size:16rem;padding-block:.25rem;overflow-y:auto;&>[role=menuitem]{text-align:start;inline-size:100%;color:var(--oud-donkerblauw);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem;display:flex;&>svg{opacity:0;block-size:.875rem;inline-size:.875rem}&>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}&:hover{background:var(--oud-offwhite)}&[aria-current=true]{color:var(--oud-middenblauw);font-weight:500;&>svg{opacity:1}}}}html:root.portaal .focus-none{color:var(--oud-tekstgrijs);padding:.5rem .75rem;font-size:.75rem}html:root.portaal .bell-menu{position:relative}html:root.portaal .bell-button{inline-size:var(--control);block-size:var(--control);color:var(--oud-tekstgrijs);border-radius:.375rem;justify-content:center;align-items:center;display:flex;position:relative;&>svg{block-size:1.25rem;inline-size:1.25rem}&:hover{color:var(--oud-donkerblauw);background:var(--oud-offwhite)}}html:root.portaal .bell-count{background:var(--oud-fout);color:#fff;border-radius:9999px;justify-content:center;align-items:center;block-size:1rem;min-inline-size:16px;padding:0 .25rem;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;inset-block-start:.375rem;inset-inline-end:.375rem}html:root.portaal .bell-panel[role=menu]{z-index:50;background:var(--oud-wit);border:1px solid var(--oud-border);inline-size:20rem;max-inline-size:calc(100vw - 2rem);box-shadow:var(--oud-shadow-2xl);border-radius:.5rem;margin-block-start:.5rem;padding:0;position:absolute;inset-block-start:100%;inset-inline:auto 0;overflow:hidden}html:root.portaal .bell-head{border-block-end:1px solid var(--oud-border);background:var(--oud-offwhite);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex;&>span{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:600;line-height:1.25rem}}html:root.portaal .bell-all{color:var(--oud-middenblauw);align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;display:flex;&>svg{block-size:.875rem;inline-size:.875rem}&:hover{text-decoration:underline}}html:root.portaal .bell-items{max-block-size:24rem;overflow-y:auto}html:root.portaal .bell-item{text-align:start;white-space:normal;border-block-end:1px solid var(--oud-border);align-items:flex-start;gap:.625rem;inline-size:100%;padding:.75rem 1rem;display:flex;&:hover{background:var(--oud-offwhite)}&.unread{background:#e5dff626}}html:root.portaal .bell-items>form:last-child .bell-item{border-block-end:0}html:root.portaal .bell-icon{margin-block-start:.125rem;font-size:1rem;line-height:1}html:root.portaal .bell-text{flex:1;min-inline-size:0;display:block}html:root.portaal .bell-title{color:var(--oud-donkerblauw);font-size:.875rem;line-height:1.25rem;display:block}html:root.portaal .bell-item.unread .bell-title{font-weight:600}html:root.portaal .bell-sub{color:var(--oud-tekstgrijs);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;display:block;overflow:hidden}html:root.portaal .bell-time{color:var(--oud-tekstgrijs);margin-block-start:.125rem;font-size:11px;display:block}html:root.portaal .bell-dot{background:var(--oud-middenblauw);border-radius:9999px;flex-shrink:0;block-size:.5rem;inline-size:.5rem;margin-block-start:.375rem}html:root.portaal a.bell-alle{border-block-start:1px solid var(--oud-border);color:var(--oud-middenblauw);text-align:center;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;display:block;&:hover{background:var(--oud-offwhite);color:var(--oud-middenblauw)}}html:root.portaal .bell-empty{color:var(--oud-tekstgrijs);text-align:center;padding:1.5rem 1rem;font-size:.875rem}html:root.portaal .portal-user{text-align:end;color:inherit;border-radius:0;text-decoration:none;display:none;&:hover{opacity:.8;color:inherit}}@media (width>=768px){html:root.portaal .portal-user{display:block}}html:root.portaal .portal-user-name{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:600;line-height:1.25;display:block}html:root.portaal .portal-user-role{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem;display:block}html:root.portaal .portal-logout{min-block-size:var(--control);border:1px solid var(--oud-border);color:var(--oud-donkerblauw);border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem}&>span{display:none}&:hover{background:var(--oud-offwhite)}}@media (width>=640px){html:root.portaal .portal-logout>span{display:inline}}html:root.portaal .portal-shell{display:flex}html:root.portaal .portal-side{background:0 0;border:0;flex-shrink:0;block-size:calc(100vh - 5rem);inline-size:15rem;margin:0;padding:0;display:none;position:sticky;inset-block-start:5rem;overflow-y:auto}@media (width>=768px){html:root.portaal .portal-side{display:block}}html:root.portaal .portal-side>.portal-nav{padding:1rem}html:root.portaal .portal-nav{&>a{min-block-size:0;color:var(--oud-donkerblauw);border-radius:.375rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;display:flex;position:relative;&>svg{block-size:18px;inline-size:18px;color:var(--oud-middenblauw)}&:hover{color:var(--oud-donkerblauw);background:#e5dff64d}&[aria-current=page]{background:#e5dff666;font-weight:600}&[aria-current=page]:before{content:"";background:var(--oud-middenblauw);border-radius:0 .25rem .25rem 0;inline-size:3px;position:absolute;inset-block:.375rem;inset-inline-start:0}}&>a+a,&>p+a,&>a+p{margin-block-start:.125rem}}html:root.portaal .portal-side .portal-nav>a[aria-current=page]:before{display:block}html:root.portaal .portal-drawer .portal-nav>a[aria-current=page]:before{display:none}html:root.portaal .portal-nav-group{text-transform:uppercase;letter-spacing:.16em;color:var(--oud-tekstgrijs);padding:1.25rem .75rem .375rem;font-size:10px;font-weight:600;line-height:1.6}html:root.portaal #main{flex:1;min-inline-size:0;max-inline-size:none;margin:0;padding:1.25rem 1rem}@media (width>=768px){html:root.portaal #main{padding:2rem}}html:root.portaal .portal-page{max-inline-size:72rem;margin-inline:auto}html:root.portaal dialog.portal-drawer{background:var(--oud-wit);block-size:100%;max-block-size:none;inline-size:18rem;max-inline-size:80vw;box-shadow:var(--oud-shadow-xl);border:0;border-radius:0;margin:0;padding:0;inset:0 auto 0 0;&::backdrop{background:#0006}&>div:not(.hulp){flex-direction:column;block-size:100%;padding:0;display:flex}& .portal-nav{padding:.75rem;overflow-y:auto}}html:root.portaal .portal-drawer-head{border-block-end:1px solid var(--oud-border);justify-content:space-between;align-items:center;block-size:4rem;padding:0 1rem;display:flex}html:root.portaal .portal-wordmark{color:var(--oud-donkerblauw);font-family:Commissioner,sans-serif;font-weight:800;&>span{color:var(--oud-middenblauw)}}html:root.portaal .portal-drawer-close{block-size:2.25rem;inline-size:2.25rem;color:var(--oud-tekstgrijs);border-radius:.375rem;justify-content:center;align-items:center;display:inline-flex;&>svg{block-size:1.25rem;inline-size:1.25rem}&:hover{background:var(--oud-offwhite)}}html:root.portaal .hulp{z-index:40;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem}html:root.portaal .hulp-button{min-block-size:var(--control);background:var(--oud-middenblauw);color:#fff;box-shadow:var(--oud-shadow-lg);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex;&>svg{block-size:1.25rem;inline-size:1.25rem}&>.hulp-close,&[aria-expanded=true]>.hulp-open{display:none}&[aria-expanded=true]>.hulp-close{display:block}&>span{display:none}&:hover{background:var(--oud-middenblauw-hover)}}@media (width>=640px){html:root.portaal .hulp-button>span{display:inline}}html:root.portaal .hulp-panel[role=menu]{background:var(--oud-wit);border:1px solid var(--oud-border);inline-size:16rem;box-shadow:var(--oud-shadow-2xl);border-radius:.5rem;margin-block-end:.5rem;padding:0;position:absolute;inset:auto 0 100% auto;overflow:hidden;&>[role=menuitem]{text-align:start;white-space:normal;border-block-end:1px solid var(--oud-border);align-items:flex-start;gap:.75rem;inline-size:100%;padding:.75rem 1rem;text-decoration:none;display:flex;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw);margin-block-start:.125rem}&:last-child{border-block-end:0}&:hover{background:var(--oud-offwhite)}}}html:root.portaal .hulp-title{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}html:root.portaal .hulp-sub{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem;display:block}html:root.portaal .page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 0 1.5rem;padding:0;display:flex;&>.page-title{min-inline-size:0;display:block}& h1{letter-spacing:-.025em;font-size:1.5rem;line-height:2rem}& .lead{color:var(--oud-tekstgrijs);max-inline-size:none;margin-block-start:.125rem;font-size:.875rem;line-height:1.25rem}& .back{color:var(--oud-tekstgrijs);align-items:center;gap:.25rem;margin-block-end:.5rem;font-size:.875rem;line-height:1.25rem;display:inline-flex;&:hover{color:var(--oud-donkerblauw)}}}html:root.portaal .page-head>:is(.flex-row,.actions){flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}html:root.portaal :is(.box,.card){border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;margin:0;padding:1.25rem;position:relative}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>):where(:not([role=menuitem],[role=tab],.portal-logout,.sorteer,.portal-drawer-close,.iconbutton,.hulp-button,.hulp-panel *)){border:1px solid var(--oud-middenblauw);background:var(--oud-wit);block-size:2.75rem;min-block-size:0;min-inline-size:0;color:var(--oud-middenblauw);white-space:nowrap;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;line-height:1.25rem;text-decoration:none;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem}&:hover{background:var(--oud-offwhite);color:var(--oud-middenblauw)}}html:root.portaal strong:has(>:is(button,.\<button\>)){display:contents}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>):not(.iconbutton,.portal-drawer-close,.hulp-button,.inline-bewerk)>svg:first-child{margin-inline-end:.375rem}html:root.portaal dialog .dialog-close{block-size:1.5rem;min-block-size:0;inline-size:1.5rem;box-shadow:none;color:var(--oud-tekstgrijs);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem;margin:0}&:hover{color:var(--oud-donkerblauw);background:0 0}}html:root.portaal :is(.portal-page,dialog) strong>:is(button,.\<button\>){background:var(--oud-middenblauw);color:#fff;border:0;&:hover{background:var(--oud-middenblauw-hover);color:#fff}}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>).bad{background:var(--oud-fout);color:#fff;border:0}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>).\<small\>{block-size:2.25rem;padding:0 .75rem}html:root.portaal .dash>*+*{margin-block-start:1.5rem}html:root.portaal :is(.dash-hero,.dash-tile,.dash-card){border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem}html:root.portaal .dash-hero{overflow:hidden}html:root.portaal .dash-hero-bar{background:linear-gradient(90deg,#140b2a,#633ccb,#e5dff6);block-size:.375rem}html:root.portaal .dash-hero-body{padding:1.5rem}html:root.portaal .dash-date{color:var(--oud-tekstgrijs);text-transform:capitalize;font-size:.875rem;line-height:1.25rem}html:root.portaal .dash-hero h1{margin-block-start:.125rem;font-size:1.5rem;line-height:2rem}html:root.portaal .dash-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (width>=1024px){html:root.portaal .dash-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}html:root.portaal .dash-tiles>li{display:flex}html:root.portaal .dash-tile{color:inherit;flex:1;padding:1.25rem;text-decoration:none;display:block;&>strong{color:var(--oud-merkpaars);font-family:Commissioner,sans-serif;font-size:1.875rem;font-weight:800;line-height:1;display:block}&>span:last-child{color:var(--oud-tekstgrijs);align-items:center;gap:.25rem;margin-block-start:.375rem;font-size:.875rem;line-height:1.25rem;display:flex}&:hover{box-shadow:var(--oud-shadow-header);color:inherit;border-color:#633ccb66}}html:root.portaal .dash-tile-icon{block-size:2.5rem;inline-size:2.5rem;color:var(--oud-middenblauw);background:#e5dff640;border-radius:.75rem;justify-content:center;align-items:center;margin-block-end:.75rem;display:flex;&>svg{block-size:1.25rem;inline-size:1.25rem}&.warn{color:#e0a23a;background:#fbf2e1}&.paars{color:var(--oud-donkerblauw);background:#e5dff6}}html:root.portaal :is(.dash-charts,.dash-lists){grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1024px){html:root.portaal .dash-charts{grid-template-columns:repeat(2,minmax(0,1fr))}html:root.portaal .dash-lists{grid-template-columns:repeat(3,minmax(0,1fr))}}html:root.portaal .dash-card{min-inline-size:0;padding:1.25rem}html:root.portaal .dash-card>h2{margin-block-end:1rem;font-size:1rem;font-weight:700;line-height:1.5rem}html:root.portaal .dash-lists .dash-card>h2{align-items:center;gap:.5rem;margin-block-end:.75rem;display:flex;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-middenblauw);flex-shrink:1}&>a{min-block-size:var(--control);color:var(--oud-middenblauw);align-items:center;margin-inline-start:auto;padding-inline:.5rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex;&:hover{text-decoration:underline}}}html:root.portaal .status-tabs{border:1px solid var(--oud-border);background:var(--oud-offwhite);border-radius:.75rem;flex-wrap:wrap;align-items:normal;gap:.25rem;margin:0 0 1rem;padding:.25rem;display:flex;&>[role=tab]{color:var(--oud-tekstgrijs);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;margin:0;padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex;position:static;&>span{background:var(--oud-border);color:var(--oud-tekstgrijs);border-radius:9999px;padding:.125rem .375rem;font-size:11px;font-weight:600;line-height:1}&:hover{color:var(--oud-donkerblauw)}&[aria-selected=true]{background:var(--oud-wit);color:var(--oud-donkerblauw);box-shadow:0 1px 2px #0000000d;&>span{color:var(--oud-donkerblauw);background:#e5dff666}}&:after{display:none}}}html:root.portaal .dash-card [role=tabpanel]{border:0;margin:0;padding:0;overflow:visible}html:root.portaal .donut{align-items:center;gap:1rem;display:flex;&>figure{flex-shrink:0;block-size:200px;inline-size:200px;margin:0;position:relative;&>svg{block-size:200px;inline-size:200px}}& figcaption{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;&>strong{color:var(--oud-donkerblauw);font-family:Commissioner,sans-serif;font-size:1.875rem;font-weight:800;line-height:1}&>span{color:var(--oud-tekstgrijs);margin-block-start:.125rem;font-size:.75rem;line-height:1rem}}&>ul{flex:1;min-inline-size:0}& li{align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;display:flex}& li+li{margin-block-start:.375rem}& .dot{background:var(--kleur,#b1a9c2);border-radius:9999px;flex-shrink:0;block-size:.625rem;inline-size:.625rem}& .naam{color:var(--oud-donkerblauw);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}& .aantal{color:var(--oud-tekstgrijs);font-weight:500}}html:root.portaal .dash-leeg{block-size:200px;color:var(--oud-tekstgrijs);justify-content:center;align-items:center;font-size:.875rem;display:flex}html:root.portaal .dash-leeg-rij{color:var(--oud-tekstgrijs);padding-block:1rem;font-size:.875rem;line-height:1.25rem}html:root.portaal .bar-chart{block-size:220px;margin:0;position:relative}html:root.portaal .bar-chart.getekend>table{display:none}html:root.portaal .bar-chart svg{block-size:auto;inline-size:auto;max-inline-size:none;display:block;overflow:visible}html:root.portaal .grafiek-tip{white-space:nowrap;pointer-events:none;background:#fff;border:1px solid #e6e5eb;border-radius:10px;margin:0;padding:10px;font-size:12px;line-height:1.6;position:absolute;inset:0 auto auto 0;&[hidden]{display:none}&>p{margin:0}&>ul{margin:0;padding:0;list-style:none}& li{padding:4px 0;display:block}}html:root.portaal .dash-rows{&>li+li{border-block-start:1px solid var(--oud-border)}& a{color:inherit;border-radius:.5rem;align-items:center;gap:.75rem;margin-inline:-.5rem;padding:.625rem .5rem;text-decoration:none;display:flex;&:hover{background:var(--oud-offwhite);color:inherit}}}html:root.portaal .dash-row-text{flex:1;min-inline-size:0}html:root.portaal .dash-row-text>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}html:root.portaal .dash-row-text>.wrap{white-space:normal;overflow:visible}html:root.portaal .dash-row-text>.titel{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:500;line-height:1.25rem}html:root.portaal .dash-row-text>.sub{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}html:root.portaal .dash-row-date{white-space:nowrap;color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}html:root.portaal .dash-row-date.warn{color:#e0a23a;font-weight:500}html:root.portaal .dash-row-date.bad{color:var(--oud-fout);font-weight:600}html:root.portaal .dash-pill{white-space:nowrap;border-radius:9999px;padding:.125rem .5rem;font-size:11px}html:root.portaal .pill-gepland{color:#85808f;background:#85808f22}html:root.portaal .pill-verstuurd{color:#633ccb;background:#633ccb22}html:root.portaal .pill-gereageerd{color:#e0a23a;background:#e0a23a22}html:root.portaal .pill-afgesloten{color:#2f9e6b;background:#2f9e6b22}html:root.portaal .lijst-balk{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.75rem;display:flex}html:root.portaal .lijst-balk.kaal{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block}html:root.portaal .zoekveld{flex:1;min-inline-size:200px;position:relative;&>svg{block-size:1rem;inline-size:1rem;color:var(--oud-tekstgrijs);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:.75rem;translate:0 -50%}}html:root.portaal :is(input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),select,textarea){border:1px solid var(--oud-border);background-color:var(--oud-wit);block-size:2.75rem;inline-size:100%;color:var(--oud-donkerblauw);box-shadow:none;border-radius:.375rem;margin:0;padding:0 .75rem;font-size:.875rem;line-height:1.25rem;&::placeholder{color:var(--oud-tekstgrijs);opacity:1}&:focus{outline-offset:2px;box-shadow:0 0 0 2px var(--oud-middenblauw);outline:2px solid #0000}}html:root.portaal textarea{block-size:auto;padding-block:.625rem}html:root.portaal ::file-selector-button{appearance:button;font:inherit}html:root.portaal .zoekveld>input{padding-inline-start:2.5rem}html:root.portaal select{appearance:auto;background-image:none}html:root.portaal .lijst-balk>select{block-size:2.25rem;inline-size:100%;max-inline-size:220px;padding-inline:.5rem}html:root.portaal .datatabel{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;&>table{border-collapse:collapse;text-align:start;inline-size:100%;font-size:.875rem;line-height:1.25rem}& thead{background:var(--oud-offwhite);border-block-end:1px solid var(--oud-border)}& tbody{border:0}& th{text-align:start;font-size:11px;line-height:inherit;text-transform:uppercase;letter-spacing:.05em;color:var(--oud-tekstgrijs);white-space:normal;background:0 0;border:0;padding:.875rem 1rem;font-weight:600}& th.num{text-align:end}& .sorteer{color:inherit;text-transform:none;text-align:center;align-items:center;gap:.25rem;text-decoration:none;display:inline-flex;&>svg{flex-shrink:1;block-size:.875rem;inline-size:.875rem;max-inline-size:none}&>svg.vaag{opacity:.4}&:hover{color:var(--oud-donkerblauw)}}& th.num .sorteer{flex-direction:row-reverse}& thead tr:first-child th:first-child{border-start-start-radius:1rem}& thead tr:first-child th:last-child{border-start-end-radius:1rem}& tbody tr+tr{border-block-start:1px solid var(--oud-border)}& tbody tr:hover{background:#f7f7f999}& td{text-align:start;vertical-align:middle;border:0;block-size:auto;min-block-size:0;padding:.875rem 1rem}& td.num{text-align:end}& .getal{color:var(--oud-donkerblauw);font-variant-numeric:tabular-nums}& .leeg{color:var(--oud-tekstgrijs)}& .cel-tekst>p{color:var(--oud-donkerblauw);overflow-wrap:break-word}& .cel-tekst>.sub{color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}& .cel-link{color:var(--oud-donkerblauw);align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:flex;&>span:last-child{min-inline-size:0}& .sub{color:var(--oud-tekstgrijs);overflow-wrap:break-word;font-size:.75rem;font-weight:400;line-height:1rem;display:block}&:hover{color:var(--oud-middenblauw)}}& .avatar{color:#fff;text-transform:uppercase;background:linear-gradient(to bottom right,#140b2a,#633ccb);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;block-size:2rem;inline-size:2rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;line-height:1rem;display:flex;box-shadow:0 1px 2px #0000000d}& .row-actions{justify-content:flex-end;gap:.5rem;display:flex}}@media (width<=1023.98px){html:root.portaal .datatabel{&>table,& tbody,& tr{display:block}& thead{display:none}& tr{padding-block:.5rem}& td{text-align:end;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-block:.375rem;display:flex}& td:first-child{text-align:start;padding-block-start:.5rem}& td[data-label]:before{content:attr(data-label);text-align:start;color:var(--oud-tekstgrijs);flex-shrink:0;font-size:.75rem;font-weight:500;line-height:1rem}& td:is(.verberg-md,.verberg-lg,.verberg-xl,.verberg-2xl){display:none}}}@media (width<=767.98px){html:root.portaal .datatabel .verberg-md{display:none}}@media (width<=1023.98px){html:root.portaal .datatabel .verberg-lg{display:none}}@media (width<=1279.98px){html:root.portaal .datatabel .verberg-xl{display:none}}@media (width<=1535.98px){html:root.portaal .datatabel .verberg-2xl{display:none}}html:root.portaal .badge{background:var(--kleur,var(--oud-border));color:var(--kleur-tekst,#fff);text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.125rem .625rem;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}html:root.portaal .badge:not([class*=kleur-]){color:var(--oud-tekstgrijs)}html:root.portaal .datatabel .badge{white-space:normal}html:root.portaal .leeg-staat{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding-block:4rem;display:flex;&>h3{letter-spacing:-.01em;color:var(--oud-donkerblauw);margin-block-end:.25rem;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1.2}&>p{max-inline-size:20rem;color:var(--oud-tekstgrijs);font-size:.875rem;line-height:1.25rem}}html:root.portaal .leeg-icoon{background:#e5dff633;border:1px solid #e5dff666;border-radius:1rem;justify-content:center;align-items:center;block-size:3.5rem;inline-size:3.5rem;margin-block-end:1rem;display:flex;&>svg{block-size:1.5rem;inline-size:1.5rem;color:var(--oud-middenblauw)}}html:root.portaal .leeg-actie{margin-block-start:1rem}html:root.portaal .portal-page:has(>.pagina-2xl)>*{max-inline-size:42rem}html:root.portaal .portal-page:has(>.pagina-3xl)>*{max-inline-size:48rem}html:root.portaal .portal-page:has(>.pagina-4xl)>*{max-inline-size:56rem}html:root.portaal .portal-page:has(>.pagina-5xl)>*{max-inline-size:64rem}html:root.portaal .portal-page:has(>.pagina-6xl)>*{max-inline-size:72rem}html:root.portaal .chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 1rem;padding:0;display:flex}html:root.portaal .chips>a{border:1px solid var(--oud-border);background:var(--oud-wit);color:var(--oud-tekstgrijs);border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;&:hover{border-color:var(--oud-middenblauw);color:var(--oud-tekstgrijs)}&[aria-current=true]{background:var(--oud-middenblauw);border-color:var(--oud-middenblauw);color:#fff}}html:root.portaal .chips>.chip-scheiding{background:var(--oud-border);align-self:stretch;inline-size:1px;margin-inline:.25rem}html:root.portaal .kaart{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;position:relative}html:root.portaal .kaart-kop{border-block-end:1px solid var(--oud-border);padding:1rem 1.5rem}html:root.portaal .kaart-inhoud{padding:1rem 1.5rem}html:root.portaal :is(.kaart-kop>h2,.kaart-titel){color:var(--oud-donkerblauw);font-family:Commissioner,sans-serif;font-size:1rem;font-weight:700;line-height:1.5rem}html:root.portaal form.formulier{gap:0;display:block}html:root.portaal form.formulier>:not(input[type=hidden])~*{margin-block-start:1rem}html:root.portaal form.formulier.ruim>:not(input[type=hidden])~*{margin-block-start:1.25rem}html:root.portaal form.formulier label{min-block-size:0;color:var(--oud-donkerblauw);margin:0 0 .375rem;padding:0;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}html:root.portaal form.formulier .verplicht{color:var(--oud-fout);margin-inline-start:.125rem}html:root.portaal form.formulier .formveld{grid-column:auto;display:block}html:root.portaal form.formulier .formveld>*+*{margin-block-start:.375rem}html:root.portaal form.formulier .formveld>:is(input,select,textarea){vertical-align:baseline;display:inline-block}html:root.portaal form.formulier :is(select,textarea,input.laag){block-size:2.5rem}html:root.portaal form.formulier textarea{block-size:auto}html:root.portaal form.formulier :is(.hint,.fout){max-inline-size:none;color:var(--oud-tekstgrijs);font-size:.75rem;line-height:1rem}html:root.portaal form.formulier .fout{color:var(--oud-fout)}html:root.portaal form.formulier .formsectie>*+*{margin-block-start:1rem}html:root.portaal form.formulier .formsectie>h3{border-block-end:1px solid var(--oud-border);padding-block-end:.5rem;font-family:Commissioner,sans-serif;font-size:1rem;font-weight:700;line-height:1.5rem}html:root.portaal form.formulier .formgrid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=640px){html:root.portaal form.formulier .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){html:root.portaal form.formulier .formgrid.drie{grid-template-columns:repeat(3,minmax(0,1fr))}}html:root.portaal form.formulier .kaart>.kaart-inhoud{padding-block-start:1.25rem}html:root.portaal .formknoppen{gap:.75rem;display:flex}html:root.portaal input:not([type])::placeholder{color:#9ca3af}html:root.portaal .formknoppen :is(button,.\<button\>){white-space:normal;text-align:center;min-inline-size:auto}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>):disabled{opacity:.5;cursor:not-allowed;filter:none}html:root.portaal :is(input,select,textarea):disabled{filter:none}html:root.portaal .portal-page:has(>.pagina-lg)>*{max-inline-size:32rem}html:root.portaal .portal-page:has(>.pagina-xl)>*{max-inline-size:36rem}html:root.portaal :is(.portal-page,dialog) :is(button,.\<button\>).secundair{background:var(--oud-lichtblauw);color:var(--oud-donkerblauw);border:0;&:hover{background:var(--oud-middenblauw);color:#fff}}html:root.portaal .archief-banner{border:1px solid var(--oud-border);border-inline-start:4px solid var(--oud-waarschuwing);background:#fbe9e9;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.25rem;padding:.75rem 1.25rem;display:flex;&>div{align-items:center;gap:.75rem;display:flex}&>div>svg{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-waarschuwing);flex-shrink:0}& p{color:var(--oud-tekstgrijs);max-inline-size:none;font-size:.75rem;line-height:1rem}& p:first-child{color:var(--oud-donkerblauw);font-size:.875rem;font-weight:600;line-height:1.25rem}}html:root.portaal .archieftabel{border:1px solid var(--oud-border);background:var(--oud-wit);box-shadow:var(--oud-shadow-card);border-radius:1rem;overflow:hidden;&.klein{border-radius:.5rem;box-shadow:0 1px 2px #0000000d}&>table{border-collapse:collapse;inline-size:100%;margin:0;font-size:.875rem;line-height:1.25rem;display:table}& thead{background:var(--oud-offwhite);border:0;border-block-end:1px solid var(--oud-border)}& tbody{border:0}& th{text-align:start;font-size:inherit;line-height:inherit;letter-spacing:normal;text-transform:none;color:var(--oud-tekstgrijs);white-space:normal;background:0 0;border:0;padding:.75rem 1rem;font-weight:500;position:static}& th.rechts{text-align:end}& td{text-align:start;vertical-align:middle;border:0;block-size:auto;min-block-size:0;padding:.75rem 1rem}& tbody tr+tr{border-block-start:1px solid var(--oud-border)}& tbody tr:hover{background:#f7f7f999}& td.naam>a{color:var(--oud-donkerblauw);font-weight:500;text-decoration:none;&:hover{color:var(--oud-middenblauw)}}& td.datum{color:var(--oud-tekstgrijs)}& td.acties{display:table-cell}& td.acties>div{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}}html:root.portaal .rijk{border:1px solid var(--oud-border);background:var(--oud-wit);border-radius:.375rem;overflow:hidden;&:focus-within{box-shadow:0 0 0 2px var(--oud-middenblauw)}}html:root.portaal .rijk-balk{border-block-end:1px solid var(--oud-border);background:#f7f7f980;flex-wrap:wrap;align-items:center;gap:.125rem;padding:.375rem .5rem;display:flex}html:root.portaal :is(.portal-page,dialog) .rijk .rijk-balk>button:not(.iconbutton){block-size:2rem;inline-size:2rem;color:var(--oud-tekstgrijs);background:0 0;border:0;border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:flex;&>svg{block-size:1rem;inline-size:1rem;margin:0}&:hover{background:var(--oud-offwhite);color:var(--oud-tekstgrijs)}&.aan{color:var(--oud-donkerblauw);background:#e5dff666}}html:root.portaal .rijk-streep{background:var(--oud-border);block-size:1.25rem;inline-size:1px;margin-inline:.25rem}html:root.portaal .rijk-vlak{overflow-wrap:break-word;white-space:break-spaces;font-variant-ligatures:none;font-feature-settings:"liga" 0;min-block-size:120px;color:var(--oud-donkerblauw);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;position:relative;&:focus,&:focus-visible{outline-offset:2px;outline:2px solid #0000}}html:root.portaal .prose-bsr{& p{margin:0 0 .5rem}& p:last-child{margin-block-end:0}& :is(strong,b){font-weight:700}& :is(em,i){font-style:italic}& u{text-decoration:underline}& ul{margin:0 0 .5rem;padding-inline-start:1.25rem;list-style:outside}& ol{margin:0 0 .5rem;padding-inline-start:1.25rem;list-style:decimal}& a{color:var(--oud-middenblauw);text-decoration:underline}& :is(h1,h2,h3){color:var(--oud-donkerblauw);margin:.25rem 0;font-weight:700}& .mention{color:var(--oud-donkerblauw);background:#a4d7ed40;border-radius:4px;padding:0 3px;font-weight:600}& .uitlijn-left{text-align:left}& .uitlijn-center{text-align:center}& .uitlijn-right{text-align:right}& .uitlijn-justify{text-align:justify}}html:root.portaal .alert{color:var(--oud-donkerblauw);background:#e5dff633;border:1px solid #e5dff680;border-radius:.5rem;gap:.75rem;padding:1rem;display:flex;&>svg{flex-shrink:0;block-size:1.25rem;inline-size:1.25rem;margin-block-start:.125rem}&>div{flex:1;min-inline-size:0;font-size:.875rem;line-height:1.25rem}&.succes{color:var(--oud-succes);background:#2f9e6b1a;border-color:#2f9e6b66}&.waarschuwing{color:var(--oud-waarschuwing);background:#e0a23a1a;border-color:#e0a23a66}&.fout{color:var(--oud-fout);background:#d64b4b1a;border-color:#d64b4b66}}html:root.portaal .record-tabs-rij{align-items:center;gap:.5rem;margin:0 0 1.25rem;display:flex}html:root.portaal .record-tabs[role=tablist]{border:1px solid var(--oud-border);background:var(--oud-offwhite);min-inline-size:0;box-shadow:none;border-radius:.75rem;flex-wrap:wrap;flex:1;align-items:normal;gap:.25rem;margin:0;padding:.25rem;display:flex;&>[role=tab]{block-size:auto;min-block-size:0;color:var(--oud-tekstgrijs);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.375rem;margin:0;padding:.5rem .875rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex;position:static;&>span{background:var(--oud-border);color:var(--oud-tekstgrijs);border-radius:9999px;padding:.125rem .375rem;font-size:11px;font-weight:600;line-height:1}&:hover{color:var(--oud-donkerblauw);background:0 0}&[aria-selected=true]{background:var(--oud-wit);color:var(--oud-donkerblauw);box-shadow:0 1px 2px #0000000d;&>span{color:var(--oud-donkerblauw);background:#e5dff666}}&:before,&:after{display:none}}}html:root.portaal [role=tabpanel].record-paneel{box-shadow:none;background:0 0;border:0;margin:0;padding:0;overflow:visible}html:root.portaal .inline-kop{justify-content:space-between;align-items:center;display:flex}html:root.portaal .inline-kop>h2{color:var(--oud-donkerblauw);font-family:Commissioner,sans-serif;font-size:1rem;font-weight:700;line-height:1.5rem}html:root.portaal .inline-acties{align-items:center;gap:.75rem;display:flex}html:root.portaal :is(.portal-page,dialog) button.inline-bewerk{block-size:auto;color:var(--oud-tekstgrijs);background:0 0;border:0;border-radius:0;align-items:center;gap:.25rem;padding:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex;&:hover{color:var(--oud-middenblauw);background:0 0}}html:root.portaal :is(.portal-page,dialog) button.inline-bewerk.inline-bewerk>svg:is(*,:first-child){margin:0}html:root.portaal :is(.inline-velden,.inline-form){grid-template-columns:minmax(0,1fr);gap:1rem;font-size:.875rem;line-height:1.25rem;display:grid}@media (width>=640px){html:root.portaal :is(.inline-velden,.inline-form){grid-template-columns:repeat(2,minmax(0,1fr))}html:root.portaal :is(.inline-velden,.inline-form)>.breed{grid-column:span 2/span 2}}html:root.portaal .inline-velden{& .label{color:var(--oud-tekstgrijs);margin-block-end:.125rem;font-size:.75rem;line-height:1rem}& .waarde{color:var(--oud-donkerblauw);white-space:pre-wrap}& .waarde-link{color:var(--oud-middenblauw);font-weight:500;&:hover{color:var(--oud-middenblauw);text-decoration:underline}}}html:root.portaal .inline-form{& label{color:var(--oud-tekstgrijs);margin:0 0 .25rem;font-size:.75rem;font-weight:500;line-height:1rem;display:block}& select{block-size:2.5rem}& input[type]{block-size:2.75rem}& textarea{resize:none;block-size:auto;padding:.5rem .75rem}& .hint{color:var(--oud-tekstgrijs);margin-block-start:.125rem;font-size:.75rem;line-height:1rem}& .fout{color:var(--oud-fout);margin-block-start:.125rem;font-size:.75rem;line-height:1rem}}html:root.portaal .inline-knoppen{gap:.5rem;padding-block-start:.25rem;display:flex}html:root.portaal .vraag-knop{color:var(--oud-middenblauw);white-space:nowrap;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;text-decoration:none;display:inline-flex;&>svg{block-size:1rem;inline-size:1rem}&:hover{color:var(--oud-donkerblauw)}}html:root.portaal .datatabel form:has(>.cel-actie){display:block}html:root.portaal .datatabel form>:is(button,.\<button\>).cel-actie{block-size:auto;inline-size:auto;color:var(--oud-middenblauw);white-space:nowrap;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:500;line-height:1rem;display:inline-block;&:hover{color:var(--oud-middenblauw);background:0 0;text-decoration:underline}}html:root.portaal .ds{display:inline-grid;&>span{grid-area:1/1}&>span:first-child{visibility:hidden}&>span:last-child{justify-content:center;justify-self:center;inline-size:0;display:flex}}html:root.portaal input:is([type=checkbox],[type=radio]){accent-color:auto}@media (width<=768px){html:root.portaal #dialog{inset-block:0}}html:root.portaal #dialog:has(.oud-modaal){background:var(--oud-wit);inline-size:min(100% - 2rem,28rem);box-shadow:var(--oud-shadow-xl);border:0;border-radius:.5rem;padding:0;&::backdrop{background:#00000080}& #dialog-body{padding:0;&>:first-child{padding-inline-end:0}}& .dialog-close{block-size:1.25rem;inline-size:1.25rem;inset-block-start:.875rem;inset-inline-end:1.25rem;&>svg{block-size:1.25rem;inline-size:1.25rem}}}html:root.portaal .oud-modaal{& .oud-modaal-kop{border-block-end:1px solid var(--oud-border);padding:.75rem 3.5rem .75rem 1.25rem;&>h2{letter-spacing:normal;color:var(--oud-donkerblauw);margin:0;font-family:Commissioner,sans-serif;font-size:.875rem;font-weight:700;line-height:1.25rem}}& .oud-modaal-inhoud{text-align:start;gap:0;padding:1.25rem;display:block;&>:not(input[type=hidden])~*{margin-block-start:.75rem}}& .oud-modaal-inhoud>div:not(.knoppen){grid-column:auto;display:block}& label{color:var(--oud-tekstgrijs);margin:0 0 .375rem;padding:0;font-size:.75rem;font-weight:500;line-height:1rem;display:block}& :is(input,select){block-size:2.5rem}& input[type=date]{block-size:2.75rem}& .fout{max-inline-size:none;color:var(--oud-fout);font-size:.875rem;line-height:1.25rem}& .knoppen{gap:.5rem;padding-block-start:.25rem;display:flex}}html:root.portaal #dialog .oud-modaal .oud-modaal-inhoud>.knoppen{box-shadow:none;background:0 0;border:0;flex-direction:row;justify-content:flex-start;margin:.75rem 0 0;padding:.25rem 0 0;position:static}html:root.portaal #dialog:has(.bevestig-vraag){background:var(--oud-wit);inline-size:calc(100% - 2rem);max-inline-size:24rem;box-shadow:var(--oud-shadow-xl);border:0;border-radius:.5rem;padding:0;overflow:hidden;&::backdrop{background:#00000080}& .dialog-close{display:none}& #dialog-body{padding:0;&>:first-child{padding-inline-end:0}}}html:root.portaal .bevestig-vraag{gap:.75rem;padding:1.25rem 1.25rem 1rem;display:flex;&>svg{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-middenblauw);flex-shrink:0;margin-block-start:.125rem;&.gevaar{color:var(--oud-fout)}}&>div{min-inline-size:0}& .bevestig-titel{color:var(--oud-donkerblauw);margin:0 0 .25rem;font-family:Commissioner,sans-serif;font-size:1rem;font-weight:700;line-height:1.5rem}& :is(p,.bevestig-tekst){letter-spacing:normal;color:var(--oud-tekstgrijs);white-space:pre-wrap;max-inline-size:none;margin:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}}html:root.portaal #dialog .bevestig-knoppen,html:root.portaal .bevestig-knoppen{border-block-start:1px solid var(--oud-border);background:#f7f7f980;flex-direction:row;justify-content:flex-end;gap:.5rem;margin:0;padding:.75rem 1.25rem;&>button{block-size:2.25rem;padding:0 .75rem;font-size:.875rem}}html:root.portaal #dialog .bevestig-knoppen>button{block-size:2.25rem;padding:0 .75rem;font-size:.875rem}html:root.portaal form.bevestig{gap:0;display:block}html:root.portaal #dialog:has(.doc-voorbeeld){background:var(--oud-wit);block-size:85vh;max-block-size:85vh;inline-size:calc(100% - 2rem);max-inline-size:56rem;box-shadow:var(--oud-shadow-xl);border:0;border-radius:.5rem;padding:0;overflow:hidden;&::backdrop{background:#00000080}&>.dialog-close{display:none}& #dialog-body{block-size:100%;padding:0;&>:first-child{padding-inline-end:0}}}html:root.portaal #dialog .doc-voorbeeld{flex-direction:column;block-size:100%;display:flex;& .doc-voorbeeld-kop{border-block-end:1px solid var(--oud-border);align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex;&>p{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--oud-donkerblauw);flex:1;max-inline-size:none;margin:0;font-weight:500;overflow:hidden}&>a{color:var(--oud-middenblauw);align-items:center;gap:.25rem;font-size:.875rem;line-height:1.25rem;text-decoration:none;display:flex;&:hover{color:var(--oud-middenblauw);text-decoration:underline}&>svg{block-size:1rem;inline-size:1rem}}&>button{block-size:auto;min-block-size:0;inline-size:auto;box-shadow:none;color:var(--oud-tekstgrijs);background:0 0;border:0;padding:0;display:inline-flex;&:hover{color:var(--oud-donkerblauw);background:0 0}&>svg{block-size:1.25rem;inline-size:1.25rem;margin:0}}}& .doc-voorbeeld-inhoud{background:var(--oud-offwhite);flex:1;justify-content:center;align-items:center;min-block-size:0;display:flex;overflow:auto;&>img{object-fit:contain;max-block-size:100%;max-inline-size:100%}&>iframe{border:0;block-size:100%;inline-size:100%}}& .doc-voorbeeld-melding{text-align:center;color:var(--oud-tekstgrijs);padding:1.5rem;font-size:.875rem;line-height:1.25rem;&>p{max-inline-size:none;margin:0 0 .25rem}}}html:root.portaal :is(.portal-page,dialog) button.zivver-knop{block-size:auto;min-block-size:0;inline-size:auto;box-shadow:none;color:var(--oud-middenblauw);background:0 0;border:0;align-items:center;gap:.25rem;padding:0;font-size:.875rem;font-weight:400;line-height:1.25rem;display:inline-flex;&:hover{background:0 0;text-decoration:underline}&>svg{block-size:1rem;inline-size:1rem;margin:0}}html:root.portaal #dialog:has(.zivver-doc){background:var(--oud-wit);inline-size:calc(100% - 2rem);max-inline-size:32rem;box-shadow:var(--oud-shadow-xl);border:0;border-radius:.5rem;padding:0;overflow:hidden;&::backdrop{background:#00000080}&>.dialog-close{display:none}& #dialog-body{padding:0;&>:first-child{padding-inline-end:0}}}html:root.portaal #dialog .zivver-doc{& .zivver-doc-kop{border-block-end:1px solid var(--oud-border);align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;&>svg.paars{block-size:1.25rem;inline-size:1.25rem;color:var(--oud-middenblauw)}&>h2{color:var(--oud-donkerblauw);flex:1;margin:0;font-family:Commissioner,sans-serif;font-size:1rem;font-weight:700;line-height:1.6}&>button{block-size:auto;min-block-size:0;inline-size:auto;box-shadow:none;color:var(--oud-tekstgrijs);background:0 0;border:0;padding:0;display:inline-flex;&:hover{color:var(--oud-donkerblauw);background:0 0}&>svg{block-size:1.25rem;inline-size:1.25rem;margin:0}}}& .zivver-doc-inhoud{flex-direction:column;align-items:stretch;gap:.75rem;margin:0;padding:1.25rem;display:flex;&>div{flex-direction:column;margin:0;display:flex}& label{color:var(--oud-tekstgrijs);margin:0;padding:0;font-size:.75rem;font-weight:400;line-height:1rem}& input{border:1px solid var(--oud-border);background:var(--oud-wit);border-radius:.375rem;block-size:2.5rem;inline-size:100%;max-inline-size:none;padding:0 .75rem;font-size:.875rem;&:focus{box-shadow:0 0 0 2px var(--oud-middenblauw)}}& textarea{border:1px solid var(--oud-border);border-radius:.375rem;inline-size:100%;max-inline-size:none;padding:.5rem .75rem;font-size:.875rem;&:focus{box-shadow:0 0 0 2px var(--oud-middenblauw)}}}& .zivver-doc-fout{color:var(--oud-fout);margin:0;font-size:.875rem;line-height:1.25rem}& .zivver-doc-bijlage{color:var(--oud-tekstgrijs);align-items:center;gap:.25rem;margin:0;font-size:.75rem;line-height:1rem;display:flex;&>svg{block-size:.875rem;inline-size:.875rem}}& .zivver-doc-inhoud>.zivver-doc-knoppen{border:0;flex-direction:row;justify-content:flex-start;gap:.5rem;margin:0;padding:.25rem 0 0;& :is(strong>button){block-size:2.25rem;padding:0 .75rem;font-size:.875rem;&>svg{block-size:1rem;inline-size:1rem;margin-inline-end:.25rem}}}}html:root.portaal :is(code,kbd,samp,pre){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}html:root.portaal #dialog .bevestig-knoppen>button.ok{background:var(--oud-middenblauw);color:#fff;border:0;&:hover{background:var(--oud-middenblauw-hover);color:#fff}}html:root.portaal{--oud-ease:cubic-bezier(.4,0,.2,1);--oud-duur:.15s}html:root.portaal :is(button,.\<button\>,[role=tab],.coach-app>summary,.datatabel tbody tr,.portal-nav a,.chips a,.tr-tabs a,.profiel-links a,.bd-medewerkers a,.contract-acties a,.sht-lijst a,label.keuze,a:is(.back,.mw-terug,.sorteer,.brb-keuze,.brb-rij,.regime-actie,.wg-berichten,.tg-grijs-link)):not(.rijk-balk button,.brb-pop-nieuw button,.inline-bewerk,.potlood,.link.toevoegen,.uploaden,.bd-link-klein,.bd-prullenbak,.bd-vink,.brb-actie,.bell-all,.meldingen-alles,.wg-knop,.portal-menu-button,.portal-drawer-close,.iconbutton,.tr-overzicht .sorteer,.tg-demo-lijst button),html:root.portaal :is(input:is([type=text],[type=email],[type=password],[type=number],[type=date],[type=tel],[type=search]),textarea,select):not(.tr-zoek input,.regimes-balk input,.rechten-zoek){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:var(--oud-duur);transition-timing-function:var(--oud-ease)}html:root.portaal :is(a.dash-tile,.instellingen-tegels>a.kaart,.link-rows a,a.actie-kaart,.tg-demo-lijst button){transition-property:all;transition-duration:var(--oud-duur);transition-timing-function:var(--oud-ease)}html:root.portaal a.portal-user{transition-property:opacity;transition-duration:var(--oud-duur);transition-timing-function:var(--oud-ease)}html:root.portaal .iconbutton,html:root.portaal :is(#dialog,dialog.portal-drawer),html:root.portaal :is(#dialog,dialog.portal-drawer)::backdrop{transition:none}html:root.portaal body:after{content:none}html:root.portaal button[aria-busy=true]:not(.fw-opslaan){opacity:.5;cursor:not-allowed;pointer-events:none;&:before{content:"";box-sizing:border-box;border:1.333px solid;vertical-align:-.125rem;border-block-start-color:#0000;border-radius:50%;flex:none;block-size:.75rem;inline-size:.75rem;margin:.125rem;animation:1s linear infinite oud-spin;display:inline-block}}@keyframes oud-spin{to{rotate:360deg}}