:root{--blue:#0b355f;--sky:#09a9df;--blue2:#21618c;--ink:#242424;--muted:#6f7780;--line:#dfe4e8;--bg:#f5f7f9;--card:#fff;--green:#69be28;--yellow:#f2b705;--purple:#8f5ca5;--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:800;color:var(--blue);font-size:1.18rem;text-decoration:none}.target-logo{width:132px;height:auto;display:block}.target-logo-text{font-weight:800;color:var(--blue);letter-spacing:.02em}.target-logo-text span{color:var(--sky)}.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}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px}.narrow{max-width:680px;margin:38px auto}.eyebrow{font-weight:800;color:var(--sky);margin:0 0 6px}.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.25rem;color:#172d43;margin:.1em 0 .7em}h3{color:var(--blue);margin:.2em 0 .4em}p{margin:.6em 0 1em}.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}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#eef5f9;color:var(--blue);border:1px solid #cbdce7}.btn.small{padding:8px 11px;font-size:.86rem}.actions{display:flex;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:12px}label{font-weight:650}input,textarea,select{width:100%;font:inherit;padding:12px 13px;border:1px solid #bfc8cf;border-radius:8px;background:#fff}input:focus,textarea:focus,select:focus{outline:3px solid rgba(9,169,223,.15);border-color:var(--sky)}.hero{border-top:6px solid var(--sky);display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding:40px}.hero p.lead{font-size:1.08rem;color:#405a71}.triangle{width:300px;height:260px;margin:auto;position:relative}.tri{position:absolute;width:0;height:0;border-left:86px solid transparent;border-right:86px solid transparent;border-bottom:150px solid;opacity:.95}.tri.a{left:63px;top:0;border-bottom-color:var(--sky)}.tri.b{left:4px;top:80px;border-bottom-color:var(--green);transform:rotate(-120deg)}.tri.c{right:4px;top:80px;border-bottom-color:var(--yellow);transform:rotate(120deg)}.tri.center{left:63px;top:72px;border-left-width:60px;border-right-width:60px;border-bottom-width:104px;border-bottom-color:var(--blue);z-index:2}.triangle-label{position:absolute;z-index:5;font-weight:800;color:#fff;text-align:center;font-size:.84rem}.tl1{top:87px;left:104px}.tl2{top:143px;left:18px}.tl3{top:143px;right:12px}.tl4{top:123px;left:103px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.info-card{border-top:4px solid var(--sky)}.definition-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.definition{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfd}.definition strong{color:var(--blue)}.login-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.progress-track{height:8px;background:#e1e8ed;border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--sky),var(--blue))}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem;margin-bottom:7px}.question-card{padding:22px;margin-bottom:14px}.question-title{font-weight:700;color:#20394f}.scale{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.scale label{font-weight:500;text-align:center;cursor:pointer}.scale input{position:absolute;opacity:0}.scale span{display:block;border:1px solid #cbd3d8;border-radius:8px;padding:10px 5px;background:#fff}.scale input:checked+span{background:var(--blue);color:#fff;border-color:var(--blue)}.scale-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:.8rem;margin-top:5px}.report-hero{display:grid;grid-template-columns:1fr 380px;gap:30px;align-items:center;border-top:6px solid var(--sky)}.radar{width:100%;height:auto}.score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.score-card .big{font-size:2rem;color:var(--blue);font-weight:800}.scorebar{height:9px;background:#e6ebee;border-radius:99px;overflow:hidden}.scorebar-fill{height:100%;border-radius:99px}.drive-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drive-row{padding:14px;border:1px solid var(--line);border-radius:10px}.drive-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px}.pill{display:inline-block;border-radius:99px;padding:4px 9px;font-size:.78rem;font-weight:750;background:#eef5f9;color:var(--blue)}.talent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.talent-card{border-top:5px solid var(--green)}.condition-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.condition-card{border-left:6px solid var(--sky)}.condition-card h3{display:flex;justify-content:space-between;gap:10px}.condition-card .minihead{font-weight:800;color:var(--blue);font-size:.86rem;margin-top:10px}.section{margin-top:22px}.admin-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.stat strong{display:block;font-size:1.9rem;color:var(--blue)}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:#53606a;font-size:.78rem;text-transform:uppercase}.table-scroll{overflow:auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.code{font-family:Consolas,monospace;background:#edf4f8;color:#082e53;padding:4px 7px;border-radius:6px;font-weight:700}.notice{padding:12px 14px;background:#fff9e9;border-left:4px solid #f2b705;border-radius:6px}.team-summary{display:grid;grid-template-columns:380px 1fr;gap:24px;align-items:center}.heatmap{display:grid;gap:6px}.heat-row{display:grid;grid-template-columns:170px repeat(6,1fr);gap:6px;align-items:center}.heat-cell{padding:9px 6px;border-radius:6px;text-align:center;font-size:.8rem}.dynamics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dynamic{border-left:5px solid var(--purple)}.print-only{display:none}.no-print{}
@media(max-width:900px){.hero,.report-hero,.team-summary,.admin-grid{grid-template-columns:1fr}.info-grid,.talent-grid,.score-cards{grid-template-columns:1fr 1fr}.condition-grid,.drive-grid{grid-template-columns:1fr}.triangle{transform:scale(.85);transform-origin:center}.heat-row{grid-template-columns:120px repeat(6,1fr)}}
@media(max-width:600px){.target-logo{width:102px}.shell{width:min(100% - 18px,1180px)}.card{padding:20px}.hero{padding:24px}.info-grid,.talent-grid,.score-cards,.login-grid{grid-template-columns:1fr}.scale{grid-template-columns:repeat(4,1fr)}.header-inner{min-height:62px}.target-logo-text{font-size:.9rem}.heatmap{overflow:auto}.heat-row{min-width:650px}.footer-inner{display:block}.triangle{display:none}}
@media print{html,body{background:#fff;font-size:10.5pt}.site-header,.site-footer,.no-print,.actions{display:none!important}.shell{width:100%;max-width:none}.main-content{padding:0}.card{box-shadow:none;border:0;border-radius:0;padding:12mm 10mm}.section{break-before:auto}.report-section{break-inside:avoid}.report-hero{grid-template-columns:1fr 120mm}.talent-grid,.score-cards{grid-template-columns:repeat(3,1fr)}.condition-grid{grid-template-columns:1fr 1fr}.drive-grid{grid-template-columns:1fr 1fr}.print-only{display:block}.radar{max-height:95mm}.page-break{break-before:page}}

/* Beheer en vragen - Teamdriehoek testversie */
.card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.project-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;border-top:5px solid var(--sky)}.project-hero>div:first-child{flex:1}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.hero-actions form,.actions form,.row-actions form{margin:0}.accent-card{border-top:5px solid var(--sky)}.danger-soft{background:#fff5f3;color:#9a2f22;border:1px solid #efc4bd}.btn.danger{background:#a83b2f;color:#fff}.danger-zone{border-color:#efc9c3;background:#fffafa}.inline-fields{display:grid;grid-template-columns:1fr 2fr;gap:12px}.checkbox-line{display:flex;align-items:flex-start;gap:9px;font-weight:500}.checkbox-line input{width:auto;margin-top:4px}.or-divider{text-align:center;position:relative;color:var(--muted);font-size:.85rem}.or-divider:before{content:"";height:1px;background:var(--line);position:absolute;left:0;right:0;top:50%}.or-divider span{position:relative;background:#fff;padding:0 9px}.generated{border-top:5px solid var(--green)}.invitation-list{display:grid;gap:12px}.invitation-card{border:1px solid var(--line);border-radius:10px;padding:15px;background:#fbfcfd}.invitation-top{display:flex;justify-content:space-between;gap:14px;align-items:center}.password-code{font-family:Consolas,monospace;background:#edf4f8;color:#082e53;padding:5px 7px;border-radius:6px;font-weight:700;white-space:nowrap}.invitation-text{white-space:pre-wrap;background:#f4f7f9;border-radius:8px;padding:12px;font-family:inherit;font-size:.88rem}.mail-result{margin-top:8px;font-size:.85rem;color:var(--muted)}.table-sub{font-size:.78rem;color:var(--muted);margin-top:3px}.admin-table .pill.done{background:#eaf8e3;color:#347a10}.pill.closed{background:#f6ecea;color:#913c31}.row-inactive{opacity:.58}.row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:110px}.link-button{border:0;background:none;color:var(--blue);font:inherit;font-size:.82rem;padding:0;cursor:pointer;text-decoration:underline}.mini-copy{border:0;background:transparent;color:var(--blue);cursor:pointer;font-size:1rem;padding:2px 4px}.error-text{color:#a43c30}.notice.success{background:#eff9ea;border-left-color:var(--green)}.notice.error{background:#fff1ef;border-left-color:#b94b3d}.small-note{font-size:.84rem}.security-note{padding:12px;background:#f4f7f9;border-radius:8px;font-size:.88rem}.btn:disabled{opacity:.45;cursor:not-allowed}.question-prompt{font-size:.84rem;color:var(--muted);margin:.4rem 0 0}.scale-detailed{align-items:stretch;gap:7px}.scale-detailed label{display:flex;flex-direction:column;gap:5px}.scale-detailed .scale-number{padding:9px 4px}.scale-detailed small{display:block;line-height:1.15;font-size:.68rem;color:var(--muted);min-height:31px}.scale-detailed input:checked+.scale-number{background:var(--blue);color:#fff;border-color:var(--blue)}.survey-actions{justify-content:space-between}.target-logo{object-fit:contain}
@media(max-width:900px){.project-hero{display:block}.project-hero .hero-actions{justify-content:flex-start;margin-top:18px}.card-heading{display:block}.card-heading>.actions{margin-top:12px}.participant-table{min-width:1250px}}
@media(max-width:700px){.scale-detailed{grid-template-columns:repeat(7,minmax(54px,1fr));overflow-x:auto;padding-bottom:5px}.scale-detailed label{min-width:54px}.inline-fields{grid-template-columns:1fr}.invitation-top{display:block}.invitation-top .password-code{display:inline-block;margin-top:8px}}
.target-logo-link{display:block;flex:0 0 auto;text-decoration:none}.target-logo-link:focus{outline:3px solid rgba(9,169,223,.2);outline-offset:4px;border-radius:4px}

/* Teamdriehoek v3 - uitleg, assen, teamkleuren en A4-analyse */
.talent-hero{grid-template-columns:1.28fr .72fr}.triangle-image-wrap{display:flex;justify-content:center;align-items:center}.triangle-image-box{width:100%;text-align:center}.triangle-image{display:block;width:min(80%,376px);height:auto;max-height:312px;object-fit:contain;margin:0 auto}.triangle-caption{margin-top:6px;font-size:.72rem;line-height:1.25;color:var(--muted);letter-spacing:.01em}.section-heading{margin-bottom:12px}.two-col-explain{display:grid;grid-template-columns:1fr 1fr;gap:16px}.relation-section .info-card{border-top-color:var(--blue)}.concept-card{border-top:5px solid var(--sky)}.concept-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}.concept-flow>div:not(.concept-arrow){padding:17px;border:1px solid var(--line);background:#fbfcfd;border-radius:11px}.concept-flow h3{margin-top:7px}.concept-step{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-weight:800}.concept-arrow{display:flex;align-items:center;color:var(--sky);font-size:1.8rem;font-weight:800}.section-intro{max-width:930px;color:#405a71}.score-axis{display:flex;justify-content:space-between;gap:12px;margin-top:4px;font-size:.66rem;color:#6d7881;line-height:1.15}.score-scale-note{font-size:.86rem;color:#5f6c76;margin-top:-.25rem}.context-note{margin-top:16px;padding:12px 14px;background:#f4f8fb;border-left:4px solid var(--sky);border-radius:7px;font-size:.9rem}.condition-score{margin:10px 0 13px}.heat-head{font-size:.72rem;text-align:center;color:#526878}.heat-cell{font-weight:800;border:1px solid rgba(11,53,95,.09);transition:transform .15s ease}.heat-cell:hover{transform:translateY(-1px)}.heat-legend{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin-top:10px;font-size:.75rem;color:var(--muted)}.heat-legend span{display:flex;gap:6px;align-items:center}.heat-legend i{display:inline-block;width:22px;height:12px;border-radius:3px}.report-callout{display:flex;justify-content:space-between;gap:20px;align-items:center}.report-callout p{margin-bottom:0}.analysis-body{background:#edf2f5}.analysis-shell{padding:28px 14px}.analysis-page{width:min(210mm,100%);min-height:270mm;margin:0 auto;background:#fff;box-shadow:0 8px 30px rgba(23,47,68,.12);padding:16mm 17mm 13mm;display:flex;flex-direction:column}.analysis-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:2px solid var(--blue);padding-bottom:8px;margin-bottom:9px}.analysis-header h1{font-size:1.8rem;margin:.05em 0 .2em}.analysis-header img{width:35mm;height:auto}.analysis-meta{margin:0;color:#536575;font-size:.88rem}.analysis-summary{background:#eef5f9;border-left:4px solid var(--sky);padding:8px 11px;margin:3px 0 7px;font-size:.88rem}.analysis-context{font-size:.82rem;color:#455c70;padding:7px 10px;border:1px solid #d9e4eb;border-radius:6px;margin-bottom:6px}.analysis-section{margin:5px 0}.analysis-section h2{font-size:1.03rem;color:var(--blue);margin:0 0 3px}.analysis-section p{font-size:.88rem;line-height:1.38;margin:0}.analysis-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:7px;display:flex;justify-content:space-between;gap:14px;color:#74808a;font-size:.68rem}
@media(max-width:900px){.talent-hero,.two-col-explain{grid-template-columns:1fr}.triangle-image{max-height:330px}.concept-flow{grid-template-columns:1fr}.concept-arrow{justify-content:center;transform:rotate(90deg);height:24px}.report-callout{display:block}.report-callout .btn{margin-top:12px}}
@media(max-width:600px){.triangle-image{max-height:280px}.score-axis{font-size:.6rem}.analysis-shell{padding:10px 6px}.analysis-page{padding:22px 18px;min-height:auto}.analysis-header img{width:100px}.analysis-footer{display:block}}
@media print{
  @page{size:A4 portrait;margin:0}
  .analysis-body{background:#fff!important}
  .analysis-shell{padding:0!important}
  .analysis-page{width:210mm;height:297mm;min-height:297mm;max-height:297mm;overflow:hidden;margin:0;box-shadow:none;padding:13mm 15mm 11mm}
  .analysis-header{margin-bottom:6px;padding-bottom:6px}.analysis-header h1{font-size:17pt}.analysis-header img{width:31mm}
  .analysis-summary{font-size:8.6pt;margin:2px 0 5px;padding:6px 9px}.analysis-context{font-size:8pt;padding:5px 8px;margin-bottom:4px}
  .analysis-section{margin:3px 0}.analysis-section h2{font-size:9.5pt;margin-bottom:1px}.analysis-section p{font-size:8.7pt;line-height:1.31}
  .analysis-footer{font-size:6.8pt;padding-top:5px}
  .score-axis{font-size:6.5pt}
}

.hero-condition-note{margin:15px 0;padding:13px 15px;background:#eef5f9;border-left:4px solid var(--sky);border-radius:8px;color:#29485f;line-height:1.5}.hero-condition-note strong:first-child{color:var(--blue)}

.score-meaning-card{margin-top:14px;padding:13px 15px;border:1px solid #d7e4ec;border-radius:9px;background:#f7fafc;color:#365167;font-size:.9rem;line-height:1.48}.score-meaning-card strong{color:var(--blue)}

/* Teamdriehoek v7: header-contact en teamrapportage-toegang */
.header-email-link,.header-admin-link{font-size:13px;font-weight:650;color:#31556f;text-decoration:none;white-space:nowrap}
.header-email-link:hover,.header-admin-link:hover{text-decoration:underline;color:#0b355f}
.hero-condition-note h3{margin:0 0 4px;font-size:1rem}
.hero-condition-note p{margin:0 0 12px}
.hero-condition-note p:last-child{margin-bottom:0}
.score-meaning-card h3{margin:0 0 6px}
.score-meaning-card p{margin:0}
.recipient-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:10px 0 16px}
.recipient-check{display:flex;gap:10px;align-items:flex-start;border:1px solid #dbe6ed;border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}
.recipient-check input{margin-top:3px}
.recipient-check span{display:flex;flex-direction:column;gap:2px}
.recipient-check small{color:#61788a;line-height:1.25}
.recipient-check.disabled{opacity:.5;cursor:not-allowed;background:#f6f8fa}
.team-recipient-picker h3{margin:8px 0}
@media(max-width:760px){.header-email-link,.header-admin-link{font-size:12px}.header-inner>.actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}}

/* Teamdriehoek v8: header-uitlijning */
.header-inner{position:relative}
.header-inner>.actions{align-items:center}
.header-email-link{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
  z-index:2;
}
.header-admin-link{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.target-logo-link{display:flex;align-items:center;justify-content:center}
@media(max-width:760px){
  .header-email-link{position:static;transform:none;order:-1;width:100%;justify-content:center;margin:3px 0}
  .header-inner{flex-wrap:wrap;padding:7px 0}
  .header-inner>.actions{margin-left:auto}
}


/* Teamdriehoek v9: verfijnde headeruitlijning */
.header-admin-link{font-weight:400;position:relative;top:3px}
.header-email-link{top:calc(50% + 3px)}
@media(max-width:760px){
  .header-admin-link{top:2px}
  .header-email-link{top:auto;position:static;transform:none;margin-top:5px}
}

/* Teamdriehoek v11: talenten rond de Teamdriehoek */
.triangle-contribution-layout{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(250px,320px) minmax(220px,1fr);
  grid-template-areas:
    ". top ."
    "left center right"
    ". bottom .";
  gap:16px 18px;
  align-items:center;
  margin-top:16px;
}
.triangle-contribution-layout .pos-top{grid-area:top}
.triangle-contribution-layout .pos-left{grid-area:left}
.triangle-contribution-layout .pos-right{grid-area:right}
.triangle-contribution-layout .pos-bottom{grid-area:bottom}
.triangle-visual-center{grid-area:center;display:flex;justify-content:center;align-items:center}
.report-triangle-image{width:min(100%,290px);max-height:290px}
.triangle-condition-card{padding:18px 18px 16px;border-top:4px solid var(--sky)}
.triangle-condition-card h3{margin-bottom:6px}
.triangle-condition-card p{font-size:.92rem;color:#355166}
.triangle-pill-group{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 10px}
.triangle-talent-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.triangle-talent-list li{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid #e6edf2;font-size:.85rem}
.triangle-talent-list li:first-child{border-top:0;padding-top:0}
.triangle-talent-list li span{color:var(--muted);text-align:right}
.triangle-watch{margin-bottom:0}
.triangle-watch strong{color:var(--blue)}
.triangle-contribution-layout.team .triangle-condition-card{border-top-color:var(--blue2)}
.triangle-contribution-layout.team .pill{background:#eaf2f7}
@media(max-width:1000px){
  .triangle-contribution-layout{grid-template-columns:1fr 280px 1fr;gap:14px}
}
@media(max-width:900px){
  .triangle-contribution-layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "center"
      "top"
      "right"
      "bottom"
      "left";
  }
  .triangle-talent-list li{display:block}
  .triangle-talent-list li span{display:block;text-align:left;margin-top:2px}
  .report-triangle-image{width:min(100%,260px);max-height:260px}
}
@media print{
  .triangle-contribution-layout{grid-template-columns:1fr 72mm 1fr;gap:10px 11px}
  .triangle-condition-card{padding:10px 10px 9px}
  .triangle-condition-card p{font-size:8.5pt}
  .triangle-pill-group{gap:4px;margin:5px 0 7px}
  .triangle-talent-list{gap:4px}
  .triangle-talent-list li{font-size:7.5pt}
  .report-triangle-image{width:64mm;max-height:64mm}
}

/* Teamdriehoek v12: footercontact, A4-print en analysepagina 2 */
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.footer-inner>span:last-child{text-align:right}
.footer-email-link{color:var(--muted);text-decoration:none;font-size:inherit;white-space:nowrap;text-align:center}
.footer-email-link:hover{text-decoration:underline;color:var(--blue)}

.analysis-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px}
.analysis-footer>span:last-child{text-align:right}
.analysis-footer .footer-email-link{font-size:.68rem}

.analysis-triangle-page{margin-top:14px}
.analysis-triangle-intro{font-size:.9rem;line-height:1.42;color:#405a71;margin:0 0 8px}
.analysis-triangle-layout{
  display:grid;
  grid-template-columns:minmax(47mm,1fr) 64mm minmax(47mm,1fr);
  grid-template-areas:
    ". top ."
    "left center right"
    ". bottom .";
  gap:8mm 6mm;
  align-items:center;
  flex:1;
}
.analysis-triangle-layout .pos-top{grid-area:top}
.analysis-triangle-layout .pos-left{grid-area:left}
.analysis-triangle-layout .pos-right{grid-area:right}
.analysis-triangle-layout .pos-bottom{grid-area:bottom}
.analysis-triangle-center{grid-area:center;text-align:center}
.analysis-triangle-center img{display:block;width:60mm;max-width:100%;height:auto;margin:0 auto}
.analysis-triangle-center span{display:block;font-size:.68rem;color:var(--muted);margin-top:4px}
.analysis-triangle-card{border:1px solid #d9e4eb;border-radius:8px;background:#fbfcfd;padding:8px 10px}
.analysis-triangle-card h2{font-size:.92rem;margin:0 0 4px;color:var(--blue)}
.analysis-triangle-card p{font-size:.78rem;line-height:1.32;margin:0 0 6px;color:#3b5367}
.analysis-talent-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.analysis-talent-chips span{display:inline-block;border-radius:99px;padding:3px 7px;background:#eaf3f8;color:var(--blue);font-size:.68rem;font-weight:750}
.analysis-combos{display:grid;gap:2px;margin-top:5px}
.analysis-combos small{font-size:.62rem;line-height:1.2;color:#667682}
.analysis-watch{margin-top:6px;font-size:.68rem;line-height:1.25;color:#506778}

@media(max-width:760px){
  .footer-inner{grid-template-columns:1fr;text-align:center;gap:4px}
  .footer-inner>span:last-child{text-align:center}
  .analysis-footer{grid-template-columns:1fr;text-align:center}
  .analysis-footer>span:last-child{text-align:center}
  .analysis-triangle-layout{grid-template-columns:1fr;grid-template-areas:"center" "top" "left" "right" "bottom";gap:10px}
  .analysis-triangle-center img{width:min(260px,80vw)}
}

@media print{
  @page{size:A4 portrait;margin:12mm}
  @page analysis{size:A4 portrait;margin:0}

  body:not(.analysis-body){font-size:9.2pt}
  body:not(.analysis-body) .shell{width:100%;max-width:none;margin:0}
  body:not(.analysis-body) .main-content{padding:0;min-height:0}
  body:not(.analysis-body) .card{padding:4mm 4.5mm;border:1px solid #e2e7ea;box-shadow:none;border-radius:4px}
  body:not(.analysis-body) .report-section{break-inside:auto!important;margin:0 0 5mm}
  body:not(.analysis-body) .report-section>.card,
  body:not(.analysis-body) .score-card,
  body:not(.analysis-body) .drive-row,
  body:not(.analysis-body) .talent-card,
  body:not(.analysis-body) .condition-card{break-inside:avoid}
  body:not(.analysis-body) .report-hero{grid-template-columns:1fr 62mm;gap:6mm;padding:5mm;border-top-width:3px}
  body:not(.analysis-body) .report-hero h1{font-size:18pt}
  body:not(.analysis-body) .radar{max-height:58mm}
  body:not(.analysis-body) .score-cards{grid-template-columns:repeat(2,1fr);gap:3mm}
  body:not(.analysis-body) .talent-grid{grid-template-columns:repeat(2,1fr);gap:3mm}
  body:not(.analysis-body) .drive-grid{grid-template-columns:1fr 1fr;gap:3mm}
  body:not(.analysis-body) .condition-grid{grid-template-columns:1fr 1fr;gap:3mm}
  body:not(.analysis-body) .score-card .big{font-size:15pt}
  body:not(.analysis-body) h2{font-size:12pt}
  body:not(.analysis-body) h3{font-size:10pt}
  body:not(.analysis-body) p{margin:.35em 0 .55em}
  body:not(.analysis-body) .section-intro{font-size:8.7pt}
  body:not(.analysis-body) .score-axis{font-size:5.8pt}
  body:not(.analysis-body) .triangle-contribution-layout{grid-template-columns:1fr 58mm 1fr;gap:3mm 4mm}
  body:not(.analysis-body) .triangle-condition-card{padding:3mm}
  body:not(.analysis-body) .triangle-condition-card p{font-size:7.8pt}
  body:not(.analysis-body) .triangle-talent-list li{font-size:6.8pt}
  body:not(.analysis-body) .report-triangle-image{width:54mm;max-height:54mm}
  body:not(.analysis-body) .table-scroll{overflow:visible}
  body:not(.analysis-body) table{font-size:7.5pt}
  body:not(.analysis-body) th,body:not(.analysis-body) td{padding:2.2mm 1.8mm}
  body:not(.analysis-body) .heat-row{grid-template-columns:34mm repeat(6,1fr);min-width:0;gap:1mm}
  body:not(.analysis-body) .heat-cell{padding:2mm 1mm}
  body:not(.analysis-body) .heat-legend{font-size:6.5pt}
  body:not(.analysis-body) .site-footer{display:none!important}

  .analysis-page{page:analysis;width:210mm;height:297mm;min-height:297mm;max-height:297mm;overflow:hidden;margin:0;box-shadow:none;padding:13mm 15mm 11mm;break-after:page}
  .analysis-page:last-child{break-after:auto}
  .analysis-triangle-page{margin-top:0}
  .analysis-triangle-page .analysis-header{margin-bottom:7px}
  .analysis-triangle-page .analysis-triangle-intro{font-size:8.4pt;margin-bottom:5px}
  .analysis-triangle-layout{grid-template-columns:52mm 58mm 52mm;gap:6mm 5mm}
  .analysis-triangle-center img{width:54mm}
  .analysis-triangle-card{padding:7px 8px}
  .analysis-triangle-card h2{font-size:8.8pt}
  .analysis-triangle-card p{font-size:7.2pt;line-height:1.28}
  .analysis-talent-chips span{font-size:6.2pt;padding:2px 5px}
  .analysis-combos small,.analysis-watch{font-size:5.8pt}
  .analysis-footer .footer-email-link{font-size:6.8pt}
}

/* Teamdriehoek v13: projectbeheer */
.admin-project-tools{border-left:5px solid var(--sky)}
.participant-actions{min-width:175px;gap:6px}
.participant-actions .action-profile{font-weight:700;color:var(--blue)}
.participant-actions .table-sub{max-width:165px;line-height:1.25}

/* Teamdriehoek v13.2: persoonlijke rapportage driehoek gelijk aan uitgebreide analyse */
.report-triangle-section .report-triangle-sheet{
  border:1px solid #d9e4eb;
  border-radius:12px;
  background:#fff;
  padding:14px 16px 12px;
}
.report-triangle-intro{max-width:none;margin-bottom:10px}
.report-analysis-triangle-layout{
  margin-top:4px;
  min-height:0;
}
.report-analysis-triangle-layout .analysis-triangle-card h2{
  font-size:1rem;
}
.report-analysis-triangle-layout .analysis-triangle-card p{
  font-size:.82rem;
}
.report-analysis-triangle-layout .analysis-talent-chips span{
  font-size:.72rem;
}
.report-analysis-triangle-layout .analysis-combos small{
  font-size:.66rem;
}

@media print{
  body:not(.analysis-body) .report-triangle-section{
    break-before:page;
    break-inside:avoid;
    margin:0;
  }
  body:not(.analysis-body) .report-triangle-section .report-triangle-sheet{
    border:1px solid #d9e4eb;
    border-radius:4px;
    padding:4.5mm 5mm 4mm;
  }
  body:not(.analysis-body) .report-triangle-section>.eyebrow,
  body:not(.analysis-body) .report-triangle-section>h2{
    display:block;
  }
  body:not(.analysis-body) .report-triangle-section .report-triangle-intro{
    font-size:8.2pt;
    line-height:1.28;
    margin:0 0 3.2mm;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout{
    grid-template-columns:52mm 58mm 52mm;
    gap:6mm 5mm;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-triangle-center img{
    width:54mm;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-triangle-center span{
    font-size:6.4pt;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-triangle-card{
    padding:7px 8px;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-triangle-card h2{
    font-size:8.8pt;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-triangle-card p{
    font-size:7.2pt;
    line-height:1.28;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-talent-chips span{
    font-size:6.2pt;
    padding:2px 5px;
  }
  body:not(.analysis-body) .report-analysis-triangle-layout .analysis-combos small{
    font-size:5.8pt;
  }
}

/* Teamdriehoek v14: uitgebreide analyse geïntegreerd in rapportages */
.integrated-analysis-section{margin-top:22px}
.integrated-analysis-page{
  background:#fff;
  border:1px solid #d9e4eb;
  border-radius:12px;
  padding:24px 26px 20px;
}
.integrated-analysis-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px;
  border-bottom:2px solid var(--blue);
  padding-bottom:10px;
  margin-bottom:10px;
}
.integrated-analysis-header h2{font-size:1.5rem;margin:.05em 0 .2em;color:var(--blue)}
.integrated-analysis-header img{width:120px;height:auto}
.integrated-analysis-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:end;
  gap:12px;
  border-top:1px solid var(--line);
  margin-top:14px;
  padding-top:8px;
  color:#74808a;
  font-size:.72rem;
}
.integrated-analysis-footer>span:last-child{text-align:right}

@media(max-width:760px){
  .integrated-analysis-page{padding:20px}
  .integrated-analysis-header{display:block}
  .integrated-analysis-header img{width:105px;margin-top:10px}
  .integrated-analysis-footer{grid-template-columns:1fr;text-align:center}
  .integrated-analysis-footer>span:last-child{text-align:center}
}

@media print{
  /* Visualisatie is altijd één zelfstandig A4-blad met 12 mm buitenmarge. */
  body:not(.analysis-body) .report-triangle-section{
    break-before:page!important;
    break-after:page!important;
    break-inside:avoid!important;
    height:273mm;
    max-height:273mm;
    overflow:hidden;
    margin:0!important;
    padding:0!important;
    display:flex;
    flex-direction:column;
  }
  body:not(.analysis-body) .report-triangle-section>.eyebrow{margin:0 0 1mm}
  body:not(.analysis-body) .report-triangle-section>h2{margin:0 0 2.5mm;font-size:13pt}
  body:not(.analysis-body) .report-triangle-section .report-triangle-sheet{
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    padding:4mm 5mm;
    overflow:hidden;
  }
  body:not(.analysis-body) .report-triangle-section .report-triangle-intro{
    flex:0 0 auto;
    font-size:8pt;
    line-height:1.25;
    margin:0 0 2.5mm;
  }
  body:not(.analysis-body) .report-triangle-section .report-analysis-triangle-layout{
    flex:1;
    min-height:0;
    grid-template-columns:51mm 57mm 51mm;
    gap:5mm 4mm;
    align-content:center;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-center img{width:52mm}
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card{padding:6px 7px}
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card h2{font-size:8.5pt}
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card p{font-size:7pt;line-height:1.24;margin-bottom:4px}
  body:not(.analysis-body) .report-triangle-section .analysis-talent-chips{gap:3px;margin-top:3px}
  body:not(.analysis-body) .report-triangle-section .analysis-talent-chips span{font-size:6pt;padding:2px 4px}
  body:not(.analysis-body) .report-triangle-section .analysis-combos{gap:1px;margin-top:3px}
  body:not(.analysis-body) .report-triangle-section .analysis-combos small,
  body:not(.analysis-body) .report-triangle-section .analysis-watch{font-size:5.6pt;line-height:1.16}

  /* Uitgebreide tekst staat als laatste zelfstandig analyseblad. */
  body:not(.analysis-body) .integrated-analysis-section{
    break-before:page!important;
    break-inside:avoid!important;
    margin:0!important;
    min-height:273mm;
  }
  body:not(.analysis-body) .integrated-analysis-page{
    min-height:273mm;
    border:0;
    border-radius:0;
    padding:8mm 7mm 6mm;
    display:flex;
    flex-direction:column;
  }
  body:not(.analysis-body) .integrated-analysis-header{margin-bottom:5px;padding-bottom:6px}
  body:not(.analysis-body) .integrated-analysis-header h2{font-size:15pt}
  body:not(.analysis-body) .integrated-analysis-header img{width:30mm}
  body:not(.analysis-body) .integrated-analysis-page .analysis-summary{font-size:8.3pt;margin:2px 0 5px;padding:6px 9px}
  body:not(.analysis-body) .integrated-analysis-page .analysis-context{font-size:7.8pt;padding:5px 8px;margin-bottom:4px}
  body:not(.analysis-body) .integrated-analysis-page .analysis-section{margin:3px 0}
  body:not(.analysis-body) .integrated-analysis-page .analysis-section h2{font-size:9.3pt;margin-bottom:1px}
  body:not(.analysis-body) .integrated-analysis-page .analysis-section p{font-size:8.4pt;line-height:1.3;margin:0}
  body:not(.analysis-body) .integrated-analysis-footer{margin-top:auto;font-size:6.6pt;padding-top:5px}
}

/* Teamdriehoek v14.1: bulktoegang teamrapportage */
.team-bulk-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:14px 16px;background:#f4f8fb;border-left:4px solid var(--sky);border-radius:8px;margin-bottom:16px}
.team-bulk-intro p{margin:0}.team-bulk-summary{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.recipient-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:3px 0 10px}.recipient-heading h3{margin:0 0 3px}.recipient-heading p{margin:0}.recipient-heading-secondary{margin-top:20px}
.team-extra-recipients{margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}.team-extra-recipients h3{margin-bottom:4px}
.team-send-panel{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 16px;border:1px solid #d5e3ec;border-radius:10px;background:#fbfcfd;margin-top:4px}.team-send-panel p{margin:.25rem 0 0}.team-send-panel .btn{flex:0 0 auto}
@media(max-width:760px){.team-bulk-intro,.recipient-heading,.team-send-panel{display:block}.team-bulk-summary,.recipient-heading .actions{justify-content:flex-start;margin-top:10px}.team-send-panel .btn{margin-top:10px;width:100%}}
.recipient-missing-mail{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fff9e9;color:#66531a;font-size:.84rem}


/* Teamdriehoek v14.2: elk hoofdonderdeel op nieuwe pagina + verbeterde Teamdriehoek-visualisatie */
.report-triangle-section .report-triangle-sheet{
  max-width:1120px;
  margin:0 auto;
  padding:18px 20px 18px;
}
.report-triangle-section .report-triangle-intro{
  max-width:950px;
  margin:0 auto 12px;
}
.report-triangle-section .report-analysis-triangle-layout{
  grid-template-columns:minmax(260px,1fr) 290px minmax(260px,1fr);
  gap:18px 20px;
  align-items:center;
  justify-items:stretch;
}
.report-triangle-section .analysis-triangle-card{
  min-height:158px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.report-triangle-section .analysis-triangle-center{
  align-self:center;
}
.report-triangle-section .analysis-triangle-center img{
  width:min(100%,250px);
}
.report-triangle-section .analysis-triangle-card.pos-top,
.report-triangle-section .analysis-triangle-card.pos-bottom{
  max-width:540px;
  justify-self:center;
}

@media print{
  body:not(.analysis-body) .report-section{
    break-before:page;
    break-inside:auto !important;
    margin:0;
  }
  body:not(.analysis-body) .report-hero{
    break-before:auto;
  }
  body:not(.analysis-body) .report-section + .report-section{
    margin-top:0;
  }
  body:not(.analysis-body) .report-triangle-section{
    min-height:271mm;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }
  body:not(.analysis-body) .report-triangle-section .report-triangle-sheet{
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    border:1px solid #d9e4eb;
    border-radius:4px;
    padding:4.5mm 5mm 4.5mm;
  }
  body:not(.analysis-body) .report-triangle-section .report-triangle-intro{
    max-width:none;
    margin:0 0 3mm;
  }
  body:not(.analysis-body) .report-triangle-section .report-analysis-triangle-layout{
    flex:1;
    grid-template-columns:53mm 64mm 53mm;
    grid-template-areas:
      ". top ."
      "left center right"
      ". bottom .";
    gap:6mm 5mm;
    align-content:center;
    align-items:center;
    justify-content:center;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card{
    min-height:0;
    padding:7px 8px;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card.pos-top,
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card.pos-bottom{
    max-width:none;
    width:100%;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-center img{
    width:56mm;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-center span{
    font-size:6.4pt;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card h2{
    font-size:8.8pt;
    margin-bottom:3px;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-triangle-card p{
    font-size:7.2pt;
    line-height:1.26;
    margin-bottom:5px;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-talent-chips span{
    font-size:6.1pt;
    padding:2px 5px;
  }
  body:not(.analysis-body) .report-triangle-section .analysis-combos small,
  body:not(.analysis-body) .report-triangle-section .analysis-watch{
    font-size:5.8pt;
    line-height:1.18;
  }
}

/* Teamdriehoek v14.3: vaste kop- en voettekst op iedere PDF/printpagina */
.print-report-header,.print-report-footer{display:none}

@media print{
  /* Ruimte reserveren voor de vaste kop- en voettekst. */
  @page{size:A4 portrait;margin:22mm 12mm 18mm}

  .print-report-header{
    position:fixed;
    top:-16mm;
    left:0;
    right:0;
    height:10mm;
    display:grid!important;
    grid-template-columns:1fr 2fr 1fr;
    align-items:center;
    gap:6mm;
    border-bottom:.35mm solid #d9e1e7;
    padding-bottom:2mm;
    z-index:1000;
    font-size:8pt;
    color:#526878;
  }
  .print-header-left{
    justify-self:start;
    font-weight:800;
    color:#0b355f;
    font-size:9pt;
  }
  .print-header-center{
    justify-self:center;
    text-align:center;
    font-weight:700;
    color:#20394f;
    line-height:1.18;
    max-width:100mm;
  }
  .print-header-center small{
    display:block;
    margin-top:1mm;
    font-size:6.6pt;
    font-weight:400;
    color:#6f7780;
  }
  .print-header-right{
    justify-self:end;
    display:flex;
    align-items:center;
    justify-content:flex-end;
  }
  .print-header-right img{
    display:block;
    width:25mm;
    max-height:7mm;
    object-fit:contain;
  }

  .print-report-footer{
    position:fixed;
    bottom:-12.5mm;
    left:0;
    right:0;
    height:7mm;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr;
    align-items:center;
    gap:5mm;
    border-top:.3mm solid #d9e1e7;
    padding-top:2mm;
    z-index:1000;
    font-size:6.8pt;
    color:#74808a;
  }
  .print-footer-left{justify-self:start}
  .print-footer-center{justify-self:center;text-align:center}
  .print-footer-right{justify-self:end;text-align:right}

  /* De vaste footer vervangt de footer die in de uitgebreide tekst zelf stond. */
  body:not(.analysis-body) .integrated-analysis-footer{display:none!important}

  /* Nieuwe beschikbare A4-hoogte na reservering voor kop en voet. */
  body:not(.analysis-body) .report-triangle-section{
    height:255mm!important;
    min-height:255mm!important;
    max-height:255mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-section{
    min-height:255mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-page{
    min-height:255mm!important;
  }
}

/* Teamdriehoek v14.4: stabiele PDF-kop/voet en persoonlijke eerste pagina */
@media print{
  /* Kop en voet staan binnen de fysieke pagina; de @page-marges houden de inhoud vrij. */
  @page{size:A4 portrait;margin:20mm 12mm 16mm}

  .print-report-header{
    position:fixed!important;
    top:4mm!important;
    left:12mm!important;
    right:12mm!important;
    height:10mm!important;
    margin:0!important;
    padding:0 0 2mm!important;
    display:grid!important;
    grid-template-columns:1fr 2fr 1fr!important;
    align-items:center!important;
    gap:6mm!important;
    border-bottom:.35mm solid #d9e1e7!important;
    background:#fff!important;
    z-index:9999!important;
  }
  .print-report-footer{
    position:fixed!important;
    bottom:4mm!important;
    left:12mm!important;
    right:12mm!important;
    height:7mm!important;
    margin:0!important;
    padding:2mm 0 0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    align-items:center!important;
    gap:5mm!important;
    border-top:.3mm solid #d9e1e7!important;
    background:#fff!important;
    z-index:9999!important;
  }

  /* Persoonlijke rapportage: zes dimensies horen bij de openingspagina. */
  body:not(.analysis-body) .personal-dimensions,
  body:not(.analysis-body) .first-page-continuation{
    break-before:auto!important;
    page-break-before:auto!important;
    margin-top:3mm!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-cards{
    grid-template-columns:repeat(3,1fr)!important;
    gap:2.2mm!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-card{
    padding:2.5mm 3mm!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-card h3{
    font-size:8.7pt!important;
    margin-bottom:1mm!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-card .big{
    font-size:13pt!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-card p{
    font-size:7pt!important;
    line-height:1.22!important;
    margin:.25em 0!important;
  }
  body:not(.analysis-body) .personal-dimensions .score-axis{
    font-size:5.2pt!important;
  }
  body:not(.analysis-body) .personal-dimensions>h2{
    margin-bottom:1.5mm!important;
  }
  body:not(.analysis-body) .personal-dimensions>.score-scale-note{
    margin-bottom:2mm!important;
  }

  /* Een kaart of hypothese mag niet midden tussen twee pagina's worden gesplitst. */
  body:not(.analysis-body) .dynamic,
  body:not(.analysis-body) .dynamics-grid>article,
  body:not(.analysis-body) .analysis-section,
  body:not(.analysis-body) .analysis-triangle-card{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  /* Nieuwe bruikbare paginahoogte met de aangepaste kop/voet. */
  body:not(.analysis-body) .report-triangle-section{
    height:261mm!important;
    min-height:261mm!important;
    max-height:261mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-section,
  body:not(.analysis-body) .integrated-analysis-page{
    min-height:261mm!important;
  }
}
@media print{
  body:not(.analysis-body) .same-page-with-previous{
    break-before:auto!important;
    page-break-before:auto!important;
  }
}

/* Teamdriehoek v14.5: compactere PDF-kop/voet met veilige afstand tot inhoud */
@media print{
  /* Compacte kop en voet dicht bij de fysieke paginarand. */
  @page{size:A4 portrait;margin:15mm 12mm 12mm}

  .print-report-header{
    top:2mm!important;
    left:12mm!important;
    right:12mm!important;
    height:6mm!important;
    padding:0 0 1mm!important;
    gap:5mm!important;
    border-bottom:.25mm solid #d9e1e7!important;
    font-size:7pt!important;
  }
  .print-header-left{
    font-size:8pt!important;
    line-height:1!important;
  }
  .print-header-center{
    font-size:7.5pt!important;
    line-height:1.05!important;
  }
  .print-header-center small{
    margin-top:.5mm!important;
    font-size:5.8pt!important;
    line-height:1!important;
  }
  .print-header-right img{
    width:18mm!important;
    max-height:5mm!important;
  }

  .print-report-footer{
    bottom:2mm!important;
    left:12mm!important;
    right:12mm!important;
    height:5mm!important;
    padding:1mm 0 0!important;
    gap:4mm!important;
    border-top:.25mm solid #d9e1e7!important;
    font-size:6.2pt!important;
    line-height:1!important;
  }

  /* Extra veilige afstand tussen de compacte koplijn en het begin van elk hoofdonderdeel. */
  body:not(.analysis-body) .report-section{
    padding-top:2.5mm!important;
  }
  body:not(.analysis-body) .report-hero{
    padding-top:4mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-section{
    padding-top:3mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-page{
    padding-top:4mm!important;
  }

  /* Door de compactere boven- en ondermarge is er weer iets meer bruikbare paginahoogte. */
  body:not(.analysis-body) .report-triangle-section{
    height:270mm!important;
    min-height:270mm!important;
    max-height:270mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-section,
  body:not(.analysis-body) .integrated-analysis-page{
    min-height:270mm!important;
  }
}

/* Teamdriehoek v14.6: definitieve scheiding tussen PDF-kop/voet en inhoud */
@media print{
  /* Kop en voet zo dicht mogelijk bij de fysieke paginarand. */
  @page{size:A4 portrait;margin:8mm 12mm 7mm}

  .print-report-header{
    top:.5mm!important;
    left:12mm!important;
    right:12mm!important;
    height:5mm!important;
    padding:0 0 .7mm!important;
    gap:4mm!important;
    font-size:6.6pt!important;
    line-height:1!important;
    border-bottom:.2mm solid #d9e1e7!important;
  }
  .print-header-left{
    font-size:7.4pt!important;
    line-height:1!important;
  }
  .print-header-center{
    font-size:7pt!important;
    line-height:1!important;
  }
  .print-header-center small{
    margin-top:.35mm!important;
    font-size:5.2pt!important;
    line-height:1!important;
  }
  .print-header-right img{
    width:16mm!important;
    max-height:4.2mm!important;
  }

  .print-report-footer{
    bottom:.4mm!important;
    left:12mm!important;
    right:12mm!important;
    height:4mm!important;
    padding:.7mm 0 0!important;
    gap:4mm!important;
    font-size:5.8pt!important;
    line-height:1!important;
    border-top:.2mm solid #d9e1e7!important;
  }

  /*
     Belangrijk: niet meer vertrouwen op alleen de @page-marge.
     Ieder hoofdonderdeel dat op een nieuw blad begint krijgt zelf
     voldoende witruimte boven de inhoud. Daardoor kan de vaste kop
     nooit meer door de blauwe hoofdstukkop of titel heen lopen.
  */
  body:not(.analysis-body) .report-section:not(.first-page-continuation):not(.same-page-with-previous){
    padding-top:10mm!important;
  }
  body:not(.analysis-body) .report-hero{
    padding-top:10mm!important;
  }
  body:not(.analysis-body) .first-page-continuation,
  body:not(.analysis-body) .personal-dimensions{
    padding-top:0!important;
  }
  body:not(.analysis-body) .same-page-with-previous{
    padding-top:0!important;
  }

  /* De geïntegreerde tekst start eveneens gegarandeerd onder de kop. */
  body:not(.analysis-body) .integrated-analysis-section{
    padding-top:10mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-page{
    padding-top:4mm!important;
  }

  /* De Teamdriehoek blijft één A4 ondanks de extra veilige bovenruimte. */
  body:not(.analysis-body) .report-triangle-section{
    height:282mm!important;
    min-height:282mm!important;
    max-height:282mm!important;
  }
  body:not(.analysis-body) .integrated-analysis-section,
  body:not(.analysis-body) .integrated-analysis-page{
    min-height:0!important;
  }
}

/* Teamdriehoek v14.7: expliciete veilige ruimte op pagina 1 en bij vervolgpagina's */
.drive-grid-print,.team-drive-table-print{display:none}

@media print{
  /* Kop/voet nog iets dichter tegen de rand. */
  .print-report-header{top:0!important;height:4.6mm!important}
  .print-report-footer{bottom:0!important;height:3.8mm!important}

  /* Echte inhoudsruimte; deze divs worden onderdeel van de paginaflow. */
  .print-first-page-safe-space{
    display:block!important;
    height:7mm!important;
    width:100%!important;
  }
  .print-section-safe-space{
    display:block!important;
    height:7mm!important;
    width:100%!important;
  }

  /* Pagina 1: de veilige ruimte staat voor het profiel; voorkom dubbele grote padding. */
  body:not(.analysis-body) .report-hero{
    padding-top:4mm!important;
  }

  /* De drijfveren worden voor print bewust in twee vaste pagina's verdeeld. */
  .drive-grid-screen,.team-drive-table-screen{display:none!important}
  .drive-grid-print{display:grid!important}
  .team-drive-table-print{display:block!important}
  body:not(.analysis-body) .drive-report-section,
  body:not(.analysis-body) .team-drive-report-section,
  body:not(.analysis-body) .drive-report-continuation,
  body:not(.analysis-body) .team-drive-report-continuation{
    padding-top:0!important;
  }
  body:not(.analysis-body) .drive-report-continuation,
  body:not(.analysis-body) .team-drive-report-continuation{
    break-before:page!important;
    page-break-before:always!important;
    margin:0!important;
  }
  body:not(.analysis-body) .drive-report-section .drive-row,
  body:not(.analysis-body) .drive-report-continuation .drive-row,
  body:not(.analysis-body) .team-drive-report-section tr,
  body:not(.analysis-body) .team-drive-report-continuation tr{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  /* De tweede drijfverenpagina is bewust iets compacter zodat zes blokken altijd passen. */
  body:not(.analysis-body) .drive-report-section .drive-grid,
  body:not(.analysis-body) .drive-report-continuation .drive-grid{
    gap:2.5mm!important;
  }
  body:not(.analysis-body) .drive-report-section .drive-row,
  body:not(.analysis-body) .drive-report-continuation .drive-row{
    padding:3mm 3.2mm!important;
  }
}
@media print{
  body:not(.analysis-body) .report-section.drive-report-section:not(.first-page-continuation):not(.same-page-with-previous),
  body:not(.analysis-body) .report-section.drive-report-continuation:not(.first-page-continuation):not(.same-page-with-previous),
  body:not(.analysis-body) .report-section.team-drive-report-section:not(.first-page-continuation):not(.same-page-with-previous),
  body:not(.analysis-body) .report-section.team-drive-report-continuation:not(.first-page-continuation):not(.same-page-with-previous){
    padding-top:0!important;
  }
}

/* Teamdriehoek v14.8: geen buitenrand rond Teamdriehoek-visualisatie */
.report-triangle-section .report-triangle-sheet{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
@media print{
  body:not(.analysis-body) .report-triangle-section .report-triangle-sheet{
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
}

/* Teamdriehoek v14.9: kop- en voettekst exact gelijk aan inhoudsbreedte */
@media print{
  /*
     De @page-marge bepaalt al de breedte van de rapportage-inhoud.
     Daarom geen extra 12 mm links/rechts op de vaste kop en voet.
  */
  .print-report-header{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .print-report-footer{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .print-header-left,.print-footer-left{justify-self:start!important;text-align:left!important}
  .print-header-center,.print-footer-center{justify-self:center!important;text-align:center!important}
  .print-header-right,.print-footer-right{justify-self:end!important;text-align:right!important}
}

/* Teamdriehoek v14.10: blauwtinten heatmap behouden in PDF */
.heat-cell,
.heat-legend i{
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
  forced-color-adjust:none;
}

@media print{
  body:not(.analysis-body) .heat-cell,
  body:not(.analysis-body) .heat-legend i{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
    forced-color-adjust:none !important;
  }
  body:not(.analysis-body) .heat-cell{
    border-color:rgba(11,53,95,.18) !important;
  }
}

/* Vaste heatmapklassen voor betrouwbare scherm- en PDF-weergave */
.heat-cell.heat-l1{background-color:#eef5f9 !important;color:#23445f !important}
.heat-cell.heat-l2{background-color:#d7e8f2 !important;color:#23445f !important}
.heat-cell.heat-l3{background-color:#a9cee2 !important;color:#173b57 !important}
.heat-cell.heat-l4{background-color:#74acd0 !important;color:#123a59 !important}
.heat-cell.heat-l5{background-color:#3e83b1 !important;color:#fff !important}
.heat-cell.heat-l6{background-color:#1f5f8d !important;color:#fff !important}
.heat-cell.heat-l7{background-color:#0b355f !important;color:#fff !important}

@media print{
  body:not(.analysis-body) .heat-cell.heat-l1{box-shadow:inset 0 0 0 1000px #eef5f9 !important}
  body:not(.analysis-body) .heat-cell.heat-l2{box-shadow:inset 0 0 0 1000px #d7e8f2 !important}
  body:not(.analysis-body) .heat-cell.heat-l3{box-shadow:inset 0 0 0 1000px #a9cee2 !important}
  body:not(.analysis-body) .heat-cell.heat-l4{box-shadow:inset 0 0 0 1000px #74acd0 !important}
  body:not(.analysis-body) .heat-cell.heat-l5{box-shadow:inset 0 0 0 1000px #3e83b1 !important}
  body:not(.analysis-body) .heat-cell.heat-l6{box-shadow:inset 0 0 0 1000px #1f5f8d !important}
  body:not(.analysis-body) .heat-cell.heat-l7{box-shadow:inset 0 0 0 1000px #0b355f !important}
  body:not(.analysis-body) .heat-legend span:nth-child(1) i{background-color:#eef5f9 !important;box-shadow:inset 0 0 0 1000px #eef5f9 !important}
  body:not(.analysis-body) .heat-legend span:nth-child(2) i{background-color:#74acd0 !important;box-shadow:inset 0 0 0 1000px #74acd0 !important}
  body:not(.analysis-body) .heat-legend span:nth-child(3) i{background-color:#0b355f !important;box-shadow:inset 0 0 0 1000px #0b355f !important}
}

/* Teamdriehoek v14.13: openingspagina terug naar tekst links / Teamdriehoek rechts */
@media (min-width:901px){
  .hero.talent-hero{
    display:grid !important;
    grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr) !important;
    column-gap:34px !important;
    align-items:center !important;
  }
  .hero.talent-hero > div:first-child{
    min-width:0;
  }
  .hero.talent-hero .triangle-image-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
  }
  .hero.talent-hero .triangle-image-box{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    text-align:center !important;
  }
  .hero.talent-hero .triangle-image{
    width:80% !important;
    max-width:300px !important;
    height:auto !important;
    margin:0 auto !important;
  }
}
@media (max-width:900px){
  .hero.talent-hero{
    grid-template-columns:1fr !important;
  }
}


/* Teamdriehoek v14.14: passende breedte vraag-/antwoordpagina's */
.survey-page{overflow-x:hidden}
.survey-page .shell{width:min(960px,calc(100% - 32px))}
.survey-page .question-card{width:100%}
.survey-page .scale-detailed{min-width:0}
@media(max-width:700px){
  .survey-page .shell{width:min(100% - 18px,960px)}
  .survey-page .question-card{overflow:hidden}
  .survey-page .scale-detailed{overflow-x:auto;max-width:100%}
}


/* =========================================================
   Teamdriehoek – bipolaire A/B-profielen
   ========================================================= */
.readonly-field{padding:11px 12px;border:1px solid #d8e2e8;border-radius:8px;background:#f5f8fa;color:#405a71}
.question-title.centered{text-align:center;font-size:1.08rem;font-weight:800;color:var(--blue);margin-bottom:18px}
.survey-instruction{max-width:920px;margin-left:auto;margin-right:auto}
.bipolar-question{max-width:980px;margin-left:auto;margin-right:auto}
.bipolar-input{display:grid;gap:14px}
.bipolar-answers{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:end}
.bipolar-answers>div{font-size:.98rem;line-height:1.42;color:#263d50;font-weight:650}
.bipolar-answers .answer-a{text-align:left}
.bipolar-answers .answer-b{text-align:right}
.bipolar-control{padding:0 4px 2px}
.bipolar-track-shell{position:relative;height:50px;margin:0 18px}
.bipolar-track-line{position:absolute;left:0;right:0;top:30px;height:5px;border-radius:99px;background:linear-gradient(90deg,#b9cedc,#6ca8cb 50%,#0b355f)}
.bipolar-thumb{position:absolute;left:50%;top:3px;transform:translateX(-50%);width:36px;height:28px;clip-path:polygon(0 0,100% 0,50% 100%);background:#0b355f;color:#fff;z-index:3;display:flex;align-items:flex-start;justify-content:center;transition:left .08s linear,background .15s}
.bipolar-thumb span{font-size:10px;line-height:16px;font-weight:800;text-transform:lowercase;letter-spacing:.02em}
.bipolar-thumb.unanswered{background:#9aaab5}
.bipolar-range{position:absolute;left:0;right:0;top:14px;width:100%;height:30px;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.bipolar-question.has-error{outline:2px solid #c74646;outline-offset:3px}
.bipolar-question.has-error .question-title{color:#a52f2f}

.bipolar-report{margin:10px 0 7px}
.bipolar-labels{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:.76rem;font-weight:700;color:#405a71}
.bipolar-labels span:last-child{text-align:right}
.bipolar-line{position:relative;height:38px;margin:0 12px}
.bipolar-line::before{content:"";position:absolute;left:0;right:0;top:27px;height:4px;border-radius:99px;background:linear-gradient(90deg,#c7d8e3,#76abc9 50%,#0b355f)}
.bipolar-marker{position:absolute;top:1px;transform:translateX(-50%);width:34px;height:27px;clip-path:polygon(0 0,100% 0,50% 100%);background:#0b355f;color:#fff;display:flex;align-items:flex-start;justify-content:center;z-index:3}
.bipolar-marker span{font-size:9px;line-height:15px;font-weight:800}
.bipolar-meta{display:flex;justify-content:center;color:var(--muted);font-size:.72rem;min-height:17px}
.bipolar-value{font-weight:700}
.team-bipolar .bipolar-line{height:52px}
.team-bipolar .team-marker{width:48px;height:29px;background:#0b355f}
.team-bipolar .team-marker span{font-size:8px}
.team-member-dot{position:absolute;top:30px;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid #5e839d;color:#315168;font-size:6px;display:flex;align-items:center;justify-content:center;font-weight:800;z-index:2}
.team-member-dot{cursor:default;outline:none}
.team-member-tooltip{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(3px);min-width:145px;max-width:220px;padding:8px 10px;border-radius:8px;background:#0b355f;color:#fff;box-shadow:0 5px 18px rgba(11,53,95,.22);font-size:11px;line-height:1.25;font-weight:400;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:30}
.team-member-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0b355f}
.team-member-tooltip strong{display:block;font-size:11px;line-height:1.2;font-weight:700;color:#fff}
.team-member-tooltip span{display:block;margin-top:2px;font-size:10px;line-height:1.25;font-weight:400;color:rgba(255,255,255,.88)}
.team-member-dot:hover .team-member-tooltip,.team-member-dot:focus .team-member-tooltip,.team-member-dot:focus-visible .team-member-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.team-member-dot.tooltip-align-left .team-member-tooltip{left:0;transform:translateX(-5%) translateY(3px)}
.team-member-dot.tooltip-align-left:hover .team-member-tooltip,.team-member-dot.tooltip-align-left:focus .team-member-tooltip,.team-member-dot.tooltip-align-left:focus-visible .team-member-tooltip{transform:translateX(-5%) translateY(0)}
.team-member-dot.tooltip-align-left .team-member-tooltip:after{left:12%}
.team-member-dot.tooltip-align-right .team-member-tooltip{left:auto;right:0;transform:translateX(5%) translateY(3px)}
.team-member-dot.tooltip-align-right:hover .team-member-tooltip,.team-member-dot.tooltip-align-right:focus .team-member-tooltip,.team-member-dot.tooltip-align-right:focus-visible .team-member-tooltip{transform:translateX(5%) translateY(0)}
.team-member-dot.tooltip-align-right .team-member-tooltip:after{left:88%}
.team-bipolar .bipolar-line::before{top:30px}

.dimension-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dimension-profile-card h3{color:var(--blue);margin-bottom:4px}
.dimension-drive{border-top:1px solid #e5ebef;padding-top:12px;margin-top:12px}
.dimension-drive small{display:block;color:var(--muted);margin-top:2px}
.drive-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.drive-detail h3{color:var(--blue)}
.report-hero-visual{display:flex;align-items:center;justify-content:center}
.report-hero-visual img{max-width:260px;width:100%;height:auto}
.analysis-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.analysis-text-grid article{break-inside:avoid}
.analysis-note{margin-top:18px;padding:12px 14px;background:#eef6fa;border-left:4px solid var(--sky);border-radius:6px}
.analysis-drive-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.analysis-drive-list article{border:1px solid #dfe7ec;border-radius:8px;padding:10px;break-inside:avoid}
.analysis-drive-list h2{font-size:1rem;margin:0 0 5px}

.admin-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.admin-summary-grid .card{padding:18px;text-align:center}
.admin-summary-grid strong{display:block;font-size:1.8rem;color:var(--blue)}
.admin-summary-grid span{font-size:.8rem;color:var(--muted)}
.vertical-actions{flex-direction:column;align-items:stretch}
.vertical-actions form,.vertical-actions .btn{width:100%}
.chip-list{display:flex;flex-wrap:wrap;gap:8px}
.archive-details{margin-top:18px}
.archive-details summary{cursor:pointer;font-weight:700;color:var(--blue)}
.team-member-picker{display:grid;grid-template-columns:1fr 1.5fr auto;gap:16px;align-items:end}
.team-member-picker label{display:block;margin-bottom:6px;font-weight:700}
.picker-button{padding-bottom:1px}

@media(max-width:760px){
  .bipolar-answers{grid-template-columns:1fr;gap:8px}
  .bipolar-answers .answer-a,.bipolar-answers .answer-b{text-align:left}
  .bipolar-answers .answer-a::before{content:"A · ";font-weight:800;color:var(--blue)}
  .bipolar-answers .answer-b::before{content:"B · ";font-weight:800;color:var(--blue)}
  .dimension-profile-grid,.drive-detail-grid,.analysis-text-grid,.analysis-drive-list{grid-template-columns:1fr}
  .admin-summary-grid{grid-template-columns:1fr 1fr}
  .team-member-picker{grid-template-columns:1fr}
}

@media print{
  .report-page-start{break-before:page}
  .dimension-profile-grid,.drive-detail-grid{grid-template-columns:1fr 1fr}
  .dimension-profile-card,.drive-detail{break-inside:avoid}
  .bipolar-labels{font-size:6.8pt}
  .bipolar-meta{font-size:6.4pt}
  .bipolar-line{height:32px}
  .bipolar-line::before{top:23px}
  .bipolar-marker{height:23px;width:30px}
  .team-member-dot{top:26px;width:18px;height:18px}
  .team-bipolar .bipolar-line::before{top:26px}
  .analysis-drive-list{grid-template-columns:1fr 1fr}
}

/* Teamdriehoek v15.1: verfijning bipolaire vragenweergave */
.survey-page .survey-instruction{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:4px 0 8px;
}
.survey-page .survey-instruction h2,
.survey-page .survey-instruction p{
  margin-left:0;
  margin-right:0;
}
.survey-page .bipolar-answers>div{
  font-weight:400;
  text-wrap:balance;
}
.survey-page .bipolar-track-line{
  background:#6ca8cb;
}
.survey-page .bipolar-track-shell::before,
.survey-page .bipolar-track-shell::after,
.survey-page .bipolar-track-line::after{
  content:"";
  position:absolute;
  width:1px;
  height:13px;
  background:#5e788b;
  z-index:2;
}
.survey-page .bipolar-track-shell::before{
  left:0;
  top:26px;
}
.survey-page .bipolar-track-shell::after{
  right:0;
  top:26px;
}
.survey-page .bipolar-track-line::after{
  left:50%;
  top:-4px;
  transform:translateX(-50%);
}
@media(max-width:760px){
  .survey-page .bipolar-answers .answer-a::before,
  .survey-page .bipolar-answers .answer-b::before{
    font-weight:400;
  }
}

/* =========================================================
   Teamdriehoek v15.3 – rapportages, modeloverzicht en PDF
   ========================================================= */
.model-drive th{font-size:.82rem;text-transform:none;line-height:1.25;color:#435769}

/* Vaste A/B-as in alle rapportages: één kleur + markeringen links/midden/rechts. */
.bipolar-line::before{display:none!important}
.bipolar-axis{position:absolute;left:0;right:0;top:27px;border-top:4px solid #6ca8cb;z-index:1}
.bipolar-axis-tick{position:absolute;top:21px;width:1px;height:13px;background:#5e788b;z-index:2}
.bipolar-axis-tick.tick-left{left:0}
.bipolar-axis-tick.tick-mid{left:50%;transform:translateX(-50%)}
.bipolar-axis-tick.tick-right{right:0}
.team-bipolar .bipolar-axis{top:30px}
.team-bipolar .bipolar-axis-tick{top:24px}

.score-scale-explanation{margin:10px 0 16px;padding:9px 11px;background:#f3f7fa;border-left:3px solid #6ca8cb;border-radius:5px;color:#405a71;font-size:.82rem;line-height:1.38}
.score-scale-explanation strong{color:#20394f}

/* Uitgebreide persoonlijke analyse: tekst onder elkaar en kop links. */
.personal-analysis-page .analysis-text-grid{grid-template-columns:1fr!important;gap:10px}
.analysis-header.analysis-header-left{display:block!important;text-align:left!important}
.analysis-header.analysis-header-left h1{margin:0 0 4px}
.analysis-header.analysis-header-left .analysis-subbrand{margin:0 0 6px;color:var(--sky);font-weight:800}
.analysis-header.analysis-header-left>p:last-child{margin:0;color:#536575}

.team-analysis-members{margin:0 0 16px;padding:12px 14px;border:1px solid #dfe7ec;border-radius:8px;background:#fbfcfd}
.team-analysis-members h2{font-size:1rem;margin:0 0 8px}
.team-analysis-members table{font-size:.82rem}
.team-analysis-members th,.team-analysis-members td{padding:7px 8px}

/* Rapportagekoppen: hoofdstuknummer staat in dezelfde kopregel. */
.report-page .section-heading h2{font-size:1.35rem;color:#172d43;margin:0 0 .7em}

@media print{
  @page{size:A4 portrait;margin:15mm 12mm 13mm}
  html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important}

  /* Vaste printkop/voet, compact en zonder uitvergroot logo. */
  .print-report-header{
    display:grid!important;position:fixed!important;top:2.5mm!important;left:0!important;right:0!important;
    height:6mm!important;grid-template-columns:1fr 2fr 1fr!important;align-items:center!important;
    gap:4mm!important;padding:0 0 1mm!important;margin:0!important;border-bottom:.25mm solid #d9e1e7!important;
    background:#fff!important;z-index:9999!important;font-size:7pt!important;color:#526878!important;
  }
  .print-header-left{justify-self:start!important;font-weight:800!important;color:#0b355f!important;font-size:8pt!important}
  .print-header-center{justify-self:center!important;text-align:center!important;font-weight:700!important;color:#20394f!important;font-size:7.5pt!important}
  .print-header-right{justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
  .print-header-right img{display:block!important;width:14mm!important;max-width:14mm!important;max-height:4.2mm!important;height:auto!important;object-fit:contain!important}
  .print-report-footer{
    display:grid!important;position:fixed!important;bottom:2mm!important;left:0!important;right:0!important;
    height:5mm!important;grid-template-columns:1fr 1fr 1fr!important;align-items:center!important;gap:4mm!important;
    padding:1mm 0 0!important;margin:0!important;border-top:.25mm solid #d9e1e7!important;background:#fff!important;
    z-index:9999!important;font-size:6.2pt!important;color:#74808a!important;
  }
  .print-footer-left{justify-self:start!important}.print-footer-center{justify-self:center!important}.print-footer-right{justify-self:end!important}

  /* Betrouwbare A/B-balken in PDF: echte rand i.p.v. kleurverloop/achtergrond. */
  .bipolar-report{break-inside:avoid!important;margin:2.5mm 0 2mm!important}
  .bipolar-labels{font-size:6.9pt!important;font-weight:600!important;line-height:1.2!important}
  .bipolar-line{height:31px!important;margin:0 8px!important}
  .bipolar-axis{top:22px!important;border-top:1.1mm solid #6ca8cb!important;background:none!important}
  .bipolar-axis-tick{top:17px!important;height:11px!important;width:.3mm!important;background:#5e788b!important}
  .bipolar-marker{top:0!important;width:30px!important;height:23px!important}
  .bipolar-marker span{font-size:7.5pt!important;line-height:13px!important}
  .bipolar-meta{font-size:6.4pt!important;min-height:13px!important}
  .team-bipolar .bipolar-line{height:43px!important}
  .team-bipolar .bipolar-axis{top:25px!important}
  .team-bipolar .bipolar-axis-tick{top:20px!important}
  .team-member-dot{top:25px!important;width:18px!important;height:18px!important;font-size:5.3pt!important;border-width:1px!important;background:#fff!important}
  .team-bipolar .team-marker{width:41px!important;height:25px!important}

  .score-scale-explanation{font-size:7.2pt!important;line-height:1.28!important;margin:2mm 0 3mm!important;padding:2mm 2.5mm!important;border-left:.8mm solid #6ca8cb!important;background:#f7f9fb!important}

  /* Rustige printopmaak persoonlijke/teamrapportages. */
  body:not(.analysis-body) .report-page{width:100%!important;max-width:none!important}
  body:not(.analysis-body) .report-hero{grid-template-columns:1fr 42mm!important;gap:7mm!important;align-items:center!important}
  body:not(.analysis-body) .report-hero-visual img{width:38mm!important;max-width:38mm!important;height:auto!important}
  body:not(.analysis-body) .report-section{padding-top:1.5mm!important}
  body:not(.analysis-body) .section-heading h2{font-size:13pt!important;margin:0 0 3mm!important}
  body:not(.analysis-body) .dimension-profile-grid,
  body:not(.analysis-body) .drive-detail-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important}
  body:not(.analysis-body) .dimension-profile-card,
  body:not(.analysis-body) .drive-detail{break-inside:avoid!important;padding:4mm!important;border:1px solid #dfe7ec!important;border-radius:2mm!important}
  body:not(.analysis-body) table{font-size:7.4pt!important}
  body:not(.analysis-body) th,body:not(.analysis-body) td{padding:1.6mm 1.8mm!important}

  /* Uitgebreide analyses: niet geforceerd in kolommen. */
  .personal-analysis-page .analysis-text-grid{grid-template-columns:1fr!important}
  .analysis-header.analysis-header-left{display:block!important}
  .team-analysis-members{break-inside:avoid!important;padding:3mm!important;margin-bottom:3mm!important}
}

/* v15.3 – uitgebreide analyses mogen in PDF natuurlijk doorlopen; niets afkappen. */
@media print{
  .analysis-body .analysis-page{
    width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;margin:0!important;padding:5mm 0 4mm!important;box-shadow:none!important;
    break-after:page!important;page-break-after:always!important;
  }
  .analysis-body .analysis-page:last-child{break-after:auto!important;page-break-after:auto!important}
  .analysis-body .analysis-header{margin-bottom:3mm!important;padding-bottom:2mm!important}
  .analysis-body .analysis-text-grid article,.analysis-body .analysis-drive-list article{break-inside:avoid!important}
  .analysis-body .team-analysis-members{break-inside:avoid!important}
}


/* =========================================================
   Teamdriehoek v15.4 – veilige PDF-kop, echte voorbladen
   ========================================================= */
/* Het woord 'ik' in alle driehoekmarkeringen is bewust niet vet. */
.bipolar-thumb span,
.bipolar-marker span{font-weight:400!important}

/* Voorblad op scherm */
.report-cover{
  min-height:680px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
  padding:38px 46px 34px;
  border-top:6px solid var(--sky);
  overflow:hidden;
  position:relative;
}
.report-cover-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
.report-cover-brand{font-size:1.08rem;font-weight:800;color:var(--blue);letter-spacing:.01em}
.report-cover-logo{width:158px;height:auto;display:block}
.report-cover-main{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}
.report-cover-kicker{margin:0 0 8px;color:var(--sky);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
.report-cover h1{margin:0;color:var(--blue);font-size:clamp(2rem,4vw,3.15rem);line-height:1.06}
.report-cover-subtitle{margin:10px 0 6px;color:#526878;font-size:1rem}
.report-cover-triangle{width:min(390px,58vw);height:auto;margin:26px auto 16px;display:block}
.report-cover-date{margin:0;font-size:.98rem;color:#536575}
.report-cover-bottom{text-align:center;max-width:760px;margin:0 auto;width:100%;color:#536575}
.report-cover-bottom .actions{justify-content:center;margin-top:14px}
.report-cover-team{min-height:740px}
.report-cover-main-team{flex:0 0 auto}
.report-cover-triangle-team{width:min(320px,48vw);margin:18px auto 10px}
.report-cover-team-members{width:min(860px,100%);margin:0 auto}
.report-cover-team-members h2{text-align:center;color:var(--blue);margin:0 0 10px}
.report-cover-team-table{background:#fff;border:1px solid #dfe7ec;border-radius:10px;overflow:hidden}
.report-cover-team-table th{background:#f3f7fa;color:#405a71;text-transform:none;font-size:.8rem}
.report-cover-team-table th:first-child,.report-cover-team-table td:first-child{width:32%;font-weight:700;color:#20394f}
.cover-member-name{display:block;line-height:1.38;margin:1px 0}
.cover-member-name small{font-weight:400;color:#5d7485}
.report-cover-status{text-align:center;color:#6d7d89;font-size:.82rem;margin:9px 0 0}
.report-cover-team-members .actions{justify-content:center;margin-top:12px}

@media(max-width:700px){
  .report-cover{min-height:0;padding:26px 22px}
  .report-cover-logo{width:120px}
  .report-cover-triangle{width:min(300px,76vw)}
  .report-cover-team-table th:first-child,.report-cover-team-table td:first-child{width:38%}
}

@media print{
  /*
     De inhoud begint pas 24 mm onder de fysieke bovenrand.
     De vaste kop wordt volledig ín die gereserveerde bovenmarge gezet.
     Zo kan de kop op geen enkele rapportagepagina nog over de inhoud vallen.
  */
  @page{size:A4 portrait;margin:24mm 12mm 16mm!important}

  .print-report-header{
    display:grid!important;
    position:fixed!important;
    top:-18mm!important;
    left:0!important;
    right:0!important;
    height:10mm!important;
    padding:0 0 1.5mm!important;
    margin:0!important;
    grid-template-columns:1fr 2fr 1fr!important;
    align-items:center!important;
    gap:5mm!important;
    border-bottom:.25mm solid #d9e1e7!important;
    background:#fff!important;
    z-index:9999!important;
    font-size:7.2pt!important;
    line-height:1.05!important;
  }
  .print-header-left{font-size:8.5pt!important;line-height:1!important}
  .print-header-center{font-size:8pt!important;line-height:1.05!important}
  .print-header-center small{font-size:5.8pt!important;line-height:1!important}
  .print-header-right img{
    width:20mm!important;
    max-width:20mm!important;
    max-height:6mm!important;
    height:auto!important;
    object-fit:contain!important;
  }
  .print-report-footer{
    display:grid!important;
    position:fixed!important;
    bottom:-11mm!important;
    left:0!important;
    right:0!important;
    height:6mm!important;
    padding:1.5mm 0 0!important;
    margin:0!important;
    grid-template-columns:1fr 1fr 1fr!important;
    align-items:center!important;
    gap:4mm!important;
    border-top:.25mm solid #d9e1e7!important;
    background:#fff!important;
    z-index:9999!important;
    font-size:6.2pt!important;
    line-height:1!important;
  }

  /* Oude extra veiligheids-padding is niet meer nodig doordat @page nu echte ruimte reserveert. */
  body:not(.analysis-body) .report-section,
  body:not(.analysis-body) .report-hero,
  body:not(.analysis-body) .integrated-analysis-section,
  body:not(.analysis-body) .integrated-analysis-page{
    padding-top:0!important;
  }
  .analysis-body .analysis-page{padding-top:0!important}

  /* Voorbladen krijgen precies één volledige inhoudspagina en daarna een harde pagina-einde. */
  body.report-with-cover .report-cover{
    height:257mm!important;
    min-height:257mm!important;
    max-height:257mm!important;
    padding:8mm 8mm 7mm!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    break-after:page!important;
    page-break-after:always!important;
    overflow:hidden!important;
  }
  body.report-with-cover .report-cover-top{align-items:flex-start!important}
  body.report-with-cover .report-cover-brand{font-size:10pt!important}
  body.report-with-cover .report-cover-logo{width:36mm!important;max-width:36mm!important;height:auto!important}
  body.report-with-cover .report-cover-kicker{font-size:8pt!important;margin-bottom:2mm!important}
  body.report-with-cover .report-cover h1{font-size:25pt!important;line-height:1.05!important;margin:0!important}
  body.report-with-cover .report-cover-subtitle{font-size:9pt!important;margin:2mm 0 0!important}
  body.report-with-cover .report-cover-triangle{width:78mm!important;max-width:78mm!important;margin:7mm auto 4mm!important}
  body.report-with-cover .report-cover-triangle-team{width:62mm!important;max-width:62mm!important;margin:4mm auto 2mm!important}
  body.report-with-cover .report-cover-date{font-size:9pt!important}
  body.report-with-cover .report-cover-bottom{font-size:8.3pt!important;line-height:1.35!important}
  body.report-with-cover .report-cover-team-members{width:100%!important}
  body.report-with-cover .report-cover-team-members h2{font-size:11pt!important;margin:0 0 2mm!important}
  body.report-with-cover .report-cover-team-table{font-size:7.8pt!important;border:1px solid #dfe7ec!important}
  body.report-with-cover .report-cover-team-table th,
  body.report-with-cover .report-cover-team-table td{padding:1.5mm 2mm!important}
  body.report-with-cover .report-cover-team-table th:first-child,
  body.report-with-cover .report-cover-team-table td:first-child{width:31%!important}
  body.report-with-cover .cover-member-name{line-height:1.25!important;margin:.2mm 0!important}
  body.report-with-cover .report-cover-status{font-size:7pt!important;margin:1.5mm 0 0!important}

  /* Na het voorblad start hoofdstuk 1 zonder extra oude top-padding; de paginamarge is voldoende. */
  body.report-with-cover .report-cover + .report-section{
    break-before:auto!important;
    page-break-before:auto!important;
    padding-top:0!important;
  }

  /* Alle assen en drie markeringen blijven ook in PDF zichtbaar. */
  .bipolar-axis{
    border-top:1.1mm solid #6ca8cb!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .bipolar-axis-tick{background:#5e788b!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  .bipolar-thumb span,.bipolar-marker span{font-weight:400!important}
}


/* =========================================================
   Teamdriehoek v15.5 – ruimere PDF-kop, paginanummer, compact teamvoorblad
   ========================================================= */
@media print{
  /* Meer echte ruimte boven de inhoud: de kop kan daardoor nergens overlappen. */
  @page{size:A4 portrait;margin:32mm 12mm 18mm!important;}

  .print-report-header{
    top:-24mm!important;
    height:9mm!important;
    padding:0 0 1.4mm!important;
    grid-template-columns:1fr 2fr 1fr!important;
    align-items:center!important;
  }
  .print-header-left{font-size:8.8pt!important;}
  .print-header-center{font-size:8.2pt!important;}
  .print-header-right img{
    width:27mm!important;
    max-width:27mm!important;
    max-height:8mm!important;
  }

  /* Voettekst komt uit de @page-marge (incl. paginanummer | datum). */
  .print-report-footer{display:none!important;}

  /* Er blijft altijd nog een kleine visuele buffer boven een nieuw rapporthoofdstuk. */
  body:not(.analysis-body) .report-section{padding-top:2.5mm!important;}
  .analysis-body .analysis-page{padding-top:2.5mm!important;}

  /* De beschikbare inhoudshoogte is na de grotere bovenmarge circa 247 mm. */
  body.report-with-cover .report-cover{
    height:244mm!important;
    min-height:244mm!important;
    max-height:244mm!important;
    padding:5mm 7mm 5mm!important;
  }
  body.report-with-cover .report-cover-logo{width:40mm!important;max-width:40mm!important;}
  body.report-with-cover .report-cover-triangle{width:72mm!important;max-width:72mm!important;margin:5mm auto 3mm!important;}
  body.report-with-cover .report-cover-triangle-team{width:54mm!important;max-width:54mm!important;margin:2.5mm auto 1.5mm!important;}
  body.report-with-cover .report-cover-main-team{flex:0 0 auto!important;}
  body.report-with-cover .report-cover-team-members{break-inside:avoid!important;page-break-inside:avoid!important;}
  body.report-with-cover .report-cover-team-members h2{font-size:10pt!important;margin:0 0 1.5mm!important;}
  body.report-with-cover .report-cover-team-table{font-size:7.1pt!important;line-height:1.18!important;break-inside:avoid!important;page-break-inside:avoid!important;}
  body.report-with-cover .report-cover-team-table th,
  body.report-with-cover .report-cover-team-table td{padding:1mm 1.5mm!important;}
  body.report-with-cover .cover-member-name{display:inline!important;line-height:1.18!important;margin:0!important;}
  body.report-with-cover .cover-member-name + .cover-member-name::before{content:"  ·  ";color:#8a98a3;}
  body.report-with-cover .report-cover-status{font-size:6.7pt!important;margin:1mm 0 0!important;}

  /* Eerste inhoudspagina na het voorblad begint eveneens met veilige buffer. */
  body.report-with-cover .report-cover + .report-section{padding-top:2.5mm!important;}
}

/* v15.5 detail: groter dan v15.4, maar met veilige rechterruimte in de PDF-kop. */
@media print{
  .print-header-right{padding-right:1.5mm!important;overflow:visible!important;}
  .print-header-right img{width:22mm!important;max-width:22mm!important;max-height:7.5mm!important;}
}
@media print{
  .print-header-right img{transform:translateX(-12mm)!important;}
}

@media print{.team-member-tooltip{display:none!important}.team-member-dot{outline:none!important}}

/* v15.6.10 - vaste assets en verfijning introductie/model */
.intro-copy p{
  font-family:inherit;
  font-size:1rem;
  font-weight:400;
  line-height:1.48;
  color:var(--ink);
}

.model-read-section h2{
  font-size:1.55rem;
  color:var(--blue);
  margin:0 0 .7em;
}
.model-explanation{
  max-width:none;
  margin-bottom:18px;
}
.model-explanation p{
  margin:.5em 0 .8em;
  font-family:inherit;
  font-size:1rem;
  font-weight:400;
  line-height:1.48;
  color:var(--ink);
}
.model-explanation strong{
  font-weight:400;
  color:inherit;
}

.dimension-model-grid{
  margin-top:16px;
  align-items:stretch;
}
.dimension-model-card{
  padding:18px 20px;
  background:#fbfcfd;
}
.dimension-model-card h3{
  margin:0 0 4px;
  color:var(--blue);
  font-family:inherit;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.35;
}
.dimension-model-card p{
  margin:0 0 7px;
  color:var(--ink);
  font-family:inherit;
  font-size:1rem;
  font-weight:400;
  line-height:1.45;
}
.dimension-model-card .dimension-drive-label{
  margin:0 0 0;
  color:var(--blue);
  font-family:inherit;
  font-size:.9rem;
  font-style:normal;
  font-weight:400;
  line-height:1.3;
}
.dimension-model-card .dimension-drive-list{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0;
  margin:1px 0 0;
  color:var(--ink);
  font-family:inherit;
  font-size:.9rem;
  font-style:normal;
  font-weight:400;
  line-height:1.35;
}
.dimension-model-card .dimension-drive{
  border:0;
  border-radius:0;
  background:transparent;
  padding:0;
  margin:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
  white-space:nowrap;
}
.dimension-model-card .dimension-drive-separator{
  display:inline-block;
  margin:0;
  color:#7a8d9b;
  font-style:normal;
  white-space:nowrap;
}
@media(max-width:700px){
  .dimension-model-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dimension-model-card .dimension-drive-list{font-size:.9rem}
}


/* Teamdriehoek v15.6.11: privacyverklaring en footerlink */
.footer-privacy-link,
.footer-email-link{
  color:var(--muted);
  text-decoration:none;
  font-size:inherit;
  white-space:nowrap;
}
.footer-privacy-link{text-align:left}
.footer-email-link{text-align:center}
.footer-privacy-link:hover,
.footer-email-link:hover{
  text-decoration:underline;
  color:var(--blue);
}
.privacy-card{
  max-width:920px;
  margin:0 auto;
}
.privacy-card h2{
  margin-top:1.7em;
  margin-bottom:.55em;
  color:var(--blue);
}
.privacy-card ul{
  margin:.45em 0 1em;
  padding-left:1.35em;
}
.privacy-card li{margin:.3em 0}
.privacy-card a{color:var(--blue);text-decoration:none}
.privacy-card a:hover{text-decoration:underline}
.privacy-updated{color:var(--muted);font-size:.9rem;margin-top:-.25em}
@media(max-width:760px){
  .footer-privacy-link,.footer-email-link{text-align:center}
}


/* Teamdriehoek v15.6.12 - alleen scherm: persoonlijk rapport en uitgebreide persoonlijke analyse */
@media screen{
  /* Persoonlijk rapport: de gewone websitekop blijft; dubbele voorbladkop verdwijnt alleen op scherm. */
  body.personal-report-screen .report-cover-top{display:none!important}
  body.personal-report-screen .report-cover{
    min-height:520px;
    padding:30px 30px 26px;
  }
  body.personal-report-screen .report-cover h1{
    font-size:clamp(1.65rem,3vw,2.25rem);
  }
  body.personal-report-screen .report-cover-subtitle{margin-top:7px}
  body.personal-report-screen .report-cover-triangle{
    width:min(260px,42vw);
    margin:18px auto 12px;
  }
  body.personal-report-screen .report-cover-bottom{font-size:.94rem}
  body.personal-report-screen .report-page>.report-section{
    margin-top:64px;
  }
  body.personal-report-screen .report-cover + .report-section{
    margin-top:68px;
  }

  /* Uitgebreide persoonlijke analyse: twee rustige webbladen met eigen kop en voet. */
  .personal-analysis-screen{padding-top:24px}
  .personal-analysis-screen .analysis-page{
    min-height:270mm;
    padding:13mm 15mm 11mm;
  }
  .personal-analysis-screen .analysis-web-page-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid #d9e4eb;
    padding-bottom:8px;
    margin-bottom:11px;
    color:var(--blue);
    font-size:.92rem;
    font-weight:700;
  }
  .personal-analysis-screen .analysis-web-page-header img{
    display:block;
    width:122px;
    height:auto;
  }
  .personal-analysis-screen .analysis-subbrand{display:none!important}
  .personal-analysis-screen .analysis-header{
    display:block;
    text-align:left;
    margin-bottom:7px;
    padding-bottom:7px;
  }
  .personal-analysis-screen .analysis-header h1{
    font-size:1.8rem;
    line-height:1.12;
    margin:0 0 5px;
    text-align:left;
  }
  .personal-analysis-screen .analysis-header>p:last-child,
  .personal-analysis-screen .analysis-web-meta{
    margin:0;
    color:#536575;
    font-size:.88rem;
  }
  .personal-analysis-screen .analysis-header-page-two .eyebrow{display:none!important}
  .personal-analysis-screen .analysis-header-page-two h1{
    white-space:nowrap;
  }
  .personal-analysis-screen .analysis-text-grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .personal-analysis-screen .analysis-text-grid article h2{
    margin:0 0 2px;
    font-size:1.02rem;
  }
  .personal-analysis-screen .analysis-text-grid article p{
    margin:0;
    line-height:1.38;
  }
  .personal-analysis-screen .analysis-note{
    margin-top:10px;
    padding:9px 12px;
  }
  .personal-analysis-screen .analysis-triangle-page{margin-top:18px}
  .personal-analysis-screen .analysis-triangle-intro{
    margin:0 0 6px;
    line-height:1.35;
  }
  .personal-analysis-screen .analysis-triangle-layout{
    gap:6mm 5mm;
  }
  .personal-analysis-screen .analysis-web-page-footer{
    margin-top:auto;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:12px;
    border-top:1px solid #d9e4eb;
    padding-top:8px;
    color:#74808a;
    font-size:.72rem;
  }
  .personal-analysis-screen .analysis-web-page-footer a{
    color:#74808a;
    text-decoration:none;
    text-align:center;
  }
  .personal-analysis-screen .analysis-web-page-footer a:hover{text-decoration:underline;color:var(--blue)}
  .personal-analysis-screen .analysis-web-page-footer>span:last-child{text-align:right}
}
@media screen and (max-width:760px){
  body.personal-report-screen .report-cover{min-height:0;padding:24px 20px}
  body.personal-report-screen .report-cover-triangle{width:min(235px,68vw)}
  body.personal-report-screen .report-page>.report-section{margin-top:42px}
  .personal-analysis-screen .analysis-page{min-height:auto;padding:22px 18px}
  .personal-analysis-screen .analysis-web-page-header img{width:105px}
  .personal-analysis-screen .analysis-header-page-two h1{white-space:normal}
  .personal-analysis-screen .analysis-web-page-footer{grid-template-columns:1fr;text-align:center;gap:3px}
  .personal-analysis-screen .analysis-web-page-footer>span:last-child{text-align:center}
}

/* Teamdriehoek v15.6.13 - uitsluitend PDF/afdruk persoonlijk talentprofiel */
@media print{
  /*
     Persoonlijke rapportage: de bestaande ruime bovenmarge blijft leidend.
     De vaste kop wordt daarbinnen geplaatst en herhaalt op iedere pagina.
  */
  body.personal-report-screen .print-report-header{
    display:grid!important;
    position:fixed!important;
    top:-25mm!important;
    left:0!important;
    right:0!important;
    height:10mm!important;
    padding:0 0 1.5mm!important;
    margin:0!important;
    grid-template-columns:1fr 2fr 1fr!important;
    align-items:center!important;
    gap:5mm!important;
    border-bottom:.25mm solid #d9e1e7!important;
    background:#fff!important;
    z-index:99999!important;
  }
  body.personal-report-screen .print-header-left{
    justify-self:start!important;
    font-size:9pt!important;
    line-height:1!important;
  }
  body.personal-report-screen .print-header-center{
    justify-self:center!important;
    text-align:center!important;
    font-size:8.2pt!important;
    line-height:1.05!important;
  }
  body.personal-report-screen .print-header-right{
    justify-self:end!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  body.personal-report-screen .print-header-right img{
    width:24mm!important;
    max-width:24mm!important;
    max-height:8mm!important;
    height:auto!important;
    transform:none!important;
    object-fit:contain!important;
  }

  /* Op het voorblad is de vaste kop de echte kop; voorkom een dubbele Teamdriehoek/TargetResult-regel. */
  body.personal-report-screen .report-cover-top{
    display:none!important;
  }
  body.personal-report-screen .report-cover{
    height:244mm!important;
    min-height:244mm!important;
    max-height:244mm!important;
    padding:0 7mm 5mm!important;
  }
  body.personal-report-screen .report-cover-main{
    justify-content:center!important;
    transform:translateY(-11mm)!important;
  }
  body.personal-report-screen .report-cover-kicker{
    margin-bottom:1.5mm!important;
    font-size:8pt!important;
  }
  body.personal-report-screen .report-cover h1{
    font-size:22pt!important;
    line-height:1.05!important;
  }
  body.personal-report-screen .report-cover-subtitle{
    font-size:8.5pt!important;
    margin:1.5mm 0 0!important;
  }
  body.personal-report-screen .report-cover-triangle{
    width:66mm!important;
    max-width:66mm!important;
    margin:7mm auto 3mm!important;
  }
  body.personal-report-screen .report-cover-date{
    font-size:8.5pt!important;
  }
  body.personal-report-screen .report-cover-bottom{
    font-size:7.8pt!important;
    line-height:1.3!important;
  }

  /* Iets compactere toelichting bij de zes dimensies en twaalf drijfveren. */
  body.personal-report-screen .dimension-profile-card>p{
    font-size:7.4pt!important;
    line-height:1.3!important;
    margin:.5mm 0 2mm!important;
  }
  body.personal-report-screen .drive-detail>p:first-of-type{
    font-size:7.4pt!important;
    line-height:1.3!important;
    margin:.5mm 0 2mm!important;
  }

  /*
     Op smalle print-viewports kan de mobiele regel de vier conditieblokken onder
     elkaar zetten. Voor PDF zetten we de desktop-indeling expliciet terug:
     boven, links, rechts en onder rondom de centrale driehoek.
  */
  body.personal-report-screen .report-triangle-section .analysis-triangle-layout{
    display:grid!important;
    grid-template-columns:48mm 58mm 48mm!important;
    grid-template-areas:
      ". top ."
      "left center right"
      ". bottom ."!important;
    column-gap:4mm!important;
    row-gap:4mm!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:center!important;
    width:100%!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-top{grid-area:top!important}
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-left{grid-area:left!important}
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-right{grid-area:right!important}
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-bottom{grid-area:bottom!important}
  body.personal-report-screen .report-triangle-section .analysis-triangle-center{grid-area:center!important}
  body.personal-report-screen .report-triangle-section .analysis-triangle-center img{
    width:52mm!important;
    max-width:52mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card{
    width:100%!important;
    min-height:0!important;
    padding:2.2mm 2.5mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card h2{
    font-size:8.2pt!important;
    margin:0 0 1mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card p{
    font-size:6.8pt!important;
    line-height:1.22!important;
    margin:0 0 1mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-center span{
    font-size:6.1pt!important;
  }
}

/* v15.6.13 QA-verfijning - robuuste persoonlijke PDF-kop en conditie-indeling */
@media print{
  body.personal-report-screen .print-report-header{
    display:block!important;
    overflow:visible!important;
  }
  body.personal-report-screen .print-header-left,
  body.personal-report-screen .print-header-center,
  body.personal-report-screen .print-header-right{
    position:absolute!important;
    top:1mm!important;
    margin:0!important;
  }
  body.personal-report-screen .print-header-left{
    left:0!important;
  }
  body.personal-report-screen .print-header-center{
    left:50%!important;
    transform:translateX(-50%)!important;
    width:100mm!important;
  }
  body.personal-report-screen .print-header-right{
    right:2mm!important;
    width:24mm!important;
    height:8mm!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:flex-end!important;
  }
  body.personal-report-screen .print-header-right img{
    width:24mm!important;
    max-width:24mm!important;
    height:auto!important;
    transform:none!important;
  }

  /* Hoofdstuk 4: absolute printindeling voorkomt dat mobiele responsive-regels de blokken stapelen. */
  body.personal-report-screen .report-triangle-section{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    display:block!important;
  }
  body.personal-report-screen .report-triangle-section .report-triangle-sheet{
    display:block!important;
    position:relative!important;
    height:182mm!important;
    min-height:182mm!important;
    max-height:182mm!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-layout{
    display:block!important;
    position:relative!important;
    width:168mm!important;
    height:178mm!important;
    margin:0 auto!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card,
  body.personal-report-screen .report-triangle-section .analysis-triangle-center{
    position:absolute!important;
    margin:0!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-top{
    top:0!important;
    left:50%!important;
    width:60mm!important;
    transform:translateX(-50%)!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-left{
    top:62mm!important;
    left:0!important;
    width:50mm!important;
    transform:none!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-center{
    top:58mm!important;
    left:50%!important;
    width:58mm!important;
    transform:translateX(-50%)!important;
    text-align:center!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-right{
    top:62mm!important;
    right:0!important;
    width:50mm!important;
    transform:none!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-bottom{
    bottom:0!important;
    left:50%!important;
    width:60mm!important;
    transform:translateX(-50%)!important;
  }
}

/* v15.6.13 laatste afstemming - conditieblokken dichter rondom de driehoek */
@media print{
  body.personal-report-screen .report-triangle-section .report-triangle-sheet{
    height:145mm!important;
    min-height:145mm!important;
    max-height:145mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-layout{
    width:164mm!important;
    height:140mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-top{
    top:0!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-left,
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-right{
    top:46mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-center{
    top:38mm!important;
  }
  body.personal-report-screen .report-triangle-section .analysis-triangle-card.pos-bottom{
    bottom:0!important;
  }
}

/* Teamdriehoek v15.6.14 - A/B-eindlabels onder alle rapportage-assen */
.bipolar-axis-tick.tick-left::after,
.bipolar-axis-tick.tick-right::after{
  position:absolute;
  top:calc(100% + 2px);
  left:50%;
  transform:translateX(-50%);
  font-size:.58rem;
  line-height:1;
  font-weight:600;
  color:#5e788b;
  white-space:nowrap;
}
.bipolar-axis-tick.tick-left::after{content:"A"}
.bipolar-axis-tick.tick-right::after{content:"B"}
/* De A/B-letters gebruiken een smalle zone boven de metadata, zodat niets overlapt. */
.bipolar-meta{padding-top:8px}

@media print{
  .bipolar-axis-tick.tick-left::after,
  .bipolar-axis-tick.tick-right::after{
    top:calc(100% + .6mm)!important;
    font-size:5.3pt!important;
    line-height:1!important;
    font-weight:600!important;
    color:#5e788b!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .bipolar-meta{
    padding-top:2.2mm!important;
    min-height:18px!important;
  }
}

/* =========================================================
   Teamdriehoek v15.6.15 – robuuste persoonlijke PDF-kop
   ========================================================= */
@media print{
  /*
     De persoonlijke PDF gebruikt vanaf deze versie echte @page-margevakken
     voor de kop. De oude zwevende kop blijft daarom uitgeschakeld.
  */
  body.personal-report-screen .print-report-header{
    display:none!important;
  }

  /* Voorblad: geen tweede merkregel; de paginakop is de echte koptekst. */
  body.personal-report-screen .report-cover-top{
    display:none!important;
  }
  body.personal-report-screen .report-cover{
    height:250mm!important;
    min-height:250mm!important;
    max-height:250mm!important;
    padding:0 7mm 4mm!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    break-after:page!important;
    page-break-after:always!important;
    overflow:hidden!important;
  }

  /* Het centrale voorbladblok staat bewust wat hoger op de pagina. */
  body.personal-report-screen .report-cover-main{
    justify-content:center!important;
    transform:translateY(-18mm)!important;
  }
  body.personal-report-screen .report-cover-kicker{
    margin:0 0 1.2mm!important;
    font-size:8pt!important;
  }
  body.personal-report-screen .report-cover h1{
    font-size:21pt!important;
    line-height:1.05!important;
    margin:0!important;
  }
  body.personal-report-screen .report-cover-subtitle{
    font-size:8.5pt!important;
    margin:1.2mm 0 0!important;
  }
  body.personal-report-screen .report-cover-triangle{
    width:64mm!important;
    max-width:64mm!important;
    margin:5.5mm auto 2.5mm!important;
  }
  body.personal-report-screen .report-cover-date{
    font-size:8.3pt!important;
    margin:0!important;
  }
  body.personal-report-screen .report-cover-bottom{
    font-size:7.6pt!important;
    line-height:1.25!important;
  }

  /* Vervolgpagina's hoeven geen kunstmatige extra bovenruimte: @page reserveert die. */
  body.personal-report-screen .report-section,
  body.personal-report-screen .report-cover + .report-section{
    padding-top:0!important;
  }
}

/* =========================================================
   Teamdriehoek v15.6.16 – A/B-labels onder de vragenbalk
   ========================================================= */
.survey-page .bipolar-track-shell{
  height:62px;
}
.survey-page .survey-axis-label{
  position:absolute;
  top:43px;
  font-size:.62rem;
  line-height:1;
  font-weight:600;
  color:#5e788b;
  pointer-events:none;
  user-select:none;
  z-index:2;
}
.survey-page .survey-axis-label.label-a{
  left:0;
  transform:translateX(-50%);
}
.survey-page .survey-axis-label.label-b{
  right:0;
  transform:translateX(50%);
}

/* =========================================================
   Teamdriehoek v15.6.17 – consistente schuifcursor vragenlijst
   ========================================================= */
/* Het transparante range-element blijft overal boven de zichtbare driehoek.
   De driehoek en het woord 'ik' vangen zelf geen muis-events af, zodat de
   horizontale schuifcursor ook boven 'ik' zichtbaar blijft. */
.survey-page .bipolar-track-shell{cursor:ew-resize}
.survey-page .bipolar-range{cursor:ew-resize!important}
.survey-page .bipolar-thumb,
.survey-page .bipolar-thumb span{pointer-events:none!important;cursor:ew-resize!important}



/* =========================================================
   Teamdriehoek v15.6.19 – persoonlijke PDF voorblad/paginakop
   ========================================================= */
@media print{
  /* De introductieregel hoort bij het voorblad en mag nooit als losse pagina doorlopen. */
  body.personal-report-screen .report-cover-bottom{display:none!important}
  body.personal-report-screen .report-cover-print-intro{
    display:block!important;
    max-width:128mm!important;
    margin:5mm auto 0!important;
    color:#536575!important;
    font-size:8pt!important;
    line-height:1.35!important;
    text-align:center!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  /* Het complete voorblad blijft één printpagina. */
  body.personal-report-screen .report-cover{
    height:244mm!important;
    min-height:244mm!important;
    max-height:244mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    break-after:page!important;
    page-break-after:always!important;
  }

  /* Centrale voorbladinhoud blijft hoog op het blad, met de intro er direct onder. */
  body.personal-report-screen .report-cover-main{
    transform:translateY(-16mm)!important;
  }

  /* Alleen in PDF de gevraagde hoofdstuktitel. */
  .print-heading-inline{display:inline!important}
}


/* =========================================================
   Teamdriehoek v15.6.22 – teamrapportage scherm + robuuste PDF
   ========================================================= */

/* Meer ademruimte tussen de hoofdstukken in de teamrapportage op het scherm. */
.team-report-screen .report-section.report-page-start{
  margin-top:64px;
}
.team-report-screen .report-cover + .report-section.report-page-start{
  margin-top:56px;
}
.team-report-screen .report-section .section-heading{
  margin-bottom:16px;
}

/* Teamdriehoek met één compacte teamsamenvatting per conditie. */
.team-condition-triangle{
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(260px,330px) minmax(250px,1fr);
  grid-template-areas:
    ". top ."
    "left center right"
    ". bottom .";
  gap:22px 26px;
  align-items:center;
  margin-top:26px;
}
.team-condition-triangle .pos-top{grid-area:top}
.team-condition-triangle .pos-left{grid-area:left}
.team-condition-triangle .pos-right{grid-area:right}
.team-condition-triangle .pos-bottom{grid-area:bottom}
.team-condition-summary{
  padding:18px 20px;
  border-top:4px solid var(--sky);
  box-shadow:none;
}
.team-condition-summary h3{margin:0 0 7px;color:var(--blue)}
.team-condition-summary p{margin:0;color:#405a71;font-size:.92rem;line-height:1.42}
.team-condition-center{grid-area:center;text-align:center;align-self:center}
.team-condition-center img{display:block;width:min(100%,305px);height:auto;margin:0 auto}
.team-condition-center span{display:block;margin-top:7px;color:var(--muted);font-size:.75rem}

@media(max-width:900px){
  .team-condition-triangle{
    grid-template-columns:1fr;
    grid-template-areas:"center" "top" "left" "right" "bottom";
    gap:14px;
  }
  .team-condition-center img{width:min(280px,78vw)}
}

@media print{
  /* De kop van de teamrapportage komt uit de @page-marge via team_report_page_header().
     De oude vaste DOM-kop wordt daarom volledig uitgeschakeld. */
  body.team-report-screen .print-report-header{display:none!important}

  /* Geen dubbele merkregel op het teamvoorblad: de vaste paginakop staat erboven. */
  body.team-report-screen .report-cover-top{display:none!important}

  /* Rustige inhoudsafstand onder de vaste paginakop. */
  body.team-report-screen .report-section{padding-top:1.5mm!important}
  body.team-report-screen .report-cover + .report-section{padding-top:1.5mm!important}
  body.team-report-screen .report-section.report-page-start{margin-top:0!important}
  body.team-report-screen .report-section .section-heading{margin-bottom:3mm!important}

  /* Teamdriehoek blijft in PDF expliciet in vier richtingen rondom het midden staan. */
  body.team-report-screen .team-condition-section{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  body.team-report-screen .team-condition-triangle{
    display:grid!important;
    grid-template-columns:52mm 58mm 52mm!important;
    grid-template-areas:
      ". top ."
      "left center right"
      ". bottom ."!important;
    gap:5mm 5mm!important;
    align-items:center!important;
    margin-top:3mm!important;
  }
  body.team-report-screen .team-condition-triangle .pos-top{grid-area:top!important}
  body.team-report-screen .team-condition-triangle .pos-left{grid-area:left!important}
  body.team-report-screen .team-condition-triangle .pos-right{grid-area:right!important}
  body.team-report-screen .team-condition-triangle .pos-bottom{grid-area:bottom!important}
  body.team-report-screen .team-condition-summary{
    padding:3mm!important;
    border:1px solid #d9e4eb!important;
    border-top:1mm solid #6ca8cb!important;
    border-radius:2mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  body.team-report-screen .team-condition-summary h3{font-size:9pt!important;margin:0 0 1.3mm!important}
  body.team-report-screen .team-condition-summary p{font-size:7.3pt!important;line-height:1.28!important;margin:0!important}
  body.team-report-screen .team-condition-center{grid-area:center!important;text-align:center!important}
  body.team-report-screen .team-condition-center img{width:54mm!important;max-width:54mm!important;height:auto!important;margin:0 auto!important}
  body.team-report-screen .team-condition-center span{font-size:6.3pt!important;margin-top:1mm!important}
}


/* =========================================================
   Teamdriehoek v15.6.24 – begrijpelijker teamanalyse + groter teamvoorblad
   ========================================================= */
@media print{
  /* De Teamdriehoek op het voorblad is 150% van de eerdere 54 mm.
     De teamsamenstelling krijgt een eigen onderste rij en wordt niet afgekapt. */
  body.team-report-screen .report-cover-team{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    align-content:stretch!important;
    gap:2mm!important;
    overflow:hidden!important;
  }
  body.team-report-screen .report-cover-main-team{
    min-height:0!important;
    justify-content:flex-start!important;
    padding-top:2mm!important;
  }
  body.team-report-screen .report-cover-kicker{
    margin-bottom:1mm!important;
  }
  body.team-report-screen .report-cover h1{
    font-size:22pt!important;
  }
  body.team-report-screen .report-cover-triangle-team{
    width:81mm!important;
    max-width:81mm!important;
    margin:2.5mm auto 1mm!important;
  }
  body.team-report-screen .report-cover-date{
    margin:0!important;
  }
  body.team-report-screen .report-cover-team-members{
    align-self:end!important;
    margin-top:0!important;
    overflow:visible!important;
  }
  body.team-report-screen .report-cover-team-members h2{
    margin:0 0 1mm!important;
  }
  body.team-report-screen .report-cover-team-table{
    font-size:6.9pt!important;
    line-height:1.14!important;
  }
  body.team-report-screen .report-cover-team-table th,
  body.team-report-screen .report-cover-team-table td{
    padding:.8mm 1.3mm!important;
  }
  body.team-report-screen .report-cover-status{
    margin:.7mm 0 0!important;
  }
}

/* =========================================================
   Teamdriehoek v15.6.25 – teamvoorblad PDF centrering + volle teambreedte
   ========================================================= */
@media print{
  /* Het centrale voorbladblok gebruikt altijd de volle beschikbare breedte.
     Titel, teamnaam, driehoek en datum blijven exact horizontaal gecentreerd. */
  body.team-report-screen .report-cover-team{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
  body.team-report-screen .report-cover-main-team{
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-items:center!important;
    text-align:center!important;
  }
  body.team-report-screen .report-cover-kicker,
  body.team-report-screen .report-cover-main-team h1,
  body.team-report-screen .report-cover-date{
    width:100%!important;
    max-width:none!important;
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.team-report-screen .report-cover-triangle-team{
    display:block!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Samenstelling benut de volledige inhoudsbreedte van het A4.
     Kop en tabelinhoud blijven links uitgelijnd. */
  body.team-report-screen .report-cover-team-members{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    justify-self:stretch!important;
  }
  body.team-report-screen .report-cover-team-members h2{
    width:100%!important;
    text-align:left!important;
  }
  body.team-report-screen .report-cover-team-table{
    width:100%!important;
    max-width:none!important;
    min-width:100%!important;
    table-layout:auto!important;
  }
}

/* v15.6.26 · behoefteprofiel, empathische oriëntatie en persoonlijke teamduiding */
.collaboration-needs-section .section-intro{max-width:1040px}
.need-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.need-profile-card{padding:20px}
.need-profile-card>h3,.positioning-card h3{margin-top:0}
.need-profile-card>p{margin-bottom:14px}
.need-chip-list{display:grid;gap:8px}
.need-chip{display:grid;gap:2px;padding:9px 10px;border:1px solid #d8e2e9;border-radius:9px;background:#f8fafc}
.need-chip strong{font-size:.88rem;line-height:1.25;color:#183b56}
.need-chip span{font-size:.78rem;line-height:1.3;color:#50697c}
.need-chip small{font-size:.7rem;color:var(--muted)}
.positioning-card{margin-top:16px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:start}
.positioning-chips{grid-template-columns:1fr 1fr}
.my-team-list{display:grid;gap:12px;margin-top:18px}
.my-team-list>article{display:flex;gap:22px;align-items:center;justify-content:space-between;padding:16px 18px}
.my-team-list h2{margin:0 0 4px;font-size:1.05rem}
.my-team-list p{margin:0;color:var(--muted)}
.narrow-wide{max-width:920px;margin-left:auto;margin-right:auto}
.personal-team-contribution .section-intro{max-width:980px}
.privacy-personal-note{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:0 0 14px;padding:11px 13px;border:1px solid #c9d9e3;border-radius:10px;background:#f7fafc}
.privacy-personal-note strong{white-space:nowrap;color:#123d5d}
.privacy-personal-note span{color:#4e6678;line-height:1.4}
.personal-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.personal-team-grid article{padding:18px}
.personal-team-grid h3,.personal-advice-card h3{margin-top:0}
.personal-team-grid p:last-child{margin-bottom:0}
.personal-advice-card{margin-top:15px;padding:18px}
.personal-advice-card ol{margin:8px 0 0;padding-left:22px}
.personal-advice-card li{margin:0 0 8px;line-height:1.45}
.personal-team-disclaimer{margin:12px 2px 0;color:var(--muted);font-size:.78rem;line-height:1.4}

@media (max-width:900px){
  .need-profile-grid{grid-template-columns:1fr}
  .positioning-card{grid-template-columns:1fr}
  .positioning-chips,.personal-team-grid{grid-template-columns:1fr}
  .my-team-list>article{align-items:flex-start;flex-direction:column}
  .privacy-personal-note{grid-template-columns:1fr}
}

@media print{
  .collaboration-needs-section{break-inside:auto!important}
  .need-profile-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important}
  .need-profile-card{padding:4mm!important;break-inside:avoid!important}
  .need-profile-relation{grid-column:1 / -1}
  .need-chip-list{gap:1.6mm!important}
  .need-chip{padding:2mm 2.4mm!important;border-radius:1.5mm!important}
  .need-chip strong{font-size:7.7pt!important}
  .need-chip span{font-size:7pt!important}
  .positioning-card{grid-template-columns:1fr 1fr!important;gap:5mm!important;padding:4mm!important;break-inside:avoid!important}
  .positioning-chips{grid-template-columns:1fr!important}
  .personal-team-contribution{break-inside:auto!important}
  .privacy-personal-note{padding:3mm!important;margin-bottom:3mm!important;font-size:7.5pt!important}
  .personal-team-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important}
  .personal-team-grid article,.personal-advice-card{padding:4mm!important;break-inside:avoid!important}
  .personal-team-grid p,.personal-advice-card li{font-size:8pt!important;line-height:1.35!important}
  .personal-advice-card{margin-top:4mm!important}
  .personal-advice-card ol{margin-top:2mm!important}
  .personal-advice-card li{margin-bottom:1.6mm!important}
  .personal-team-disclaimer{font-size:6.7pt!important;margin-top:2.5mm!important}
}


/* v15.6.27 · vertrouwelijke teamcoachrapportage */
.coach-confidential-note{padding:16px 18px;border:1px solid #c8d5de;border-left:5px solid #36566d;border-radius:10px;background:#f6f8fa;max-width:1050px}
.coach-confidential-note strong{display:block;margin-bottom:5px;color:#173c56}
.coach-confidential-note p{margin:0;color:#4d6475;line-height:1.5}
.coach-person-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.coach-person-index article{padding:16px 18px}
.coach-person-index h3{margin:0 0 3px}
.coach-person-index p{margin:7px 0 0;line-height:1.4}
.coach-person-meta{font-size:.78rem;color:var(--muted);margin-top:0!important}
.coach-private-note{border-color:#d0d8df;background:#f7f8f9}
.coach-person-section .section-intro{max-width:980px}
.coach-report-screen .report-cover-kicker{letter-spacing:.06em}
@media (max-width:900px){.coach-person-index{grid-template-columns:1fr}}
@media print{
  body.coach-report-screen .coach-intro-section{break-inside:avoid!important}
  body.coach-report-screen .coach-confidential-note{padding:4mm!important;border-left-width:1.2mm!important;font-size:8pt!important}
  body.coach-report-screen .coach-person-index{grid-template-columns:1fr 1fr!important;gap:4mm!important}
  body.coach-report-screen .coach-person-index article{padding:3.5mm!important;break-inside:avoid!important}
  body.coach-report-screen .coach-person-index h3{font-size:9pt!important}
  body.coach-report-screen .coach-person-index p{font-size:7.3pt!important;line-height:1.3!important}
  body.coach-report-screen .coach-person-section{break-before:page!important;break-inside:auto!important}
  body.coach-report-screen .coach-person-section .section-heading{margin-bottom:3mm!important}
}


/* =========================================================
   Teamdriehoek v15.6.29 – teamvoorblad en behoefte-uitleg
   ========================================================= */
/* Op scherm: iets meer verticale ruimte tussen rapportsoort, teamnaam en driehoek. */
body.team-report-screen .report-cover-main-team .report-cover-kicker{
  font-size:.92rem;
  margin-bottom:13px;
}
body.team-report-screen .report-cover-main-team h1{
  margin-bottom:7px;
}

@media print{
  /* De rapportsoort en teamnaam krijgen meer onderlinge ademruimte. */
  body.team-report-screen .report-cover-main-team{
    padding-top:1mm!important;
  }
  body.team-report-screen .report-cover-kicker{
    font-size:9.4pt!important;
    line-height:1.08!important;
    margin:0 0 2.5mm!important;
  }
  body.team-report-screen .report-cover h1{
    font-size:23.5pt!important;
    line-height:1.04!important;
    margin:0 0 1.5mm!important;
  }
  body.team-report-screen .report-cover-triangle-team{
    margin:2mm auto .8mm!important;
  }

  /* Samenstelling onderaan pagina 1: groter en leesbaarder, maar als geheel ondeelbaar. */
  body.team-report-screen .report-cover-team-members{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    align-self:end!important;
  }
  body.team-report-screen .report-cover-team-members h2{
    font-size:11.5pt!important;
    line-height:1.15!important;
    margin:0 0 1.2mm!important;
  }
  body.team-report-screen .report-cover-team-table{
    font-size:8pt!important;
    line-height:1.2!important;
  }
  body.team-report-screen .report-cover-team-table th{
    font-size:8pt!important;
  }
  body.team-report-screen .report-cover-team-table th,
  body.team-report-screen .report-cover-team-table td{
    padding:.8mm 1.3mm!important;
  }
  body.team-report-screen .cover-member-name{
    line-height:1.22!important;
    margin:.15mm 0!important;
  }
  body.team-report-screen .cover-member-name small{
    font-size:7.2pt!important;
  }
  body.team-report-screen .report-cover-status{
    font-size:7.6pt!important;
    line-height:1.15!important;
    margin:.9mm 0 0!important;
  }

  /* Bij grotere teams blijft de samenstelling op pagina 1, nog steeds groter dan in v15.6.28. */
  body.team-report-screen .report-cover-team-members.team-members-dense .report-cover-team-table{
    font-size:7.5pt!important;
    line-height:1.14!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-dense .report-cover-team-table th{
    font-size:7.5pt!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-dense .report-cover-team-table th,
  body.team-report-screen .report-cover-team-members.team-members-dense .report-cover-team-table td{
    padding:.6mm 1.15mm!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-dense .cover-member-name{
    line-height:1.12!important;
    margin:0!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-very-dense .report-cover-team-table{
    font-size:7.1pt!important;
    line-height:1.08!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-very-dense .report-cover-team-table th{
    font-size:7.1pt!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-very-dense .report-cover-team-table th,
  body.team-report-screen .report-cover-team-members.team-members-very-dense .report-cover-team-table td{
    padding:.45mm 1mm!important;
  }
  body.team-report-screen .report-cover-team-members.team-members-very-dense .cover-member-name{
    line-height:1.06!important;
  }
}


/* =========================================================
   Teamdriehoek v15.6.30 – modeluitleg empathie + printmodel
   ========================================================= */
.model-method-section{margin-bottom:22px}
.model-method-section>p{max-width:1050px}
.model-empathy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}
.model-empathy-block{padding:16px 18px;border:1px solid #dfe7ec;border-radius:10px;background:#fbfcfd}
.model-empathy-block h3{margin:0 0 9px;color:#173a59;font-size:1.02rem}
.model-empathy-block p{margin:0 0 10px;line-height:1.55}
.model-empathy-block ul{margin:4px 0 12px;padding-left:20px}
.model-empathy-block li{margin:0 0 7px;line-height:1.45}
.model-relation-note{margin-top:16px;padding:13px 15px;border-left:4px solid #6ca8cb;background:#f3f7fa;border-radius:6px;line-height:1.5;color:#344f65}
.model-overview .model-drive{break-inside:avoid}

@media(max-width:800px){
  .model-empathy-grid{grid-template-columns:1fr}
}

@media print{
  @page modelOverview{size:A4 landscape;margin:11mm 10mm 11mm!important}
  .model-page{page:modelOverview}
  .model-page .site-header,.model-page .site-footer,.model-page .no-print{display:none!important}
  .model-page{font-size:8.6pt!important;line-height:1.28!important;background:#fff!important;color:#172d43!important}
  .model-page .shell{width:100%!important;max-width:none!important;margin:0!important}
  .model-page .main-content{padding:0!important}
  .model-page .admin-title{margin:0 0 5mm!important}
  .model-page .admin-title h1{font-size:18pt!important;margin:0 0 1.5mm!important}
  .model-page .admin-title .eyebrow{font-size:7.8pt!important;margin:0 0 1mm!important}
  .model-page .admin-title .muted{font-size:8pt!important;margin:0!important}
  .model-page .card{padding:4.5mm!important;margin:0 0 5mm!important;border:0.3mm solid #dfe7ec!important;border-radius:2mm!important;box-shadow:none!important}
  .model-page .section{break-before:auto!important}
  .model-page .section>h2{font-size:13pt!important;margin:0 0 1.5mm!important}
  .model-page .section>p{font-size:8pt!important;margin:0 0 3mm!important}
  .model-page .model-method-section{break-inside:avoid!important}
  .model-page .model-method-section>h2{font-size:13.5pt!important}
  .model-page .model-empathy-grid{grid-template-columns:1fr 1fr!important;gap:4mm!important;margin-top:3mm!important}
  .model-page .model-empathy-block{padding:3.5mm!important;border-radius:1.5mm!important;break-inside:avoid!important}
  .model-page .model-empathy-block h3{font-size:10pt!important;margin-bottom:1.5mm!important}
  .model-page .model-empathy-block p,.model-page .model-empathy-block li{font-size:7.8pt!important;line-height:1.3!important}
  .model-page .model-empathy-block ul{margin:1mm 0 2mm!important;padding-left:4.5mm!important}
  .model-page .model-empathy-block li{margin-bottom:1mm!important}
  .model-page .model-relation-note{font-size:7.8pt!important;padding:2.5mm 3mm!important;margin-top:3mm!important;break-inside:avoid!important}
  .model-page .model-drive{margin-top:3mm!important;break-inside:avoid!important}
  .model-page .model-drive h3{font-size:10.5pt!important;margin:0 0 1mm!important}
  .model-page .model-drive>p{font-size:7.8pt!important;margin:0 0 2mm!important}
  .model-page .table-scroll{overflow:visible!important}
  .model-page table{width:100%!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:7.3pt!important}
  .model-page th,.model-page td{padding:1.5mm 1.7mm!important;vertical-align:top!important;line-height:1.22!important;overflow-wrap:anywhere!important}
  .model-page th{font-size:7.2pt!important}
  .model-page th:nth-child(1),.model-page td:nth-child(1){width:5%!important}
  .model-page th:nth-child(2),.model-page td:nth-child(2){width:16%!important}
  .model-page th:nth-child(3),.model-page td:nth-child(3),.model-page th:nth-child(4),.model-page td:nth-child(4){width:39.5%!important}
  .model-page thead{display:table-header-group!important}
  .model-page tr{break-inside:avoid!important}
}

/* =========================================================
   Teamdriehoek v15.6.32 – elke dimensie eigen printpagina
   ========================================================= */
@media print{
  /* De eerste dimensie blijft bij de modeltitel op pagina 1.
     Iedere volgende dimensie begint op een nieuwe pagina.
     De afsluitende empathietoelichting start daardoor eveneens op een nieuwe pagina. */
  .model-page .model-overview > .section{
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .model-page .model-overview > .section + .section{
    break-before:page!important;
    page-break-before:always!important;
  }
}


/* =========================================================
   Teamdriehoek v15.6.33 – koppeling model aan Resultaatgericht samenwerken
   ========================================================= */
.model-condition-map-section{margin-bottom:22px}
.model-condition-map-section>p{max-width:1080px}
.model-condition-table td:first-child{vertical-align:top;color:#173a59}
.model-condition-table td:nth-child(2){font-weight:700;color:#355166}
.model-condition-note{margin-top:16px;padding:13px 15px;border-left:4px solid #6ca8cb;background:#f3f7fa;border-radius:6px;line-height:1.5;color:#344f65}

@media print{
  /* Het overzicht met de vier condities start altijd op een eigen pagina. */
  .model-page .model-condition-map-section{
    break-before:page!important;
    page-break-before:always!important;
    break-inside:auto!important;
    page-break-inside:auto!important;
  }
  .model-page .model-condition-map-section>h2{font-size:13.5pt!important}
  .model-page .model-condition-map-section>p{font-size:8pt!important;line-height:1.3!important;margin-bottom:3mm!important}
  .model-page .model-condition-table{font-size:7.5pt!important;table-layout:fixed!important}
  .model-page .model-condition-table th,.model-page .model-condition-table td{padding:1.7mm 2mm!important;line-height:1.25!important}
  .model-page .model-condition-table th:nth-child(1),.model-page .model-condition-table td:nth-child(1){width:20%!important}
  .model-page .model-condition-table th:nth-child(2),.model-page .model-condition-table td:nth-child(2){width:13%!important}
  .model-page .model-condition-table th:nth-child(3),.model-page .model-condition-table td:nth-child(3){width:24%!important}
  .model-page .model-condition-table th:nth-child(4),.model-page .model-condition-table td:nth-child(4){width:43%!important}
  .model-page .model-condition-table tr{break-inside:avoid!important;page-break-inside:avoid!important}
  .model-page .model-condition-note{font-size:7.8pt!important;padding:2.5mm 3mm!important;margin-top:3mm!important;break-inside:avoid!important}
}

/* =========================================================
   Teamdriehoek v16.5 – 4 condities + brugvragen
   ========================================================= */
.bridge-question-card{border-left:4px solid #9bbfd5}
.bridge-question-label{text-align:center;margin-bottom:8px}
.bridge-detail-card{border-top:3px solid #d8e7f0}
.bridge-report-section .section-intro{max-width:980px}
body.personal-report-screen .need-profile-grid,
body.team-report-screen .need-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.model-bridge-section .model-relation-note{margin-top:16px}

@media(max-width:760px){
  body.personal-report-screen .need-profile-grid,
  body.team-report-screen .need-profile-grid{grid-template-columns:1fr}
}

@media print{
  .bridge-question-card{border-left:0!important}
  .bridge-detail-card{border-top:0!important}
  .model-page .model-bridge-section{break-before:page!important;page-break-before:always!important}
  .model-page .model-method-section{break-before:page!important;page-break-before:always!important}
}

/* =========================================================
   Teamdriehoek v16.5 – samenwerkingsprofiel
   ========================================================= */
.profile-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.profile-principles span{display:inline-flex;padding:7px 11px;border:1px solid #dbe5eb;border-radius:999px;background:#f7fafc;font-size:.86rem;font-weight:700;color:#355166}
.condition-question{max-width:980px;font-size:1.02rem;line-height:1.55;color:#355166;margin:0 0 18px}
.condition-drive-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 18px}
.condition-drive-bar{padding:16px 17px}
.condition-drive-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.condition-drive-head strong{font-size:1rem;color:#173a59}
.condition-drive-head span{font-size:.78rem;color:#6b7e8e;text-align:right;line-height:1.3}
.personal-five-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.personal-five-card{padding:17px 18px;min-height:135px}
.personal-five-card h3{margin:0 0 8px;font-size:1rem;color:#173a59}
.personal-five-card p{margin:0;line-height:1.55}
.personal-five-card.team{grid-column:1/-1;min-height:auto;border-left:4px solid #6ca8cb}
.personal-five-card.friction{border-left:4px solid #d5b36a}
.personal-five-card.energy{border-left:4px solid #85b6a5}
.personal-five-card.need{border-left:4px solid #91aec8}
.personal-five-card.add{border-left:4px solid #7fa6c4}
.empathy-integrated-note{margin-top:16px;padding:15px 17px;border-radius:8px;background:#f3f7fa;border-left:4px solid #6ca8cb;color:#344f65}
.empathy-integrated-note strong{display:block;color:#173a59;margin-bottom:5px}
.empathy-integrated-note p{margin:0 0 6px;line-height:1.5}
.empathy-integrated-note small{display:block;line-height:1.4;color:#647989}
.team-six-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.team-six-grid .card{padding:17px 18px}
.team-six-grid h3{margin:0 0 8px;font-size:1rem;color:#173a59}
.team-six-grid p{margin:0;line-height:1.52}
.team-six-grid .team-action-card{grid-column:1/-1;border-left:4px solid #6ca8cb;background:#f8fbfd}
.workform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.workform-card{padding:18px 19px;break-inside:avoid}
.workform-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:9px}
.workform-head h3{margin:0;color:#173a59;font-size:1.05rem}
.workform-head span{white-space:nowrap;font-size:.78rem;font-weight:800;color:#557087;background:#eef4f7;border-radius:999px;padding:5px 8px}
.workform-card p{line-height:1.5}
.workform-card ol{margin:10px 0 12px;padding-left:21px}
.workform-card li{margin-bottom:7px;line-height:1.45}
.workform-result{margin-bottom:0!important;padding-top:9px;border-top:1px solid #e3eaee}
.model-axis-summary{display:flex;gap:10px 24px;flex-wrap:wrap;margin:7px 0 10px;padding:9px 11px;background:#f6f9fb;border-radius:6px;color:#455e72;font-size:.82rem}
.model-axis-summary span{flex:1 1 260px}
.model-condition-section>p+ p{color:#5e7486}

@media(max-width:900px){
  .condition-drive-bars{grid-template-columns:1fr}
  .personal-five-grid,.team-six-grid,.workform-grid{grid-template-columns:1fr}
  .personal-five-card.team,.team-six-grid .team-action-card{grid-column:auto}
}

@media print{
  .profile-principles{gap:1.5mm!important;margin-top:2mm!important}
  .profile-principles span{font-size:7pt!important;padding:1mm 2mm!important}
  .condition-question{font-size:8.2pt!important;line-height:1.35!important;margin-bottom:3mm!important}
  .condition-drive-bars{grid-template-columns:repeat(3,1fr)!important;gap:2.5mm!important;margin:2.5mm 0 3mm!important}
  .condition-drive-bar{padding:2.6mm!important;break-inside:avoid!important}
  .condition-drive-head{margin-bottom:1.5mm!important}
  .condition-drive-head strong{font-size:8.6pt!important}
  .condition-drive-head span{font-size:6.8pt!important}
  .personal-five-grid,.team-six-grid{grid-template-columns:1fr 1fr!important;gap:2.5mm!important}
  .personal-five-card,.team-six-grid .card{padding:3mm!important;min-height:0!important;break-inside:avoid!important}
  .personal-five-card h3,.team-six-grid h3{font-size:8.8pt!important;margin-bottom:1.3mm!important}
  .personal-five-card p,.team-six-grid p{font-size:7.7pt!important;line-height:1.35!important}
  .personal-five-card.team,.team-six-grid .team-action-card{grid-column:1/-1!important}
  .empathy-integrated-note{padding:2.6mm 3mm!important;margin-top:2.5mm!important;font-size:7.6pt!important;break-inside:avoid!important}
  .workform-grid{grid-template-columns:1fr 1fr!important;gap:3mm!important}
  .workform-card{padding:3.2mm!important;break-inside:avoid!important}
  .workform-head h3{font-size:9pt!important}
  .workform-head span{font-size:6.6pt!important;padding:.8mm 1.5mm!important}
  .workform-card p,.workform-card li{font-size:7.4pt!important;line-height:1.32!important}
  .workform-card ol{margin:1.7mm 0 2mm!important;padding-left:4.5mm!important}
  .workform-card li{margin-bottom:1mm!important}
  .model-page .model-axis-summary{font-size:7pt!important;margin:1.5mm 0 2mm!important;padding:1.5mm 2mm!important;gap:2mm 5mm!important}
}

/* Teamdriehoek v16.8 - individuele teamrapportagetoegang */
.recipient-check{display:flex;align-items:center;gap:10px}
.recipient-check input{flex:0 0 auto;margin:0}
.recipient-inline{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.recipient-inline strong{color:#173b5d}
.recipient-inline span{color:#66737d;font-size:.92rem;overflow-wrap:anywhere}

/* Teamdriehoek v16.8 - nette ontvangerslijst Teamanalyse */
.recipient-check-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 10px;border:1px solid #dbe6ed;border-radius:10px;overflow:hidden;background:#fff}
.recipient-list-head,.recipient-check{display:grid;grid-template-columns:34px minmax(180px,.8fr) minmax(240px,1.2fr);align-items:center;gap:12px;padding:10px 14px}
.recipient-list-head{background:#f3f7fa;border:1px solid #dbe6ed;border-bottom:0;border-radius:10px 10px 0 0;color:#40566a;font-size:.85rem}
.recipient-list-head+.recipient-check-grid{border-radius:0 0 10px 10px}
.recipient-check{border:0;border-radius:0;border-bottom:1px solid #e6edf2;cursor:pointer}
.recipient-check:last-child{border-bottom:0}
.recipient-check:hover{background:#f8fbfd}
.recipient-check input{width:18px!important;height:18px!important;margin:0!important;justify-self:center;flex:none!important}
.recipient-check strong{color:#173b5d;min-width:0;overflow-wrap:anywhere}
.recipient-check>span{display:block!important;color:#66737d;font-size:.92rem;min-width:0;overflow-wrap:anywhere}
.recipient-check.disabled{opacity:.5;cursor:not-allowed;background:#f7f8f9}
.recipient-list-actions{display:flex;gap:14px;margin:0 0 18px}
.external-recipient-block{border-top:1px solid #e1e8ed;padding-top:18px;margin-top:2px;display:grid;gap:10px}
.external-recipient-block h4{margin:.05em 0 .25em;color:#173b5d;font-size:1rem}
.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){.recipient-list-head{display:none}.recipient-check{grid-template-columns:28px 1fr}.recipient-check>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 .recipient-list-head,
.access-recipient-form .recipient-check{
  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 .recipient-list-head{
  border:1px solid #dbe6ed!important;
  border-bottom:0!important;
  border-radius:10px 10px 0 0!important;
}
.access-recipient-form .recipient-check-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  border-radius:0 0 10px 10px!important;
}
.access-recipient-form .recipient-check 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:#66737d!important;font-size:.92rem!important}
@media(max-width:760px){
  .access-recipient-form .recipient-list-head{display:none!important}
  .access-recipient-form .recipient-check{grid-template-columns:28px minmax(0,1fr)!important;gap:6px 12px!important}
  .access-recipient-form .recipient-check 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}
.privacy-select-actions{display:flex;gap:14px;align-items:center;margin:14px 0 10px}
.privacy-table{table-layout:fixed;min-width:1080px}
.privacy-table th,.privacy-table td{vertical-align:top}
.privacy-table .privacy-check-col{width:42px;text-align:left}
.privacy-table th:nth-child(2){width:190px}
.privacy-table th:nth-child(3){width:170px}
.privacy-table th:nth-child(4){width:210px}
.privacy-table th:nth-child(5){width:190px}
.privacy-table th:nth-child(6){width:125px}
.privacy-table input[type="checkbox"]{width:18px!important;height:18px!important;margin:1px 0 0!important}
.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}
.privacy-delete-bar p{margin:0;max-width:760px}
.privacy-delete-bar .btn{flex:0 0 auto}
.privacy-rules{margin-bottom:10px}
@media(max-width:760px){.privacy-delete-bar{align-items:stretch;flex-direction:column}.privacy-delete-bar .btn{width:100%}}
.privacy-table td:nth-child(2),.privacy-table td:nth-child(5),.privacy-table td:last-child{white-space:normal}
.privacy-table td:last-child{min-width:260px}