: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:10px;flex-wrap:wrap}.target-logo{width:132px;height:auto;display:block}.front-admin-link{color:#4d555b;font-size:.9rem;font-weight:400;text-decoration:none;white-space:nowrap}.front-admin-link:visited{color:#4d555b}.front-admin-link:hover{text-decoration:underline;text-underline-offset:3px;color:#4d555b}.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.small{padding:8px 11px;font-size:.86rem}.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%}}

/* Project definitief verwijderen */
.btn.danger{background:var(--danger);color:#fff;border:1px solid var(--danger)}
.btn.danger:hover{background:#8f1c14;border-color:#8f1c14}
.danger-zone{margin-top:18px;border:1px solid #f0c6c2;border-top:5px solid var(--danger);background:#fffafa}
.danger-eyebrow{color:var(--danger)}
.delete-project-form{display:grid;gap:10px;margin-top:18px}
.delete-project-fields{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:10px;align-items:center;max-width:820px}
.delete-project-fields input{border-color:#e1aaa5;background:#fff}
.delete-project-fields input:focus{outline:3px solid rgba(180,35,24,.12);border-color:var(--danger)}
@media(max-width:700px){.delete-project-fields{grid-template-columns:1fr}.delete-project-fields .btn{width:100%}}


@media(max-width:560px){.front-admin-link{font-size:.9rem}}

/* Beheerlink op de publieke voorpagina – zelfde rustige stijl als Teamdriehoek.
   Ondersteunt beide class-namen die in eerdere Teamdriehoek-versies zijn gebruikt. */
.site-header .header-actions a.home-admin-link,
.site-header .header-actions a.front-admin-link {
  color: #4d555b !important;
  font-size: 0.90rem !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.site-header .header-actions a.home-admin-link:visited,
.site-header .header-actions a.front-admin-link:visited {
  color: #4d555b !important;
  text-decoration: none !important;
}
.site-header .header-actions a.home-admin-link:hover,
.site-header .header-actions a.front-admin-link:hover {
  color: #4d555b !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.site-header .header-actions a.home-admin-link:focus-visible,
.site-header .header-actions a.front-admin-link:focus-visible {
  color: #4d555b !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}


/* Vragenpagina: compacte leesbreedte en bescherming tegen horizontaal overlopen */
.survey-page{width:min(100%,980px);margin:0 auto;min-width:0}
.survey-page>*{min-width:0;max-width:100%}
.survey-page .section-intro,.survey-page .survey-form,.survey-page .question-card{min-width:0;max-width:100%}
.survey-page .matrix{width:100%;min-width:0;max-width:100%}
.survey-page fieldset.matrix-row{width:100%;min-width:0;min-inline-size:0;max-width:100%}
.survey-page .matrix-label,.survey-page .question-head h2,.survey-page .intro-text,.survey-page .project-context{min-width:0;overflow-wrap:anywhere;word-break:normal}
.survey-page input,.survey-page textarea,.survey-page select{max-width:100%}
@media(max-width:800px){.survey-page .choice-chip,.survey-page .choice-chip span{max-width:100%}.survey-page .nav-actions{min-width:0}}

/* 21-08-2026 - Alleen introductie, deelnemerslogin en vragenpagina */

/* Introductiepagina: driehoek nogmaals verkleind naar 80% van het huidige formaat.
   De rechterkolom is smaller zodat de tekst links meer ruimte krijgt. */
.landing-card{
  grid-template-columns:minmax(0,1.58fr) minmax(220px,.48fr);
  gap:30px;
}
.landing-visual-inner{
  width:min(64%,333px);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.landing-visual img{
  width:100%;
  max-width:100%;
  height:auto;
}
.landing-visual-caption{
  width:100%;
  margin:10px 0 0;
  color:#4d555b;
  font-size:.95rem;
  font-weight:600;
  line-height:1.35;
  text-align:center;
}

/* Deelnemerslogin: actieknoppen horizontaal centreren. */
.login-card .stack-form .btn{
  justify-self:center;
}
.completed-actions{
  justify-content:center !important;
}

/* Alleen de antwoord-/vragenpagina krijgt een compacte passende breedte. */
.survey-page{
  width:min(100%,940px);
  max-width:940px;
  margin-left:auto;
  margin-right:auto;
  min-width:0;
}
.survey-page > *,
.survey-page .section-intro,
.survey-page .survey-form,
.survey-page .question-card{
  width:100%;
  min-width:0;
  max-width:100%;
}
.survey-page .matrix{
  width:100%;
  min-width:0;
  max-width:100%;
  grid-template-columns:minmax(220px,1.55fr) repeat(4,minmax(0,.70fr));
}
.survey-page fieldset.matrix-row{
  width:100%;
  min-width:0;
  min-inline-size:0;
  max-width:100%;
}
.survey-page .matrix-label,
.survey-page .question-head h2,
.survey-page .intro-text,
.survey-page .project-context{
  min-width:0;
  overflow-wrap:anywhere;
}
.survey-page input,
.survey-page textarea,
.survey-page select{
  min-width:0;
  max-width:100%;
}

@media(max-width:980px){
  .landing-card{grid-template-columns:1fr;gap:24px;padding:32px}
  .landing-visual{position:static;order:-1}
  .landing-visual-inner{width:min(64%,282px)}
  .landing-visual img{width:100%;max-width:100%}
}
@media(max-width:800px){
  .survey-page .matrix{grid-template-columns:1fr}
  .survey-page .choice-chip,.survey-page .choice-chip span{max-width:100%}
  .survey-page .nav-actions{min-width:0}
}
@media(max-width:560px){
  .landing-visual-inner{width:min(64%,230px)}
  .landing-visual img{width:100%;max-width:100%}
  .login-card .stack-form .btn{width:auto;max-width:100%}
}



/* Centrale e-maillink in de koptekst - 23 augustus 2026 */
.header-inner{position:relative}
.header-mail-link,
.header-mail-link:link,
.header-mail-link:visited{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#4d555b;
  font-size:.9rem;
  font-weight:400;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}
.header-mail-link:hover,
.header-mail-link:focus-visible{
  color:#4d555b;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Link voor het aanvragen van een toegangscode op de deelnemerslogin. */
.access-code-request{
  text-align:center;
  font-size:.9rem;
  line-height:1.48;
}
.access-code-request a{color:var(--blue2)}


/* Deelnemerslogin: drie navigatielinks op één regel - 23 augustus 2026 */
.login-card .login-links{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  margin-top:22px;
  font-size:.9rem;
  line-height:1.48;
  white-space:nowrap;
}
.login-card .login-links a,
.login-card .login-links a:link,
.login-card .login-links a:visited{
  color:var(--blue2);
  text-decoration:none;
}
.login-card .login-links a:first-child{text-align:left}
.login-card .login-links a:nth-child(2){text-align:center}
.login-card .login-links a:last-child{text-align:right}
.login-card .login-links a:hover,
.login-card .login-links a:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
}
@media(max-width:560px){
  .login-card .login-links{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:8px;
    font-size:.82rem;
  }
}

/* Teamdriehoek v4.9 - afgeronde teamleden voor individuele rapportagetoegang */
.report-recipient-list{display:grid;gap:8px;margin:14px 0 18px}
.report-recipient-row{display:grid;grid-template-columns:auto minmax(140px,.8fr) minmax(220px,1.2fr);align-items:center;gap:12px;padding:10px 12px;border:1px solid #dfe5e9;border-radius:8px;background:#fff}
.report-recipient-row input{margin:0}.report-recipient-row strong{color:#173b5d}.report-recipient-row span{color:#67737c;overflow-wrap:anywhere}.report-recipient-row.disabled{opacity:.55;background:#f7f8f9}
@media(max-width:680px){.report-recipient-row{grid-template-columns:auto 1fr}.report-recipient-row span{grid-column:2}}

/* Teamdriehoek v4.9 - nette ontvangerslijst Teamthermometer */
.report-recipient-head,.report-recipient-row{display:grid;grid-template-columns:34px minmax(180px,.8fr) minmax(240px,1.2fr);align-items:center;gap:12px;padding:10px 14px}
.report-recipient-head{background:#f3f7fa;border:1px solid #dfe5e9;border-bottom:0;border-radius:10px 10px 0 0;color:#40566a;font-size:.85rem}
.report-recipient-list{display:grid;gap:0;margin:0 0 10px;border:1px solid #dfe5e9;border-radius:0 0 10px 10px;overflow:hidden;background:#fff}
.report-recipient-row{border:0;border-bottom:1px solid #e6edf2;border-radius:0;background:#fff;cursor:pointer}
.report-recipient-row:last-child{border-bottom:0}.report-recipient-row:hover{background:#f8fbfd}
.report-recipient-row input{width:18px!important;height:18px!important;margin:0!important;justify-self:center}
.report-recipient-row strong{color:#173b5d;min-width:0;overflow-wrap:anywhere}.report-recipient-row span{display:block;color:#67737c;min-width:0;overflow-wrap:anywhere}.report-recipient-row.disabled{opacity:.55;background:#f7f8f9;cursor:not-allowed}
.recipient-list-actions{display:flex;gap:14px;margin:0 0 18px}
.external-recipient-block{border-top:1px solid #e1e8ed;padding-top:18px;margin-top:4px;display:grid;gap:10px}
.external-recipient-block h3{margin:.05em 0 .25em;font-size:1rem}
.external-recipient-list{display:grid;gap:8px}.external-recipient-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(230px,1.2fr) auto;gap:10px;align-items:center}.external-recipient-row input{min-width:0}.external-remove{white-space:nowrap}
@media(max-width:700px){.report-recipient-head{display:none}.report-recipient-row{grid-template-columns:28px 1fr}.report-recipient-row span{grid-column:2}.external-recipient-row{grid-template-columns:1fr}.external-remove{justify-self:start}}


/* Teamdriehoek v1.9 - ontvangerslijst vier keurige kolommen */
.access-recipient-form .report-recipient-head,
.access-recipient-form .report-recipient-row{
  display:grid!important;
  grid-template-columns:28px minmax(160px,1fr) minmax(170px,1fr) minmax(220px,1.35fr)!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:10px 14px!important;
}
.access-recipient-form .report-recipient-head{
  border:1px solid #dfe5e9!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
}
.access-recipient-form .report-recipient-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:0 0 10px 10px!important;
}
.access-recipient-form .report-recipient-row input[type=checkbox]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  padding:0!important;
  margin:0!important;
  justify-self:start!important;
}
.access-recipient-form .recipient-name,
.access-recipient-form .recipient-company,
.access-recipient-form .recipient-email{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.access-recipient-form .recipient-name{color:#173b5d!important}
.access-recipient-form .recipient-company,
.access-recipient-form .recipient-email{color:#67737c!important;font-size:.92rem!important}
@media(max-width:760px){
  .access-recipient-form .report-recipient-head{display:none!important}
  .access-recipient-form .report-recipient-row{grid-template-columns:28px minmax(0,1fr)!important;gap:6px 12px!important}
  .access-recipient-form .report-recipient-row input[type=checkbox]{grid-row:1 / span 3!important;grid-column:1!important}
  .access-recipient-form .recipient-name,
  .access-recipient-form .recipient-company,
  .access-recipient-form .recipient-email{grid-column:2!important}
}


/* Teamdriehoek beheer v3.1 - consistente ruimte tussen gestapelde kaders */
.admin-area .main-content > .card + .card{margin-top:22px}

/* Privacycontrole beheer */
.admin-area .privacy-control-intro{border-top:5px solid #16a7cf}
.admin-area .privacy-select-actions{display:flex;gap:14px;align-items:center;margin:14px 0 10px}
.admin-area .privacy-table{table-layout:fixed;min-width:1080px}
.admin-area .privacy-table th,.admin-area .privacy-table td{vertical-align:top}
.admin-area .privacy-table .privacy-check-col{width:42px;text-align:left}
.admin-area .privacy-table th:nth-child(2){width:190px}
.admin-area .privacy-table th:nth-child(3){width:170px}
.admin-area .privacy-table th:nth-child(4){width:210px}
.admin-area .privacy-table th:nth-child(5){width:190px}
.admin-area .privacy-table th:nth-child(6){width:125px}
.admin-area .privacy-table input[type="checkbox"]{width:18px!important;height:18px!important;margin:1px 0 0!important}
.admin-area .privacy-delete-bar{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:18px;border-top:1px solid #dce5eb}
.admin-area .privacy-delete-bar p{margin:0;max-width:760px}
.admin-area .privacy-delete-bar .btn{flex:0 0 auto}
.admin-area .privacy-rules{margin-bottom:10px}
@media(max-width:760px){.admin-area .privacy-delete-bar{align-items:stretch;flex-direction:column}.admin-area .privacy-delete-bar .btn{width:100%}}
.admin-area .privacy-table td:nth-child(2),.admin-area .privacy-table td:nth-child(5),.admin-area .privacy-table td:last-child{white-space:normal}
.admin-area .privacy-table td:last-child{min-width:260px}

/* Beheerheader: extra horizontale ruimte zodat merk, knoppen en logo op één regel passen. */
.admin-area .site-header .shell{width:min(1440px,calc(100% - 32px))}
.admin-area .site-header .header-inner{gap:14px}
.admin-area .site-header .brand{white-space:nowrap;flex:0 0 auto}
.admin-area .site-header .header-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;min-width:0}
.admin-area .site-header .target-logo{flex:0 0 auto}
@media(max-width:1180px){
  .admin-area .site-header .header-inner{flex-wrap:wrap;padding:8px 0}
  .admin-area .site-header .header-actions{flex-wrap:wrap;margin-left:auto}
}