:root{--bsgp-navy:#17245b;--bsgp-navy2:#263579;--bsgp-ink:#11182b;--bsgp-text:#4d586d;--bsgp-line:#dfe5ed;--bsgp-bg:#f3f5f8;--bsgp-soft:#f8f9fb;--bsgp-ok:#137b4a;--bsgp-warn:#a66000;--bsgp-danger:#b42318;--bsgp-radius:18px;--bsgp-shadow:0 18px 55px rgba(20,31,64,.09)}
.bsgp-app,.bsgp-crm,.bsgp-crm-auth,.bsgp-camera-modal,.bsgp-modal{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bsgp-ink);box-sizing:border-box}.bsgp-app *,.bsgp-crm *,.bsgp-crm-auth *,.bsgp-camera-modal *,.bsgp-modal *{box-sizing:border-box}.bsgp-app{background:linear-gradient(180deg,#eef1f7 0,#f6f7f9 70%,#fff 100%);padding:34px 16px;min-height:70vh}.bsgp-shell{width:min(980px,100%);margin:0 auto}.bsgp-brand-card{background:#fff;border:1px solid var(--bsgp-line);border-top:7px solid var(--bsgp-navy);border-radius:var(--bsgp-radius);box-shadow:var(--bsgp-shadow);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px}.bsgp-brand-card img{width:min(370px,46%);height:auto;display:block}.bsgp-brand-title{text-align:right}.bsgp-brand-title span,.bsgp-kicker{display:inline-block;color:var(--bsgp-navy2);text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.12em}.bsgp-brand-title h1{font-size:22px;line-height:1.25;margin:6px 0 0;max-width:430px}.bsgp-progress-wrap{margin:18px 0 0;background:#fff;border:1px solid var(--bsgp-line);border-radius:15px;padding:14px 16px}.bsgp-progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#68738a;font-weight:700}.bsgp-progress{height:7px;background:#e7ebf2;border-radius:999px;margin-top:10px;overflow:hidden}.bsgp-progress span{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--bsgp-navy),#5464b9);border-radius:inherit;transition:width .25s ease}.bsgp-step{display:none;background:#fff;border:1px solid var(--bsgp-line);border-radius:var(--bsgp-radius);box-shadow:var(--bsgp-shadow);padding:28px;margin-top:18px}.bsgp-step.is-active{display:block}.bsgp-step-head{margin-bottom:23px}.bsgp-step-head h2,.bsgp-signature-card h3,.bsgp-crm h2,.bsgp-modal h2{margin:6px 0 8px;line-height:1.2}.bsgp-step-head h2{font-size:27px}.bsgp-step-head p,.bsgp-signature-card p,.bsgp-modal p{margin:0;color:var(--bsgp-text);line-height:1.6}.bsgp-privacy,.bsgp-info-box{border:1px solid #dce2f1;background:#f8f9fd;border-left:5px solid var(--bsgp-navy);padding:16px 18px;border-radius:12px;margin-bottom:22px}.bsgp-privacy strong,.bsgp-info-box strong{font-size:13px}.bsgp-privacy p,.bsgp-info-box p{margin:6px 0 0;font-size:13px;line-height:1.65;color:#58647a}.bsgp-grid{display:grid;gap:17px}.bsgp-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bsgp-grid.one{grid-template-columns:1fr}.bsgp-field{display:block}.bsgp-field>span{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:760;color:#2d374b;margin-bottom:7px}.bsgp-field em,.bsgp-fieldset em,.bsgp-consent em{font-style:normal;color:#c23b30}.bsgp-field small{display:block;flex-basis:100%;font-weight:500;color:#768196;line-height:1.4}.bsgp-field input,.bsgp-auth-card input,.bsgp-status-control select,.bsgp-panel-head input[type=search]{width:100%;border:1px solid #cad2df;background:#fff;border-radius:10px;padding:12px 13px;min-height:46px;color:#162033;font-size:15px;outline:0;transition:border .15s,box-shadow .15s}.bsgp-field input:focus,.bsgp-auth-card input:focus,.bsgp-status-control select:focus,.bsgp-panel-head input:focus{border-color:#5365bd;box-shadow:0 0 0 3px rgba(83,101,189,.12)}.bsgp-field input[readonly]{background:#f3f5f8;color:#5e687b;cursor:not-allowed}.bsgp-lock{margin-left:auto!important;color:#66738b!important;background:#eef1f5;border-radius:999px;padding:3px 8px;font-size:10px!important;font-weight:800!important}.bsgp-fieldset{border:0;padding:0;margin:20px 0}.bsgp-fieldset legend{font-size:13px;font-weight:760;color:#2d374b;margin-bottom:10px}.bsgp-choice-row,.bsgp-choice-grid{display:grid;gap:10px}.bsgp-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.bsgp-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bsgp-choice input{position:absolute;opacity:0;pointer-events:none}.bsgp-choice span{display:flex;align-items:center;justify-content:center;border:1px solid #ccd4e1;border-radius:11px;padding:12px 14px;min-height:46px;background:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}.bsgp-choice input:checked+span{border-color:var(--bsgp-navy);background:#eef1ff;box-shadow:inset 0 0 0 1px var(--bsgp-navy);color:var(--bsgp-navy)}.bsgp-btn,.bsgp-upload-btn{border:0;border-radius:10px;padding:12px 17px;min-height:44px;font-weight:800;font-size:13px;line-height:1.2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s}.bsgp-btn:hover,.bsgp-upload-btn:hover{transform:translateY(-1px)}.bsgp-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.bsgp-btn.primary{background:var(--bsgp-navy);color:#fff;box-shadow:0 8px 22px rgba(23,36,91,.18)}.bsgp-btn.secondary{background:#eef1ff;color:var(--bsgp-navy);border:1px solid #d6dcf7}.bsgp-btn.ghost{background:#fff;color:#384357;border:1px solid #ccd4df}.bsgp-btn.warning{background:#fff1d8;color:#8a5200;border:1px solid #efcc8b}.bsgp-nav{display:flex;align-items:center;gap:12px;margin-top:18px;background:#fff;border:1px solid var(--bsgp-line);padding:14px;border-radius:15px;position:sticky;bottom:12px;z-index:8;box-shadow:0 10px 30px rgba(24,35,62,.08)}.bsgp-nav .bsgp-save-state{margin:auto;color:#748096;font-size:12px;font-weight:700}.bsgp-capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bsgp-capture-card{display:grid;grid-template-columns:155px 1fr;border:1px solid var(--bsgp-line);border-radius:15px;overflow:hidden;background:#fff}.bsgp-capture-card:last-child{grid-column:1/-1}.bsgp-capture-preview{min-height:170px;background:linear-gradient(145deg,#eef1f7,#e4e8f0);display:flex;align-items:center;justify-content:center;overflow:hidden}.bsgp-capture-preview img{width:100%;height:100%;object-fit:cover}.bsgp-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:#707b8e;font-size:12px}.bsgp-mini-frame{border:2px dashed #65708b;width:90px;border-radius:7px}.bsgp-mini-frame.document{aspect-ratio:1.586}.bsgp-mini-frame.portrait{width:62px;aspect-ratio:35/45}.bsgp-capture-preview.has-file{background:#eaf7f0}.bsgp-capture-copy{padding:17px}.bsgp-capture-copy h3{font-size:16px;margin:0 0 7px}.bsgp-capture-copy p{font-size:12px;line-height:1.5;color:#6d788d;margin:0 0 14px}.bsgp-capture-actions-inline{display:flex;gap:8px;flex-wrap:wrap}.bsgp-upload-btn{position:relative;background:#fff;color:#3f4b60;border:1px solid #d0d7e2}.bsgp-upload-btn input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.bsgp-state{display:inline-flex;margin-top:12px;border-radius:999px;background:#fff0ef;color:#a9362b;padding:5px 9px;font-size:10px;font-weight:800}.bsgp-state.ok{background:#e7f7ee;color:var(--bsgp-ok)}.bsgp-signature-card{margin-top:18px;border:1px solid var(--bsgp-line);border-radius:15px;padding:20px;background:#fbfcfd}.bsgp-signature-wrap{position:relative;margin-top:15px;background:#fff;border:1px dashed #aab5c8;border-radius:12px;overflow:hidden;touch-action:none}.bsgp-signature-wrap canvas{display:block;width:100%;height:220px;cursor:crosshair;position:relative;z-index:2}.bsgp-signature-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b2bac7;font-size:24px;font-family:cursive;pointer-events:none}.bsgp-signature-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}.bsgp-signature-preview{margin-top:12px;display:none;padding:12px;border:1px solid #d9e7de;background:#f1faf5;border-radius:10px;color:#2e6e4b;font-size:12px}.bsgp-signature-preview.has-file{display:block}.bsgp-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.bsgp-review div{border:1px solid var(--bsgp-line);background:#fafbfc;border-radius:10px;padding:12px}.bsgp-review span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7d8797;font-weight:800;margin-bottom:5px}.bsgp-review strong{font-size:13px}.bsgp-consent{display:flex;align-items:flex-start;gap:11px;margin:18px 0;padding:15px;border:1px solid var(--bsgp-line);border-radius:12px;background:#fafbfc;font-size:13px;line-height:1.5}.bsgp-consent input{margin-top:3px}.bsgp-payment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;border:1px solid #cfd6e5;border-radius:15px;padding:18px;background:linear-gradient(135deg,#f8f9fd,#fff)}.bsgp-payment-card.is-test{border-color:#efc878;background:#fffaf0}.bsgp-payment-icon{width:50px;height:50px;border-radius:14px;background:var(--bsgp-navy);display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;font-weight:900}.bsgp-payment-card.is-test .bsgp-payment-icon{background:#9a5c00}.bsgp-payment-copy span,.bsgp-payment-copy small{display:block;color:#6c778c;font-size:11px}.bsgp-payment-copy strong{display:block;font-size:24px;margin:2px 0}.bsgp-alert{padding:12px 14px;border-radius:10px;margin-top:13px;background:#eef2ff;color:#2c3e86;font-size:13px;font-weight:700}.bsgp-alert.error{background:#fff0ef;color:#a9342c}.bsgp-alert.success{background:#e8f8ef;color:#176f48}.bsgp-message{background:#fff;border:1px solid var(--bsgp-line);border-radius:15px;padding:30px;margin-top:18px;box-shadow:var(--bsgp-shadow)}.bsgp-message h2{margin:0 0 10px}.bsgp-message p{color:var(--bsgp-text);line-height:1.7}.bsgp-message.success{border-left:6px solid var(--bsgp-ok)}.bsgp-message.warning{border-left:6px solid #cb7b00}
/* camera */
.bsgp-camera-modal,.bsgp-modal{position:fixed;inset:0;z-index:999999;background:rgba(8,14,30,.78);padding:18px;display:flex;align-items:center;justify-content:center}.bsgp-camera-modal[hidden],.bsgp-modal[hidden]{display:none!important}.bsgp-camera-panel{width:min(920px,100%);background:#0d1324;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.4)}.bsgp-camera-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.bsgp-camera-head h3{margin:4px 0 0}.bsgp-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid #d0d7e0;background:#fff;color:#263247;font-size:24px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bsgp-camera-head .bsgp-icon-btn{background:#1e2840;color:#fff;border-color:#39435b}.bsgp-video-stage{height:min(68vh,660px);position:relative;background:#03060e;overflow:hidden}.bsgp-video-stage video{width:100%;height:100%;object-fit:cover;display:block}.bsgp-scan-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(82%,720px);aspect-ratio:1.586;border:1px solid rgba(255,255,255,.45);box-shadow:0 0 0 9999px rgba(0,0,0,.42);border-radius:12px;transition:.2s}.bsgp-scan-frame.passport{aspect-ratio:1.42}.bsgp-scan-frame.portrait{width:min(50%,340px);aspect-ratio:35/45;border-radius:18px}.bsgp-scan-frame>span{position:absolute;width:38px;height:38px;border-color:#fff;border-style:solid;border-width:0}.bsgp-scan-frame>span:nth-child(1){left:-2px;top:-2px;border-left-width:4px;border-top-width:4px;border-radius:11px 0 0}.bsgp-scan-frame>span:nth-child(2){right:-2px;top:-2px;border-right-width:4px;border-top-width:4px;border-radius:0 11px 0 0}.bsgp-scan-frame>span:nth-child(3){left:-2px;bottom:-2px;border-left-width:4px;border-bottom-width:4px;border-radius:0 0 0 11px}.bsgp-scan-frame>span:nth-child(4){right:-2px;bottom:-2px;border-right-width:4px;border-bottom-width:4px;border-radius:0 0 11px}.bsgp-frame-help{position:absolute;left:50%;bottom:-44px;transform:translateX(-50%);white-space:nowrap;background:rgba(0,0,0,.62);padding:8px 11px;border-radius:999px;font-size:12px}.bsgp-quality{position:absolute;left:15px;top:15px;background:rgba(8,13,28,.72);backdrop-filter:blur(8px);padding:8px 10px;border-radius:9px;font-size:11px;font-weight:750}.bsgp-countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:rgba(23,36,91,.88);font-size:52px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(255,255,255,.12)}.bsgp-camera-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:15px 18px}.bsgp-camera-actions .bsgp-btn:last-child{justify-self:end}.bsgp-capture-button{width:66px;height:66px;border-radius:50%;border:3px solid #fff;background:transparent;padding:5px;cursor:pointer}.bsgp-capture-button span{display:block;width:100%;height:100%;background:#fff;border-radius:50%}
/* CRM auth/dashboard */
.bsgp-crm-auth{min-height:70vh;background:linear-gradient(160deg,#edf0f6,#f8f9fb);display:flex;align-items:center;justify-content:center;padding:35px 16px}.bsgp-auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--bsgp-line);border-top:7px solid var(--bsgp-navy);border-radius:18px;padding:30px;box-shadow:var(--bsgp-shadow)}.bsgp-auth-card img{width:290px;max-width:100%;margin-bottom:24px}.bsgp-auth-card h1{font-size:28px;margin:7px 0 8px}.bsgp-auth-card p{color:var(--bsgp-text);line-height:1.6}.bsgp-auth-card label{display:block;font-size:12px;font-weight:800;margin:14px 0 7px}.bsgp-auth-card .bsgp-btn{width:100%;margin-top:10px}.bsgp-crm{background:#f2f4f8;min-height:75vh;padding:24px}.bsgp-crm-top{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:0 auto 18px}.bsgp-crm-brand{display:flex;align-items:center;gap:18px}.bsgp-crm-brand img{width:245px;max-width:36vw}.bsgp-crm-brand span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7a8497;font-weight:800}.bsgp-crm-brand h1{margin:3px 0 0;font-size:24px}.bsgp-crm-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.bsgp-crm-banner{max-width:1440px;margin:0 auto 18px;border-radius:12px;padding:12px 15px;font-size:13px}.bsgp-crm-banner.warning{background:#fff3d9;border:1px solid #efd08a;color:#885300}.bsgp-stat-grid{max-width:1440px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bsgp-stat-grid>div{background:#fff;border:1px solid var(--bsgp-line);border-radius:14px;padding:17px}.bsgp-stat-grid span{display:block;color:#7a8497;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.bsgp-stat-grid strong{font-size:27px;display:block;margin-top:5px}.bsgp-crm-panel{background:#fff;border:1px solid var(--bsgp-line);border-radius:16px;padding:20px;max-width:1440px;margin:0 auto 18px;box-shadow:0 8px 24px rgba(19,31,61,.04)}.bsgp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.bsgp-panel-head h2{font-size:20px}.bsgp-panel-head input[type=search]{width:min(320px,100%)}.bsgp-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.bsgp-table{width:100%;border-collapse:collapse;min-width:870px}.bsgp-table th{text-align:left;padding:11px 10px;border-bottom:1px solid #dbe1ea;color:#768196;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.bsgp-table td{padding:13px 10px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle}.bsgp-table td small{display:block;color:#7d8798;margin-top:3px}.bsgp-row-link{font-weight:800;color:var(--bsgp-navy);text-decoration:none}.bsgp-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap;background:#edf0f5;color:#596477}.bsgp-badge.status-ingediend,.bsgp-badge.status-id_controle{background:#e9eefc;color:#344a9a}.bsgp-badge.status-goedgekeurd,.bsgp-badge.status-exportgereed,.bsgp-badge.pay-paid{background:#e5f6ed;color:#18724b}.bsgp-badge.status-herstel_nodig{background:#fff0ee;color:#a73a2f}.bsgp-badge.status-betaling_vereist,.bsgp-badge.pay-pending{background:#fff2d9;color:#885000}.bsgp-modal-card{position:relative;width:min(670px,100%);background:#fff;border-radius:17px;padding:25px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.bsgp-modal-card>.bsgp-icon-btn{position:absolute;right:15px;top:15px}.bsgp-modal-card h2{font-size:24px}.bsgp-dossier-head{max-width:1440px;margin:0 auto 18px;background:#17245b;color:#fff;border-radius:16px;padding:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.bsgp-dossier-head h2{font-size:27px;margin:4px 0}.bsgp-dossier-head p{margin:0;color:#cbd3eb}.bsgp-dossier-head .bsgp-kicker{color:#aeb8db}.bsgp-dossier-badges{display:flex;gap:7px;flex-wrap:wrap}.bsgp-dossier-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.bsgp-dossier-grid .bsgp-crm-panel{margin:0 0 18px;max-width:none}.bsgp-data-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.bsgp-data-list>div{padding:11px 0;border-bottom:1px solid #edf0f4}.bsgp-data-list dt{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8590a3;font-weight:800}.bsgp-data-list dd{margin:4px 0 0;font-size:13px;color:#253044}.bsgp-muted{color:#778297;font-size:12px;line-height:1.5}.bsgp-file-list{display:grid;gap:9px}.bsgp-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e1e6ed;border-radius:11px;padding:12px}.bsgp-file-row small{display:block;color:#7a8498;font-size:10px;margin-top:3px}.bsgp-status-control{display:flex;gap:9px}.bsgp-status-control select{flex:1}.bsgp-quick-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.bsgp-quick-info>div{background:#f7f8fa;border-radius:10px;padding:11px}.bsgp-quick-info span{display:block;color:#8490a3;font-size:10px;text-transform:uppercase}.bsgp-quick-info strong{font-size:13px;display:block;margin-top:4px}.bsgp-audit-list{display:grid;gap:0}.bsgp-audit-list>div{display:grid;grid-template-columns:120px 160px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:11px}.bsgp-audit-list time{color:#7e899a}.bsgp-audit-list strong{text-transform:capitalize}.bsgp-audit-list small{overflow-wrap:anywhere;color:#6d788b}
@media(max-width:900px){.bsgp-brand-card{align-items:flex-start;flex-direction:column}.bsgp-brand-card img{width:310px;max-width:80%}.bsgp-brand-title{text-align:left}.bsgp-grid.two,.bsgp-capture-grid,.bsgp-dossier-grid{grid-template-columns:1fr}.bsgp-capture-card:last-child{grid-column:auto}.bsgp-choice-grid{grid-template-columns:1fr}.bsgp-payment-card{grid-template-columns:auto 1fr}.bsgp-payment-card .bsgp-btn{grid-column:1/-1;width:100%}.bsgp-crm-top{align-items:flex-start;flex-direction:column}.bsgp-crm-brand img{max-width:70vw}.bsgp-crm-actions{justify-content:flex-start}.bsgp-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bsgp-data-list{grid-template-columns:1fr}}
@media(max-width:600px){.bsgp-app{padding:14px 9px}.bsgp-brand-card{padding:16px;border-radius:14px}.bsgp-brand-card img{width:255px;max-width:100%}.bsgp-brand-title h1{font-size:18px}.bsgp-step{padding:19px 15px;margin-top:12px}.bsgp-step-head h2{font-size:23px}.bsgp-choice-row{grid-template-columns:1fr 1fr;max-width:none}.bsgp-capture-card{grid-template-columns:1fr}.bsgp-capture-preview{min-height:155px}.bsgp-nav{bottom:7px;padding:9px}.bsgp-nav .bsgp-save-state{display:none}.bsgp-nav .bsgp-btn{flex:1}.bsgp-signature-wrap canvas{height:180px}.bsgp-review{grid-template-columns:1fr}.bsgp-payment-card{grid-template-columns:1fr;text-align:center}.bsgp-payment-icon{margin:auto}.bsgp-camera-modal,.bsgp-modal{padding:0;align-items:stretch}.bsgp-camera-panel{border-radius:0;width:100%;display:flex;flex-direction:column}.bsgp-video-stage{height:auto;flex:1;min-height:0}.bsgp-camera-actions{padding-bottom:calc(15px + env(safe-area-inset-bottom))}.bsgp-camera-actions .bsgp-btn{font-size:10px;padding:10px}.bsgp-frame-help{font-size:10px;bottom:-39px}.bsgp-crm{padding:12px}.bsgp-crm-brand{align-items:flex-start;flex-direction:column;gap:8px}.bsgp-crm-brand img{max-width:90vw;width:250px}.bsgp-crm-actions{width:100%}.bsgp-crm-actions .bsgp-btn{flex:1;min-width:140px}.bsgp-stat-grid{grid-template-columns:1fr 1fr}.bsgp-panel-head{align-items:flex-start;flex-direction:column}.bsgp-panel-head input[type=search]{width:100%}.bsgp-modal-card{border-radius:0;min-height:100vh;padding:22px 15px}.bsgp-dossier-head{align-items:flex-start;flex-direction:column}.bsgp-status-control{flex-direction:column}.bsgp-quick-info{grid-template-columns:1fr}.bsgp-audit-list>div{grid-template-columns:1fr;gap:2px}.bsgp-auth-card{padding:24px 19px}}
.bsgp-invalid{border-color:#c93e34!important;box-shadow:0 0 0 3px rgba(201,62,52,.09)!important}.bsgp-invalid-block{outline:2px solid #c93e34;outline-offset:3px;border-radius:10px}.bsgp-field-error{margin-top:6px;color:#b42318;font-size:11px;font-weight:700}.bsgp-link-result{display:flex;gap:8px;margin-top:10px}.bsgp-link-result input{flex:1;min-width:0;border:1px solid #cfd6e2;border-radius:9px;padding:10px;font-size:12px}@media(max-width:600px){.bsgp-link-result{flex-direction:column}}

/* Digital signature preview */
.bsgp-signature-preview.has-file{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bsgp-signature-preview img{display:block;max-width:320px;width:100%;height:auto;max-height:120px;object-fit:contain;background:#fff;border:1px solid #e1e6ef;border-radius:10px;padding:8px}

/* v1.0.3 - refined Babylon UI, centered branding and document capture */
.bsgp-brand-card{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding:24px 26px}
.bsgp-brand-card img{width:min(350px,88%);max-width:350px;margin:0 auto}
.bsgp-brand-title{text-align:center;width:100%}.bsgp-brand-title h1{max-width:700px;margin:4px auto 0;font-size:22px}
.bsgp-lock{display:none!important}.bsgp-nav .bsgp-save-state:empty{display:none}.bsgp-nav .bsgp-save-state{min-width:1px}
.bsgp-step-head{max-width:760px}.bsgp-step-head p{font-size:14px}
.bsgp-btn,.bsgp-upload-btn{border-radius:12px;min-height:48px;padding:13px 18px}.bsgp-btn.primary{box-shadow:0 10px 24px rgba(23,36,91,.20)}
.bsgp-capture-grid{gap:18px}.bsgp-capture-card{grid-template-columns:minmax(210px,265px) 1fr;border-radius:18px;box-shadow:0 8px 28px rgba(20,31,64,.055);min-height:250px}
.bsgp-capture-preview{position:relative;border:0;padding:0;width:100%;min-height:250px;cursor:pointer;background:linear-gradient(145deg,#f0f3f8,#e5eaf1);overflow:hidden;text-align:center}
.bsgp-capture-preview:disabled{cursor:default}.bsgp-capture-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f4f6f9;padding:10px}
.bsgp-capture-preview.has-file:not(:disabled):hover img{transform:scale(1.015)}.bsgp-capture-preview img{transition:transform .18s ease}
.bsgp-preview-zoom{position:absolute;right:12px;bottom:12px;background:rgba(12,21,45,.84);color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:.15s;z-index:2}
.bsgp-capture-preview.has-file:not(:disabled) .bsgp-preview-zoom{opacity:1;transform:none}.bsgp-capture-preview:disabled .bsgp-preview-zoom{display:none}
.bsgp-capture-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.bsgp-capture-copy h3{font-size:19px;margin-bottom:9px}.bsgp-capture-copy p{font-size:13px;line-height:1.65;margin-bottom:18px}
.bsgp-capture-actions-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bsgp-capture-actions-inline .bsgp-btn,.bsgp-capture-actions-inline .bsgp-upload-btn{width:100%;min-width:0;text-align:center}
.bsgp-upload-btn{background:#fff;border:1px solid #cfd6e1;color:#263247}.bsgp-state{margin-top:14px;padding:7px 11px;font-size:11px}
.bsgp-signature-card{border-radius:18px;padding:24px;background:#fff;box-shadow:0 8px 28px rgba(20,31,64,.045)}.bsgp-signature-title{text-align:left}.bsgp-signature-title h3{font-size:20px;margin-top:5px}
.bsgp-signature-locked{display:flex;flex-direction:column;gap:5px;margin-top:16px;padding:18px;border:1px solid #cde6d8;background:#f1faf5;border-radius:13px;color:#176f48}.bsgp-signature-locked strong{font-size:15px}.bsgp-signature-locked span{font-size:12px;color:#4f6e5e}
.bsgp-signature-preview{display:none!important}

/* Camera: back camera only, no timer and one clear shutter action */
.bsgp-camera-panel{position:relative;width:min(860px,100%);border-radius:22px;background:#071023;overflow:hidden}
.bsgp-camera-head{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 70px 16px;background:#fff;color:#11182b;border-bottom:1px solid #e4e8ef}
.bsgp-camera-logo{width:min(290px,74%);height:auto;display:block;margin:0 auto 10px}.bsgp-camera-headline .bsgp-kicker{font-size:10px}.bsgp-camera-headline h3{font-size:18px;margin:3px 0 0}
.bsgp-camera-head .bsgp-icon-btn{position:absolute;right:18px;top:18px;background:#eef2f7;color:#17245b;border-color:#d9e0e9}
.bsgp-video-stage{height:min(62vh,620px);background:#020711}.bsgp-scan-frame{border:1px solid rgba(255,255,255,.72);box-shadow:0 0 0 9999px rgba(0,0,0,.48)}
.bsgp-frame-help{bottom:-48px;padding:9px 14px;background:rgba(7,16,35,.88);font-size:12px;font-weight:750}.bsgp-quality{left:50%;top:16px;transform:translateX(-50%);max-width:calc(100% - 30px);text-align:center;white-space:normal;background:rgba(7,16,35,.84);padding:9px 13px;font-size:12px;border-radius:999px}
.bsgp-camera-actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:16px 20px;background:#071023}.bsgp-camera-actions #bsgp-camera-cancel{justify-self:start;background:#fff;color:#263247}.bsgp-camera-action-label{justify-self:end;color:#aeb8ca;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.bsgp-capture-button{width:74px;height:74px;border:4px solid #fff;padding:6px;transition:.15s}.bsgp-capture-button span{background:#fff}.bsgp-capture-button:disabled{opacity:.35;cursor:not-allowed}.bsgp-capture-button:not(:disabled):active{transform:scale(.96)}

/* Processed image lightbox */
.bsgp-image-modal{position:fixed;inset:0;z-index:1000000;background:rgba(6,12,27,.88);display:flex;align-items:center;justify-content:center;padding:20px}.bsgp-image-modal[hidden]{display:none!important}
.bsgp-image-modal-card{position:relative;width:min(900px,100%);max-height:92vh;background:#fff;border-radius:20px;padding:22px;box-shadow:0 28px 90px rgba(0,0,0,.42);display:flex;flex-direction:column;align-items:center}
.bsgp-image-modal-card>.bsgp-icon-btn{position:absolute;right:16px;top:16px;z-index:3}.bsgp-image-modal-logo{width:min(300px,65%);height:auto;margin:2px auto 18px}.bsgp-image-modal-stage{width:100%;min-height:260px;max-height:68vh;background:#f0f3f7;border:1px solid #e0e5ec;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bsgp-image-modal-stage img{max-width:100%;max-height:68vh;object-fit:contain;display:block}.bsgp-image-modal-card p{margin:12px 0 0;color:#536078;font-size:13px;font-weight:800;text-align:center}

/* Center Babylon branding throughout CRM */
.bsgp-crm-top{flex-direction:column;align-items:center!important;text-align:center;max-width:1440px}.bsgp-crm-brand{width:100%;flex-direction:column;align-items:center!important;justify-content:center;text-align:center;gap:8px}.bsgp-crm-brand img{width:min(300px,82vw);max-width:300px!important;margin:0 auto}.bsgp-crm-brand h1{margin-top:5px}.bsgp-crm-actions{justify-content:center;flex-wrap:wrap;width:100%}
.bsgp-auth-card{text-align:center}.bsgp-auth-card img{display:block;margin:0 auto 22px;width:min(300px,88%)}.bsgp-auth-card form,.bsgp-auth-card label{text-align:left}.bsgp-auth-card .bsgp-btn{text-align:center}
.bsgp-modal-card{text-align:center;padding:30px}.bsgp-modal-logo{width:min(300px,75%);display:block;margin:0 auto 18px}.bsgp-modal-card form{text-align:left;margin-top:20px}.bsgp-invite-submit{width:100%;margin-top:18px;min-height:52px}

@media(max-width:720px){
  .bsgp-app{padding:14px 8px}.bsgp-shell{width:100%}.bsgp-brand-card{padding:18px 15px}.bsgp-brand-card img{width:min(290px,90%)}.bsgp-brand-title h1{font-size:17px}
  .bsgp-progress-wrap{margin-top:12px;border-radius:14px}.bsgp-step{padding:20px 16px;border-radius:16px}.bsgp-step-head h2{font-size:25px}.bsgp-step-head p{font-size:13px}
  .bsgp-grid.two,.bsgp-choice-grid{grid-template-columns:1fr}.bsgp-choice-row{grid-template-columns:1fr 1fr}
  .bsgp-capture-grid{grid-template-columns:1fr}.bsgp-capture-card,.bsgp-capture-card:last-child{grid-column:auto;grid-template-columns:1fr;min-height:0}.bsgp-capture-preview{min-height:210px;aspect-ratio:16/10}.bsgp-capture-card[data-mode="portrait"] .bsgp-capture-preview{aspect-ratio:4/5;max-height:390px}.bsgp-capture-copy{padding:19px 16px}.bsgp-capture-actions-inline{grid-template-columns:1fr}.bsgp-capture-actions-inline .bsgp-btn,.bsgp-capture-actions-inline .bsgp-upload-btn{min-height:52px;font-size:14px}.bsgp-preview-zoom{opacity:1;transform:none}
  .bsgp-nav{position:static!important;bottom:auto;margin-top:14px;padding:10px;border-radius:14px;box-shadow:none}.bsgp-nav .bsgp-save-state{display:none!important}.bsgp-nav .bsgp-btn{flex:1;min-height:52px;font-size:14px}
  .bsgp-camera-modal{padding:0!important;align-items:stretch}.bsgp-camera-panel{width:100%;height:100%;border-radius:0;display:flex;flex-direction:column}.bsgp-camera-head{padding:12px 62px 10px}.bsgp-camera-logo{width:min(220px,68%);margin-bottom:6px}.bsgp-camera-headline h3{font-size:15px}.bsgp-camera-head .bsgp-icon-btn{right:12px;top:12px}.bsgp-video-stage{height:auto;flex:1;min-height:0}.bsgp-scan-frame{width:min(86%,720px)}.bsgp-scan-frame.portrait{width:min(58%,340px)}.bsgp-frame-help{font-size:10px;bottom:-42px;max-width:90vw;white-space:normal;text-align:center}.bsgp-quality{font-size:10px;top:12px}.bsgp-camera-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom));gap:10px}.bsgp-camera-actions #bsgp-camera-cancel{padding:10px 12px;font-size:11px}.bsgp-camera-action-label{font-size:9px}.bsgp-capture-button{width:68px;height:68px}
  .bsgp-image-modal{padding:0;align-items:stretch}.bsgp-image-modal-card{width:100%;height:100%;max-height:none;border-radius:0;padding:18px 12px}.bsgp-image-modal-logo{width:min(230px,62%);margin-bottom:14px}.bsgp-image-modal-stage{flex:1;max-height:none;min-height:0}.bsgp-image-modal-stage img{max-height:100%}
  .bsgp-crm-top{align-items:center!important}.bsgp-crm-brand{align-items:center!important;text-align:center!important}.bsgp-crm-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.bsgp-crm-actions .bsgp-btn{width:100%;min-width:0}.bsgp-modal-card{padding:24px 15px;min-height:100vh;border-radius:0}.bsgp-modal-logo{width:min(260px,76%)}
}

/* v1.0.4 - snellere invoer, compacte documentkeuze en CRM-auth */
.bsgp-field select,.bsgp-birth-grid select,.bsgp-birth-grid input{width:100%;border:1px solid #cad2df;background:#fff;border-radius:10px;padding:12px 13px;min-height:46px;color:#162033;font-size:15px;outline:0;transition:border .15s,box-shadow .15s}
.bsgp-field select:focus,.bsgp-birth-grid select:focus,.bsgp-birth-grid input:focus{border-color:#5365bd;box-shadow:0 0 0 3px rgba(83,101,189,.12)}
.bsgp-birth-field{grid-column:auto}.bsgp-birth-grid{display:grid;grid-template-columns:.72fr 1.25fr .9fr;gap:9px}.bsgp-birth-grid label{min-width:0}.bsgp-birth-grid small{display:block;margin:0 0 6px;color:#748097;font-weight:700;font-size:11px}.bsgp-birth-grid input[type=number]{appearance:textfield}.bsgp-birth-grid input[type=number]::-webkit-inner-spin-button,.bsgp-birth-grid input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bsgp-doc-type-fieldset .bsgp-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.bsgp-doc-type-fieldset .bsgp-choice span{padding:11px 8px;min-height:50px;text-align:center;line-height:1.25;word-break:normal}
.bsgp-capture-preview{position:relative;border:0}.bsgp-capture-preview img{object-fit:contain!important;background:#fff}.bsgp-capture-card[data-mode="portrait"] .bsgp-capture-preview img{object-fit:contain!important}
.bsgp-state.ok{padding:0;background:transparent}.bsgp-round-check{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e5f7ed;color:#117044;font-size:17px;font-weight:900;border:1px solid #c8ead8}.bsgp-state .bsgp-round-check{margin:0}
.bsgp-signature-saved{margin-top:16px;border:1px solid #d7e6de;background:#f7fbf9;border-radius:14px;padding:15px 16px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.bsgp-signature-saved[hidden],.bsgp-signature-editor[hidden]{display:none!important}.bsgp-signature-saved strong{color:#1d5f43;font-size:14px}.bsgp-signature-saved .bsgp-btn{margin-left:auto}.bsgp-signature-editor .bsgp-state:empty{display:none}.bsgp-signature-wrap{background-image:linear-gradient(45deg,#f7f8fa 25%,transparent 25%),linear-gradient(-45deg,#f7f8fa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f7f8fa 75%),linear-gradient(-45deg,transparent 75%,#f7f8fa 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.bsgp-auth-link{display:block;width:100%;border:0;background:transparent;color:#17245b;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:12px 4px;cursor:pointer;text-align:center!important}.bsgp-auth-card form[hidden]{display:none!important}.bsgp-auth-card form h2{font-size:19px;margin:8px 0}.bsgp-auth-card .bsgp-alert{line-height:1.45}
.bsgp-admin-signature{margin:16px 0 18px}.bsgp-admin-signature>span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#6e798e;margin-bottom:7px}.bsgp-admin-signature>div{min-height:100px;border:1px solid #dce2e9;border-radius:12px;padding:13px;display:flex;align-items:center;justify-content:center;background-color:#fff;background-image:linear-gradient(45deg,#f0f2f5 25%,transparent 25%),linear-gradient(-45deg,#f0f2f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f2f5 75%),linear-gradient(-45deg,transparent 75%,#f0f2f5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.bsgp-admin-signature img{max-width:100%;max-height:130px;object-fit:contain}
@media(max-width:720px){.bsgp-doc-type-fieldset .bsgp-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.bsgp-doc-type-fieldset .bsgp-choice span{font-size:10px;padding:9px 4px;min-height:56px}.bsgp-birth-grid{grid-template-columns:.68fr 1.2fr .88fr;gap:6px}.bsgp-birth-grid select,.bsgp-birth-grid input{font-size:14px;padding:10px 8px}.bsgp-signature-saved{align-items:flex-start}.bsgp-signature-saved .bsgp-btn{width:100%;margin-left:0}}
@media(max-width:390px){.bsgp-doc-type-fieldset .bsgp-choice span{font-size:9px}.bsgp-birth-grid{grid-template-columns:.7fr 1.15fr .88fr}.bsgp-birth-grid select,.bsgp-birth-grid input{font-size:13px;padding-left:6px;padding-right:6px}}

/* v1.0.5 - zoekbare nationaliteit en geboorteland */
.bsgp-autocomplete-field{min-width:0}
.bsgp-combobox{position:relative;width:100%;min-width:0}
.bsgp-combobox.is-open{z-index:80}
.bsgp-combobox input[data-bsgp-autocomplete]{width:100%;padding-right:48px!important;appearance:none}
.bsgp-combobox-toggle{position:absolute;right:5px;top:5px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#59667d;padding:0;z-index:2}
.bsgp-combobox-toggle:hover,.bsgp-combobox-toggle:focus{background:#f0f3f8;outline:0}
.bsgp-combobox-toggle span{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s ease}
.bsgp-combobox.is-open .bsgp-combobox-toggle span{transform:rotate(225deg) translate(-1px,-1px)}
.bsgp-suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:90;background:#fff;border:1px solid #cfd7e4;border-radius:13px;box-shadow:0 16px 42px rgba(20,31,64,.16);padding:6px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.bsgp-suggestions[hidden]{display:none!important}
.bsgp-suggestions-head{padding:8px 10px 6px;color:#7a8598;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;position:sticky;top:-6px;background:#fff;z-index:1}
.bsgp-suggestion{width:100%;border:0;background:#fff;color:#202b40;border-radius:9px;padding:11px 12px;text-align:left;font:inherit;font-size:14px;font-weight:650;line-height:1.25;cursor:pointer;display:block;touch-action:manipulation}
.bsgp-suggestion:hover,.bsgp-suggestion.is-active{background:#eef1ff;color:#17245b}
.bsgp-suggestions-empty{padding:13px 12px;color:#7a8598;font-size:13px;line-height:1.4}
.bsgp-combobox-help{display:block!important;margin:6px 0 0!important;color:#778297!important;font-size:11px!important;font-weight:550!important;line-height:1.4!important}
@media(max-width:720px){
  .bsgp-suggestions{max-height:min(42vh,330px);border-radius:12px;padding:5px}
  .bsgp-suggestion{min-height:46px;padding:13px 12px;font-size:14px}
  .bsgp-combobox-toggle{width:40px;height:40px;right:3px;top:3px}
  .bsgp-combobox input[data-bsgp-autocomplete]{min-height:48px;padding-right:50px!important}
}

/* v1.0.6 - typeahead UX voor geboorteland en nationaliteit */
.bsgp-autocomplete-field{position:relative;isolation:isolate}
.bsgp-autocomplete-field:focus-within{z-index:120}
.bsgp-combobox{position:relative}
.bsgp-combobox input[data-bsgp-autocomplete]{font-weight:650;background:#fff}
.bsgp-combobox input[data-bsgp-autocomplete]::placeholder{font-weight:500;color:#8b95a6}
.bsgp-suggestions{z-index:140;max-height:316px;padding:7px;border-radius:14px;box-shadow:0 20px 50px rgba(20,31,64,.20)}
.bsgp-suggestions-head{font-size:10px;letter-spacing:.09em;padding:9px 11px 7px}
.bsgp-suggestion{position:relative;min-height:44px;padding:12px 13px;font-size:14px;border-radius:10px}
.bsgp-suggestion strong{font-weight:900;color:#17245b}
.bsgp-combobox-help{margin-top:7px!important;max-width:94%;font-size:11px!important}
@media(max-width:900px){
  .bsgp-autocomplete-field{grid-column:1/-1}
  .bsgp-suggestions{left:0;right:0;width:100%;max-height:min(46vh,360px)}
}
@media(max-width:600px){
  .bsgp-combobox input[data-bsgp-autocomplete]{min-height:52px;font-size:16px!important;padding:13px 52px 13px 14px!important}
  .bsgp-combobox-toggle{top:6px;right:6px;width:40px;height:40px}
  .bsgp-suggestions{top:calc(100% + 6px);max-height:min(44vh,340px);border-radius:13px;padding:6px}
  .bsgp-suggestion{min-height:50px;padding:14px 13px;font-size:15px}
  .bsgp-suggestions-empty{padding:15px 13px;font-size:14px}
  .bsgp-combobox-help{font-size:10.5px!important;line-height:1.35!important}
}