:root{--blue:#0b355f;--sky:#09a9df;--blue2:#21618c;--ink:#242424;--muted:#6f7780;--line:#dfe4e8;--bg:#f5f7f9;--card:#fff;--danger:#b42318;--success:#087a45;--warning:#8b6100;--shadow:0 8px 28px rgba(21,46,67,.07)}
*{box-sizing:border-box}html{font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;line-height:1.48}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:700;color:var(--blue);font-size:1.18rem;text-decoration:none}.header-actions{display:flex;align-items:center;gap:18px}.target-logo{width:132px;height:auto;display:block}.small-link,.admin-link a,.breadcrumb a{color:var(--blue2);font-size:.9rem}.main-content{padding:34px 0 60px;min-height:calc(100vh - 130px)}.site-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);padding:18px 0;font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px}.narrow{max-width:620px;margin:48px auto}.center{text-align:center}.eyebrow{font-weight:700;color:var(--sky);margin:0 0 6px;text-transform:none}.required{color:#c43b32}.muted{color:var(--muted)}h1{color:var(--blue);font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.16;margin:.15em 0 .55em}h2{font-size:1.2rem;line-height:1.35;margin:0;color:#172d43}p{margin:.6em 0 1em}ul,ol{padding-left:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}.btn.primary{background:var(--blue);color:white}.btn.primary:hover{background:#062845}.btn.secondary{background:#eef5f9;color:var(--blue);border:1px solid #cbdce7}.btn.danger-soft{background:#fff1f0;color:#9d2118;border:1px solid #f0c6c2}.btn.compact{padding:8px 12px;font-size:.86rem}.stack-form{display:grid;gap:10px;margin-top:22px}input,textarea{width:100%;font:inherit;padding:12px 13px;border:1px solid #bfc8cf;border-radius:8px;background:#fff;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid rgba(9,169,223,.15);border-color:var(--sky)}label{font-weight:600}.flash-stack{display:grid;gap:8px;margin:0 0 18px}.flash{padding:11px 14px;border-radius:8px}.flash.error{background:#fef0ef;color:var(--danger);border:1px solid #f3c9c5}.flash.success{background:#ebf8f1;color:var(--success);border:1px solid #bce4cd}.progress-wrap{margin-bottom:18px}.progress-meta{display:flex;justify-content:space-between;font-size:.86rem;color:var(--muted);margin-bottom:6px}.progress-track{height:8px;background:#e1e8ed;border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--sky),var(--blue));border-radius:99px}.project-context{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px;color:var(--muted);font-size:.9rem}.project-context span:after{content:"/";margin-left:8px;color:#a8b0b7}.project-context strong{color:var(--blue)}.section-intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center;border-top:5px solid var(--accent);margin-bottom:22px}.intro-image{text-align:center}.intro-image img{width:min(100%,220px);max-height:210px;object-fit:contain}.intro-text{color:#333}.intro-text p:last-child{margin-bottom:0}.survey-form{display:grid;gap:18px}.question-card{padding:25px}.question-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:20px}.q-number{color:#9aa2a8;font-size:.9rem;min-width:22px;padding-top:2px}.radio-list{display:grid;gap:11px}.radio-line{display:flex;gap:10px;align-items:flex-start;font-weight:400;border:1px solid var(--line);border-radius:8px;padding:12px}.radio-line input{width:auto;margin-top:4px}.matrix{display:grid;grid-template-columns:minmax(250px,1.6fr) repeat(4,minmax(100px,.7fr));align-items:center;gap:7px}.matrix-head{color:#4d555b;font-size:.88rem;text-align:center;padding:0 2px 8px;border-bottom:1px solid var(--line)}fieldset.matrix-row{border:0;margin:0;padding:11px 2px;border-bottom:1px solid #edf0f2}.matrix-row legend{display:none}.matrix-label{padding-right:16px}.choice-chip{font-weight:400;text-align:center;cursor:pointer}.choice-chip input{position:absolute;opacity:0;pointer-events:none}.choice-chip span{display:block;border:1px solid #cbd3d8;border-radius:7px;padding:8px 5px;background:#fff;font-size:.9rem}.choice-chip input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.choice-chip input:focus-visible+span{outline:3px solid rgba(9,169,223,.2)}.rating{display:flex;gap:10px;flex-wrap:wrap}.rating-choice{cursor:pointer;font-weight:400}.rating-choice input{position:absolute;opacity:0;pointer-events:none}.rating-choice>span{display:inline-block}.rating-choice{border:1px solid #cbd3d8;border-radius:9px;padding:8px 12px;min-width:69px;text-align:center;background:#fff}.rating-choice:has(input:checked){border-color:var(--sky);background:#eaf8fd;color:var(--blue);box-shadow:0 0 0 2px rgba(9,169,223,.11)}.thumb{font-size:1.45rem;filter:grayscale(1)}.rating-number{display:block;font-size:.8rem;font-weight:700}.rating-scale{display:flex;justify-content:space-between;max-width:385px;color:var(--muted);font-size:.8rem;margin-top:7px}.nav-actions{display:flex;justify-content:space-between;gap:12px;padding:7px 0 10px}.success-mark{width:64px;height:64px;border-radius:50%;background:#e9f7ef;color:var(--success);font-size:2rem;display:grid;place-items:center;margin:0 auto 14px;font-weight:700}.admin-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-title>div{max-width:760px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.stat{display:grid;gap:3px;padding:20px}.stat strong{font-size:2rem;color:var(--blue)}.stat span{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.project-create-grid{grid-template-columns:1.2fr .8fr}.info-card{background:linear-gradient(145deg,#fff,#f3faff)}.steps-list{display:grid;gap:12px;margin:20px 0}.security-note{border-left:4px solid #ffc32f;background:#fff9e9;padding:11px 13px;border-radius:0 8px 8px 0;color:#514414}.table-card{padding:20px}.table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th,.admin-table td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}.admin-table th{color:#53606a;font-size:.76rem;text-transform:uppercase;letter-spacing:.035em}.admin-table td:nth-child(1),.admin-table td:nth-child(2){white-space:normal;min-width:130px}.table-sub{color:var(--muted);font-size:.8rem;margin-top:2px}.pill{display:inline-block;border-radius:99px;padding:4px 8px;font-size:.76rem;font-weight:700}.pill.done{background:#e8f6ee;color:#087a45}.pill.started{background:#fff6dc;color:#8b6100}.pill.open{background:#edf2f5;color:#5c6972}.pill.closed{background:#f3f3f3;color:#727272}.link-button{border:0;background:none;color:var(--blue2);text-decoration:underline;cursor:pointer;font:inherit;padding:2px}.admin-link{text-align:center;margin-top:20px}.breadcrumb{margin-bottom:12px}.project-hero{display:flex;justify-content:space-between;gap:26px;align-items:flex-start;border-top:5px solid var(--sky);margin-bottom:18px}.project-hero h1{margin-bottom:.25em}.project-survey-title{font-size:1.12rem;font-weight:600;color:#405a71}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hero-actions form{margin:0}.project-stats{max-width:760px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.generated{margin-bottom:18px;border-left:5px solid #69be28}.invitation-list{display:grid;gap:12px;margin-top:18px}.invitation-card{border:1px solid var(--line);border-radius:11px;padding:16px;background:#fbfcfd}.invitation-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.invitation-top>div{display:grid;gap:2px}.password-code{background:#edf4f8;color:#082e53;border:1px solid #cbdde8;border-radius:6px;padding:5px 8px;font-weight:800;font-size:.9rem;letter-spacing:.025em}.copy-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.invitation-card details{margin-top:12px}.invitation-card summary,.manual-codes summary{cursor:pointer;color:var(--blue2);font-weight:600}.invitation-text{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:10px;font-size:.9rem}.accent-card{border-top:5px solid var(--sky)}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.inline-fields{display:grid;grid-template-columns:1fr 1.5fr;gap:12px}.inline-fields>div{display:grid;gap:6px}.placeholder-help{font-size:.82rem;color:var(--muted);margin-top:2px}.placeholder-help code{margin-right:4px}.link-box{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.link-box code{max-width:360px;overflow:hidden;text-overflow:ellipsis;background:#f5f7f9;padding:5px 7px;border-radius:5px;color:#344}.participant-table td:nth-child(3){min-width:170px}.participant-table .mini-copy{margin-left:5px;border:0;background:none;color:var(--blue2);cursor:pointer;font-size:1rem}.action-cell{display:flex;gap:8px;align-items:center}.action-cell form{margin:0}.row-inactive{opacity:.62}.legacy-code{color:var(--muted);font-style:italic}.manual-codes{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.compact-form{max-width:720px}.closed{color:#777}.footer-inner{align-items:center}
@media(max-width:900px){.project-create-grid,.admin-grid{grid-template-columns:1fr}.project-hero{display:block}.hero-actions{justify-content:flex-start;margin-top:16px}.card-heading{display:block}.link-box{margin-top:10px}.target-logo{width:110px}}
@media(max-width:800px){.section-intro{grid-template-columns:1fr}.intro-image{order:-1}.intro-image img{max-height:170px}.matrix-head{display:none}.matrix-row{display:block!important}.matrix-row legend{display:block;font-weight:600;margin-bottom:9px}.matrix-label{display:none}.choice-chip{display:inline-block;margin:3px}.choice-chip span{padding:8px 10px}.stats-grid{grid-template-columns:1fr}.admin-title{display:block}.admin-title .btn{margin-top:12px}.card{padding:20px}.shell{width:min(100% - 20px,1180px)}.invitation-top{display:block}.invitation-top .password-code{display:inline-block;margin-top:8px}.inline-fields{grid-template-columns:1fr}}
@media(max-width:560px){.header-inner{min-height:64px}.brand{font-size:1rem}.target-logo{width:88px}.header-actions{gap:9px}.small-link{display:none}.footer-inner{display:block}.project-context span:after{display:none}.project-context{display:block}.hero-actions .btn,.hero-actions form,.hero-actions form .btn{width:100%}.admin-table{font-size:.82rem}}


/* Publieke introductiepagina */
.landing-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:48px;align-items:start;padding:42px 46px;border-top:6px solid var(--sky)}
.landing-copy{max-width:760px}.landing-lead{font-size:1.06rem;color:#34495a;margin-bottom:22px}.condition-list{display:grid;gap:11px;margin:22px 0 28px}.condition-item{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:start;padding:14px 15px;border:1px solid var(--line);border-left:5px solid var(--condition);border-radius:10px;background:#fff}.condition-item h2{font-size:1.03rem;color:var(--blue);margin:0 0 3px}.condition-item p{margin:0;color:#3f474e}.condition-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--condition);color:#fff;font-weight:800}.condition-green{--condition:#69be28}.condition-blue{--condition:#09a9df}.condition-yellow{--condition:#fbc02d}.condition-yellow .condition-number{color:#0b355f}.condition-navy{--condition:#0b355f}.experience-title{font-size:1.35rem;color:var(--blue);margin:28px 0 8px}.landing-actions{margin-top:26px}.landing-button{min-width:210px;padding:13px 20px}.landing-visual{position:sticky;top:104px;display:flex;justify-content:center;align-items:flex-start;padding:10px 0}.landing-visual img{width:min(100%,520px);height:auto;display:block;background:transparent}
.login-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:.9rem}.login-links a{color:var(--blue2)}
/* Alle sectie-afbeeldingen hebben echte transparantie; voorkom een gekleurde img-achtergrond. */
.intro-image img{background:transparent}
@media(max-width:980px){.landing-card{grid-template-columns:1fr;gap:24px;padding:32px}.landing-visual{position:static;order:-1}.landing-visual img{width:min(100%,440px)}}
@media(max-width:560px){.landing-card{padding:22px 18px}.condition-item{grid-template-columns:36px 1fr;padding:12px}.condition-number{width:29px;height:29px}.landing-button{width:100%}.login-links{display:grid;gap:8px}.landing-visual img{width:min(100%,360px)}}


/* E-mailbeheer */
select{width:100%;font:inherit;padding:12px 13px;border:1px solid #bfc8cf;border-radius:8px;background:#fff;color:var(--ink)}select:focus{outline:3px solid rgba(9,169,223,.15);border-color:var(--sky)}
.checkbox-line{display:flex;gap:9px;align-items:flex-start;font-weight:500;margin:5px 0}.checkbox-line input{width:auto;margin-top:4px}.mail-settings-grid{grid-template-columns:1.15fr .85fr}.small-note{font-size:.85rem}.mail-bulk-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.mail-bulk-actions form{margin:0}.mail-result{margin-top:10px;font-size:.85rem;padding:8px 10px;border-radius:7px}.mail-result.ok{background:#eaf8f0;color:#087a45}.mail-result.warn{background:#fff6dc;color:#8b6100}.copy-actions form{margin:0}.pill.mail-error{background:#fef0ef;color:var(--danger)}.mail-error-text{color:var(--danger);max-width:220px;overflow:hidden;text-overflow:ellipsis}.participant-table td:nth-child(4){min-width:145px}
@media(max-width:900px){.mail-settings-grid{grid-template-columns:1fr}.mail-bulk-actions .btn,.mail-bulk-actions form{width:100%}.mail-bulk-actions form .btn{width:100%}}