.topbar{position:sticky;top:12px;z-index:50}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:auto;height:46px;max-width:min(310px,42vw);object-fit:contain;object-position:left center}
.editor-card{width:100%;max-width:none}
.editor-section{background:#f5f7fb;border-radius:18px;padding:20px;margin-top:22px}
.editor-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;margin-top:16px}
.field-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:15px;margin-top:12px;overflow:hidden}
.field-summary{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:16px 18px;border:0;border-radius:0;background:#fff;color:#0b1f3a;text-align:left;cursor:pointer}
.field-summary:hover{background:#f8fafc}.field-summary-title{font-weight:800;flex:1}.field-check{color:#067647;font-size:20px;font-weight:900;line-height:1}.field-check[hidden]{display:none}.field-chevron{font-size:20px;transition:transform .2s}.field-accordion.open .field-chevron{transform:rotate(180deg)}
.field-details{display:none;border-top:1px solid #e5e7eb;padding:18px}.field-accordion.open .field-details{display:block}
.language-values[hidden],.source-custom[hidden]{display:none}
.inline-note{font-size:13px;color:#667085;margin:7px 0 0}.own-fields-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pagination{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0}.compact-label{display:flex;align-items:center;gap:8px;margin:0}.compact-label select{width:auto;min-width:90px}.mfa-qr{display:inline-block;background:#fff;padding:12px;border-radius:12px}.mfa-qr img,.mfa-qr canvas{display:block;max-width:100%;height:auto}.secret-code{overflow-wrap:anywhere}.recovery-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:420px;margin-top:12px}.recovery-codes code{background:#fff;padding:8px;border-radius:8px;text-align:center}
.product-image-circle{aspect-ratio:1;border-radius:0;overflow:hidden;background:transparent;border:0;margin:0 auto 18px}.product-image-circle img{width:100%;height:100%;object-fit:contain}.product-image-circle.activation{width:50%}.product-image-circle.dashboard{width:50%}.product-image-circle.editor{width:min(150px,35%)}.product-image-circle.small{width:130px}.product-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.tag-card .product-image-circle{margin-top:2px}
.footer-note a{color:#e8eef8}.legal-document{max-width:900px;margin-left:auto;margin-right:auto}.legal-content{white-space:normal;line-height:1.7}.legal-languages{display:flex;justify-content:flex-end;gap:8px}.legal-languages .button{margin:0}.privacy-warning{border:2px solid #b42318;background:#fff4f2;color:#7a271a;border-radius:14px;padding:16px;margin:16px 0}.consent-box{background:#f5f7fb;border-radius:14px;padding:16px;margin:16px 0}.consent-box label{display:flex;align-items:flex-start;gap:10px}.consent-box input{width:auto;margin-top:4px}
.medical-consent-line{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin:15px 0 6px}.medical-consent-line input{width:auto;min-width:18px;height:18px;margin:2px 0 0}.medical-consent-line span{display:block}.medical-consent-status{display:flex;flex-direction:column;gap:3px;border-radius:12px;padding:11px 13px;margin:10px 0 14px;font-size:14px}.medical-consent-status.granted{background:#ecfdf3;color:#05603a;border:1px solid #abefc6}.medical-consent-status.missing{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.medical-consent-status span{font-size:12px;line-height:1.4}
.narrow,.legal-document{width:100%;max-width:none;margin:0 0 22px}.mfa-reminder{display:flex;align-items:center;justify-content:space-between;gap:18px}.mfa-reminder .button{flex:0 0 auto;margin:0}@media(max-width:640px){.mfa-reminder{align-items:stretch;flex-direction:column}.mfa-reminder .button{width:100%;text-align:center}}
.modal-open{overflow:hidden}.login-message-overlay{position:fixed;inset:0;z-index:1000;background:rgba(4,15,32,.76);display:flex;align-items:center;justify-content:center;padding:20px}.login-message-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.45)}.login-message-modal>h2{margin-bottom:18px}.login-message-list{display:grid;gap:14px}.login-message-item{background:#f5f7fb;border:1px solid #e5e7eb;border-radius:14px;padding:17px}.login-message-item h3{margin-bottom:9px}.login-message-modal>button{margin-top:20px}
.help-icon,.inline-content-edit{display:inline-flex;width:25px;height:25px;min-width:25px;align-items:center;justify-content:center;margin:0 0 0 7px;padding:0;border-radius:50%;background:#eaf1ff;color:#1849a9;font-size:14px;vertical-align:middle}.inline-content-edit{background:#fff3cd;color:#8a5a00}.content-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100vh - 40px);overflow:auto;border:0;border-radius:20px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.4)}.content-dialog::backdrop{background:rgba(4,15,32,.72)}.dialog-close{position:absolute;right:12px;top:10px;width:38px;height:38px;padding:0;margin:0;border-radius:50%;background:#f2f4f7;color:#344054;font-size:25px}.content-dialog [data-help-text]{white-space:pre-wrap;line-height:1.6}.help-images{display:grid;gap:18px;margin-top:18px}.help-images figure{margin:0}.help-images img{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:12px;background:#f5f7fb}.help-images figcaption{font-weight:700;margin-top:7px}.edit-dialog{width:min(1000px,calc(100% - 28px));height:min(780px,calc(100vh - 40px));padding:46px 8px 8px}.edit-dialog iframe{width:100%;height:100%;border:0}.field-label-row{display:flex;align-items:center;gap:4px}.sticky-save{position:sticky;bottom:12px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:12px 16px;border-radius:15px;background:#0b1f3a;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.32)}.sticky-save[hidden]{display:none}.sticky-save button{margin:0}.pwa-install-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.pwa-install-card[hidden]{display:none}.pwa-install-card .button{flex:0 0 auto;margin:0}.tag-card>.actions{display:grid;grid-template-columns:1fr}.tag-card>.actions form,.tag-card>.actions button,.tag-card>.actions .button{width:100%;text-align:center}.tag-more-actions summary{cursor:pointer;font-weight:800;padding:12px 16px;border-radius:11px;background:#eef4ff;color:#1849a9;text-align:center;list-style:none}.tag-more-actions summary::-webkit-details-marker{display:none}.tag-more-actions .actions{display:grid;grid-template-columns:1fr;margin-top:9px}
@media(max-width:640px){.topbar{top:6px}.editor-section{padding:14px}.editor-box,.field-details{padding:14px}.field-summary{padding:14px}.own-fields-header .button{width:100%;text-align:center}}

/* Compacte helpbediening en rustige informatie-pop-up. */
button.help-icon{
  display:inline-flex!important;
  flex:0 0 25px!important;
  width:25px!important;
  min-width:25px!important;
  max-width:25px!important;
  height:25px!important;
  min-height:25px!important;
  margin:0 0 0 7px!important;
  padding:0!important;
  align-items:center;
  justify-content:center;
  border:0!important;
  border-radius:50%!important;
  background:#eaf1ff!important;
  color:#1849a9!important;
  font-size:14px!important;
  line-height:1!important;
  vertical-align:middle;
  box-shadow:none!important;
}
button.help-icon:hover{background:#dbe8ff!important;color:#0b3b91!important}
button.help-icon:focus-visible{outline:3px solid rgba(13,110,253,.28);outline-offset:2px}

dialog.help-dialog{
  position:fixed;
  width:min(920px,calc(100% - 40px));
  max-width:920px;
  max-height:calc(100dvh - 48px);
  margin:auto;
  overflow:auto;
  border:0!important;
  outline:0;
  border-radius:20px!important;
  background:#fff;
  padding:28px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.45)!important;
}
dialog.content-dialog::backdrop{background:rgba(4,15,32,.82);backdrop-filter:blur(1px)}
dialog.help-dialog>h2{margin:0 48px 20px 0}
button.dialog-close{
  position:absolute!important;
  inset:14px 14px auto auto!important;
  left:auto!important;
  right:14px!important;
  top:14px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 0 2px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f2f4f7!important;
  color:#475467!important;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1!important;
  box-shadow:none!important;
}
button.dialog-close:hover{background:#e4e7ec!important;color:#101828!important}
button.dialog-close:focus-visible{outline:3px solid rgba(13,110,253,.28);outline-offset:2px}
.help-dialog-layout{display:block}
.help-dialog.has-images .help-dialog-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);gap:28px;align-items:start}
.help-dialog-text{white-space:pre-wrap;line-height:1.65;min-width:0}
.help-dialog .help-images{display:grid;gap:16px;margin:0;min-width:0}
.help-dialog .help-images figure{margin:0;padding:10px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}
.help-dialog .help-images img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;border-radius:9px;background:transparent}
.help-dialog .help-images figcaption{margin-top:8px;color:#475467;font-size:13px;font-weight:700;line-height:1.35}

@media(max-width:640px){
  .topbar.adminbar{position:sticky!important;top:6px!important}
  dialog.help-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px!important;border-radius:17px!important}
  dialog.help-dialog>h2{margin-right:38px;margin-bottom:16px}
  button.dialog-close{right:10px!important;top:10px!important}
  .help-dialog.has-images .help-dialog-layout{display:flex;flex-direction:column;gap:18px}
  .help-dialog .help-images{width:100%}
  .help-dialog .help-images figure{padding:8px}
}
.code-boxes{display:flex;justify-content:center;gap:7px;margin:14px 0 6px}.code-box{width:42px!important;min-width:42px!important;height:52px;padding:3px!important;text-align:center;text-transform:uppercase;font-size:21px!important;font-weight:900;border:2px solid #d0d5dd!important}.code-box:focus{border-color:#0d6efd!important;outline:2px solid rgba(13,110,253,.15)}.activation-boxes .code-box:nth-child(4),.activation-boxes .code-box:nth-child(8){margin-right:9px}.code-format{text-align:center;color:#667085;font-weight:800;letter-spacing:.12em}.push-preferences{display:grid;gap:10px;margin:16px 0}.push-preferences label{display:flex;align-items:center}.card [data-push-controls]>.actions{display:flex;flex-wrap:wrap;gap:9px}.card [data-push-controls]>.actions button{width:auto;margin:0}
@media(max-width:700px){.activation-boxes{display:grid;grid-template-columns:repeat(4,42px);gap:7px 9px}.activation-boxes .code-box:nth-child(4),.activation-boxes .code-box:nth-child(8){margin-right:0}.code-box{width:42px!important;min-width:42px!important;height:50px}.pin-boxes{gap:8px}.card [data-push-controls]>.actions button{width:100%}}
input[type=date]{display:block;max-width:100%;min-width:0;width:100%}.user-result-row>summary{grid-template-columns:48px minmax(520px,1fr) auto auto 28px}.user-result-row .result-email{overflow:visible;text-overflow:clip}.user-result-row .result-email strong{white-space:nowrap;overflow:visible;text-overflow:clip}.otp-boxes{display:grid;grid-template-columns:repeat(6,48px);justify-content:center;gap:9px;margin:14px 0}.otp-box{width:48px!important;min-width:48px!important;height:56px;aspect-ratio:auto;padding:4px!important;text-align:center;font-size:24px!important;font-weight:900;border:2px solid #d0d5dd!important}.otp-box:focus{border-color:#0d6efd!important;outline:2px solid rgba(13,110,253,.15)}.otp-recovery-toggle{margin-top:6px}.otp-recovery-input[hidden],.otp-boxes[hidden]{display:none!important}.legal-popup-body{max-height:70vh;overflow:auto;white-space:normal;line-height:1.6}.legal-popup-body main{padding:0;box-shadow:none;margin:0}.legal-popup-body .topbar,.legal-popup-body .footer-note{display:none}
@media(max-width:700px){.user-result-row>summary{grid-template-columns:42px minmax(0,1fr) auto}.number-input-wrap input{width:65%!important}.otp-boxes{grid-template-columns:repeat(6,42px);justify-content:center;gap:6px}.otp-box{width:42px!important;min-width:42px!important;height:50px;font-size:20px!important}}
.maintenance-admin-banner{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;background:#b42318;color:#fff;border-radius:0 0 12px 12px}.maintenance-admin-banner .button{margin:0;padding:7px 12px;background:#fff;color:#b42318}.maintenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.maintenance-page{text-align:center;padding:44px}.account-menu{margin-left:auto}.account-avatar{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border-radius:50%!important;background:#0b1f3a!important;color:#fff!important;font-weight:900;cursor:pointer;list-style:none}.account-avatar::-webkit-details-marker{display:none}.account-submenu{left:auto!important;right:0}.tag-preview-dialog{width:min(520px,calc(100% - 24px));height:min(820px,calc(100dvh - 30px));padding:50px 8px 8px!important}.tag-preview-dialog iframe{width:100%;height:100%;border:0;border-radius:14px}.table-scroll{overflow:auto}.table-scroll table{width:100%;border-collapse:collapse}.table-scroll th,.table-scroll td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;white-space:nowrap}
input[type="checkbox"].switch-input,.checks input[type="checkbox"]{appearance:none;width:44px!important;min-width:44px;height:24px;margin:0 8px 0 0!important;border:0;border-radius:999px;background:#98a2b3;position:relative;vertical-align:middle;cursor:pointer;transition:.18s}.checks input[type="checkbox"]::after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.18s}.checks input[type="checkbox"]:checked{background:#12b76a}.checks input[type="checkbox"]:checked::after{transform:translateX(20px)}
@media(max-width:640px){.maintenance-grid{grid-template-columns:1fr}.maintenance-admin-banner{position:relative;flex-direction:column;text-align:center}.account-menu{margin-left:0}.topbar>.nav>.account-menu{grid-column:1/-1}.account-avatar{margin:0 auto}.account-submenu{position:static!important}.tag-preview-dialog{height:calc(100dvh - 16px)}}
.number-input-wrap{display:flex;align-items:center;gap:12px;width:100%}.number-input-wrap input{width:50%!important;min-width:0}.number-input-wrap .field-unit{display:inline;font-weight:900;white-space:nowrap;color:#0b1f3a}.sticky-save-actions{display:flex;gap:10px;align-items:center}.sticky-save-actions button{width:auto}[data-user-tags]{width:100%;text-align:center}.create-image-preview+label{margin-top:12px}#create-product-images{max-height:430px;overflow:auto}.create-submit-bar{display:block!important;clear:both;margin-top:18px}.create-tag-submit{position:relative!important;display:block!important;width:100%!important;margin:0!important;visibility:visible!important;opacity:1!important;box-shadow:none!important}
.admin-result-list{display:grid;gap:10px}.result-row{background:#fff;border-radius:15px;box-shadow:0 10px 28px rgba(0,0,0,.16);overflow:hidden}.result-row>summary{display:grid;grid-template-columns:48px 90px minmax(220px,1fr) auto 28px;align-items:center;gap:14px;padding:11px 16px;cursor:pointer;list-style:none}.result-row>summary::-webkit-details-marker{display:none}.result-row[open]>summary{border-bottom:1px solid #e5e7eb}.result-row[open] .field-chevron{transform:rotate(180deg)}.result-thumb{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.result-thumb img{width:100%;height:100%;object-fit:contain}.result-email{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-overflow:ellipsis}.result-email small{color:#667085}.result-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.result-details{padding:20px}.user-avatar{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:50%;background:#0b1f3a;color:#fff;font-weight:900}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.filter-chips label{margin:0;cursor:pointer}.filter-chips input{position:absolute;opacity:0;pointer-events:none}.filter-chips span{display:block;padding:8px 12px;border-radius:999px;background:#e4e7ec;color:#667085;font-weight:800}.filter-chips input:checked+span{background:#0d6efd;color:#fff;box-shadow:0 0 0 3px rgba(13,110,253,.18)}.search-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px;gap:14px;align-items:end}.visual-image-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.visual-image-picker label{display:flex;flex-direction:column;gap:6px;padding:9px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer}.visual-image-picker label:has(input:checked){border-color:#0d6efd;background:#eef4ff}.visual-image-picker input{position:absolute;opacity:0}.visual-image-picker img{width:100%;aspect-ratio:1;object-fit:contain}.create-image-preview{width:150px;aspect-ratio:1;margin:16px auto}.create-image-preview img{width:100%;height:100%;object-fit:contain}.create-image-preview.missing{border:2px dashed #b42318;border-radius:12px}.create-image-preview.missing:after{content:'Geen standaardfoto';display:flex;height:100%;align-items:center;justify-content:center;color:#b42318;text-align:center}.create-image-preview.missing img{display:none}
@media(max-width:700px){.result-row>summary{grid-template-columns:42px minmax(0,1fr) auto}.result-row>summary>code{display:none}.result-badges{display:none}.search-toolbar{grid-template-columns:1fr}.result-details{padding:14px}}
.maintenance-admin-banner+.adminbar{top:58px}
.tag-more-actions .actions{gap:9px}.tag-more-actions .actions form,.tag-more-actions .actions button,.tag-more-actions .actions .button{width:100%;margin:0;text-align:center}.tag-card>.actions{gap:9px}
.tag-card>.actions+.tag-more-actions{display:block;margin-top:9px}
.admin-menu-group{position:relative}.admin-menu-toggle{display:block;color:#344054;font-weight:700;padding:9px 11px;border-radius:10px;cursor:pointer;list-style:none}.admin-menu-toggle::-webkit-details-marker{display:none}.admin-submenu{position:absolute;top:calc(100% + 6px);left:0;z-index:70;min-width:220px;padding:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.18)}.admin-submenu a{display:block;padding:9px 10px;color:#344054;text-decoration:none;border-radius:8px;white-space:nowrap}.admin-submenu a:hover{background:#eef4ff}.admin-menu-group:not([open]) .admin-submenu{display:none}
.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0 6px;color:#667085;font-size:13px}.login-divider::before,.login-divider::after{content:"";height:1px;flex:1;background:#e5e7eb}.login-divider span{flex:0 0 auto}
.registration-choice{display:grid;grid-template-columns:1fr;gap:10px}.registration-choice .button{margin:0;text-align:center}
.nav-toggle{display:none}
@media(max-width:640px){
  .topbar{top:6px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 12px;margin-bottom:14px;border-radius:14px}
  .topbar .brand img{height:36px;max-width:min(205px,62vw)}
  button.nav-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;min-width:0!important;height:38px;margin:0!important;padding:8px 11px!important;border:0!important;border-radius:10px!important;background:#eef4ff!important;color:#1849a9!important;font-size:14px!important;line-height:1!important}
  .nav-toggle-lines,.nav-toggle-lines::before,.nav-toggle-lines::after{display:block;width:17px;height:2px;border-radius:2px;background:currentColor;content:"";transition:transform .18s}
  .nav-toggle-lines{position:relative}.nav-toggle-lines::before{position:absolute;left:0;top:-5px}.nav-toggle-lines::after{position:absolute;left:0;top:5px}
  .topbar.nav-open .nav-toggle-lines{background:transparent}.topbar.nav-open .nav-toggle-lines::before{top:0;transform:rotate(45deg)}.topbar.nav-open .nav-toggle-lines::after{top:0;transform:rotate(-45deg)}
  .topbar>.nav{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:8px;border-top:1px solid #e5e7eb}
  .topbar.nav-open>.nav{display:grid}
  .topbar>.nav>a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 7px;text-align:center;font-size:14px;line-height:1.2;background:#f8fafc}
  .topbar>.admin-nav{grid-template-columns:1fr}
  .topbar>.admin-nav>.admin-menu-group{width:100%}
  .topbar>.admin-nav .admin-menu-toggle{padding:10px;text-align:center;background:#f8fafc}
  .topbar>.nav>.account-menu{order:-1;grid-column:1/-1;justify-self:start;width:auto!important;margin:0!important;text-align:left}
  .topbar>.nav>.account-menu>.account-avatar{margin:0!important}
  .topbar>.nav>.account-menu>.account-submenu{margin-top:7px;min-width:210px;text-align:left}
}