/* Feedbackknop voor testers, gedeeld door app en website. Linksonder, zodat de hulpknop rechtsonder vrij blijft. */
.fb-launch{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:34;min-height:44px;padding:10px 16px;border:1px solid #b8a6c2;border-radius:22px;background:#faf7f2;color:#352541;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:0 4px 16px #35254120;cursor:pointer;width:auto}
.fb-launch:hover{background:#f0e9f3}
.fb-launch:focus-visible,.fb-dialog :focus-visible{outline:3px solid #b64d31;outline-offset:3px}
.fb-dialog{position:fixed;inset:auto auto 16px 16px;margin:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ded6df;border-radius:20px;background:#faf7f2;color:#352541;box-shadow:0 24px 80px #24152c40;overflow:auto;overscroll-behavior:contain;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.fb-dialog::backdrop{background:#24152c55}
.fb-form{display:grid;gap:10px;padding:20px 22px 22px}
.fb-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fb-header h2{margin:0;font:600 22px/1.2 Georgia,"Times New Roman",serif;color:#352541}
.fb-dialog button{min-height:44px;border-radius:22px;font:600 14px system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;width:auto}
.fb-close{padding:8px 16px;border:1px solid #b8a6c2;background:#fff;color:#352541}
.fb-intro{margin:0;color:#5f5565;font-size:14px}
.fb-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0;padding:0;border:0}
.fb-kinds legend{padding:0;margin-bottom:6px;font-weight:600}
.fb-kinds label{display:inline-flex;font-weight:400;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid #ded6df;border-radius:22px;background:#fff;cursor:pointer}
.fb-kinds label:has(input:checked){border-color:#352541;background:#eae2f1}
.fb-kinds input{margin:0;accent-color:#352541}
.fb-dialog label{font-size:15px;line-height:1.5}
.fb-field{display:block;font-weight:600}
.fb-optional{font-weight:400;color:#5f5565}
.fb-dialog textarea,.fb-dialog input[type=email]{box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;border:1px solid #b8a6c2;border-radius:10px;background:#fff;color:#352541;font:16px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.fb-dialog textarea{resize:vertical;min-height:120px}
.fb-hint{margin:-4px 0 0;color:#5f5565;font-size:13px}
.fb-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.fb-status{margin:0;min-height:1.5em;color:#316c59;font-weight:600}
.fb-status.fb-error{color:#9a3a22}
.fb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.fb-send{padding:10px 22px;border:1px solid #352541;background:#352541;color:#fff}
.fb-send:disabled{opacity:.6;cursor:progress}
.fb-overview{color:#352541;font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.fb-overview[hidden],.fb-email[hidden]{display:none}
.fb-link{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:34;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #b8a6c2;border-radius:22px;background:#faf7f2;color:#352541;font:600 14px system-ui,-apple-system,"Segoe UI",sans-serif;text-decoration:none;box-shadow:0 4px 16px #35254120}
@media(max-width:520px){
 .fb-launch,.fb-link{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:8px 14px;font-size:13px}
 .fb-dialog{inset:auto 8px 8px 8px;width:auto;max-height:calc(100dvh - 16px)}
 .fb-form{padding:16px}
 /* De laatste regels van de app schuiven onder de knop vandaan, ook op pagina's zonder hulpknop. */
 body:has(.fb-launch) .layout .content{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
}
@media print{.fb-launch,.fb-link,.fb-dialog{display:none}}