:root{--navy:#41436A;--navy-deep:#2d3e58;--berry:#984063;--coral:#F64668;--peach:#FE9677;--bg:#f5f6f9;--card:#fff;--text:#182033;--muted:#687086;--line:#e2e6ee;--radius:14px;--shadow:0 8px 28px rgba(35,45,70,.07)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.app-shell{height:100vh;display:grid;grid-template-rows:82px 1fr 34px}.app-header{display:flex;align-items:center;gap:30px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);z-index:5}.brand-lockup{display:flex;align-items:center;gap:13px;min-width:310px}.brand-logo{width:54px;height:54px;object-fit:contain}.brand-copy{display:flex;align-items:baseline;gap:9px}.brand-copy strong{font-size:24px}.brand-copy span{font-size:17px;color:var(--muted)}.project-heading{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column}.project-heading span{font-size:11px;color:var(--muted)}.project-heading strong{font-size:14px}.header-actions{margin-left:auto;display:flex;gap:9px}.header-actions button,.ghost-action,.primary-action{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--text);font-weight:650}.primary-action{background:var(--berry)!important;color:#fff!important;border-color:var(--berry)!important}.app-body{display:grid;grid-template-columns:252px 1fr;min-height:0}.app-nav{background:linear-gradient(180deg,var(--navy-deep),#23344e);padding:18px 16px;display:flex;flex-direction:column;color:#fff}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:14px;border:0;border-radius:11px;background:transparent;color:#fff;text-align:left;margin-bottom:7px}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item.active{background:linear-gradient(135deg,var(--berry),rgba(152,64,99,.72));box-shadow:0 8px 18px rgba(0,0,0,.12)}.nav-icon{width:30px;height:30px;border:1px solid rgba(255,255,255,.5);border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800}.nav-item span:last-child{display:flex;flex-direction:column}.nav-item strong{font-size:14px}.nav-item small{font-size:11px;opacity:.72;margin-top:3px}.nav-divider{height:1px;background:rgba(255,255,255,.14);margin:12px 8px}.nav-spacer{flex:1}.nav-footer{padding:9px 10px;font-size:12px;color:#fff}.nav-footer span{color:#4bd08a}.muted-nav{opacity:.55}.main-stage{overflow:hidden}.desktop-grid{height:100%;display:grid;grid-template-columns:minmax(320px,390px) 1fr;gap:14px;padding:14px}.control-rail{overflow:auto;padding-right:2px}.workspace{overflow:auto!important;display:block!important}.control-rail>.panel,.workspace>.panel{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;margin-bottom:12px!important}.section{padding:18px!important}.section h2{font-size:15px!important;margin:0 0 14px!important}.controls{gap:10px!important}.controls label{font-size:11px!important;color:var(--muted)!important}.controls input,.controls select,.controls textarea{border:1px solid var(--line)!important;border-radius:9px!important;background:#fff!important;min-height:39px!important;color:var(--text)!important}.drop-zone{border:1.5px dashed #c9cfdb;border-radius:12px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:14px;color:var(--muted);cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--berry);background:rgba(152,64,99,.04)}.drop-symbol{font-size:34px;color:var(--berry)}.drop-zone strong{font-size:13px;margin-top:7px}.drop-zone small{font-size:11px;margin-top:4px}.drop-zone+ .controls label:first-child{display:none}button{border-radius:9px!important;font-weight:650!important}button:not(.secondary):not(.danger):not(.tab):not(.nav-item):not(.ghost-action):not(.primary-action){background:linear-gradient(135deg,var(--berry),#b02f67)!important;border-color:transparent!important}.secondary{background:#fff!important;border:1px solid var(--line)!important;color:var(--text)!important}.danger{background:#fff1f3!important;color:#b4233f!important}.canvas-wrap,.presentation-canvas-wrap{min-height:410px!important;background:linear-gradient(145deg,#fafbfd,#f1f2f5)!important;border-radius:12px!important;border:1px solid var(--line)!important}.tabs{border-bottom:1px solid var(--line)!important;padding:0 12px!important}.tab{background:transparent!important;color:var(--muted)!important;border:none!important;border-radius:0!important;padding:15px 13px!important}.tab.active{color:var(--berry)!important;border-bottom:2px solid var(--berry)!important}.status{border-radius:9px!important;background:#f8f5f7!important;color:var(--berry)!important}.metric-cards>*,table,.presentation-controls,.presentation-preview{border-color:var(--line)!important;border-radius:12px!important}.statusbar{display:flex;align-items:center;gap:28px;padding:0 22px;background:#fff;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.statusbar span:first-child{color:var(--text)}.statusbar i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#21bd70;margin-right:7px}.statusbar span:last-child{margin-left:auto;background:#f3e8ee;color:var(--berry);padding:3px 8px;border-radius:999px}@media(max-width:1100px){.app-body{grid-template-columns:84px 1fr}.brand-lockup{min-width:auto}.brand-copy span{display:none}.nav-item span:last-child,.nav-footer{display:none}.nav-item{justify-content:center}.desktop-grid{grid-template-columns:320px 1fr}}@media(max-width:800px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-rows:auto auto auto}.app-header{padding:12px 14px;flex-wrap:wrap}.project-heading{display:none}.app-body{display:block}.app-nav{display:flex;flex-direction:row;overflow:auto}.nav-divider,.nav-spacer,.nav-footer{display:none}.nav-item{min-width:72px;width:auto}.desktop-grid{display:block;padding:10px}.control-rail,.workspace{overflow:visible}.statusbar{position:sticky;bottom:0}}

/* V6.0.1: isolate scrolling inside the application columns. */
html, body { width: 100%; height: 100%; overflow: hidden; }
.app-shell { width: 100%; height: 100dvh; min-height: 0; overflow: hidden; }
.app-body, .main-stage, .desktop-grid, .control-rail, .workspace { min-width: 0; min-height: 0; }
.main-stage { height: 100%; overflow: hidden; }
.desktop-grid { overflow: hidden; }
.control-rail, .workspace { overscroll-behavior: contain; scrollbar-gutter: stable; }
.statusbar { position: relative; z-index: 10; min-height: 34px; }
.workspace > .panel:last-child { scroll-margin-top: 0; }
@media(max-width:800px){
  html, body { overflow: auto; }
  .app-shell { height: auto; min-height: 100dvh; overflow: visible; }
}


/* V6.0.2 — leesbaarheid en heldere workflow-navigatie */
:root { color-scheme: light; }
html, body, input, select, textarea, button { color-scheme: light; }

/* Alle formulieronderdelen in de lichte applicatie blijven expliciet licht. */
.app-shell input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.app-shell select,
.app-shell textarea {
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid #d7dce6 !important;
  box-shadow: 0 1px 2px rgba(25, 32, 51, .03) !important;
  -webkit-text-fill-color: var(--text) !important;
}
.app-shell input::placeholder,
.app-shell textarea::placeholder { color: #9aa2b2 !important; opacity: 1; }
.app-shell select option { background: #ffffff; color: var(--text); }
.app-shell input:focus,
.app-shell select:focus,
.app-shell textarea:focus {
  outline: none !important;
  border-color: var(--berry) !important;
  box-shadow: 0 0 0 3px rgba(152,64,99,.12) !important;
}

/* Primaire analyseknop: altijd voldoende contrast. */
#analyzeBtn,
#generatePresentationBtn,
.primary-action {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
#analyzeBtn:disabled { color: rgba(255,255,255,.82) !important; }

/* Resultatentabel gebruikt compacte, lichte velden. */
#resultsTable input:not([type="checkbox"]),
#resultsTable select {
  min-height: 36px !important;
  padding: 7px 9px !important;
  border-radius: 8px !important;
}
#resultsTable input[type="checkbox"] { accent-color: var(--berry); }

/* Sidebar communiceert nu drie hoofdfasen in plaats van de tabs te dupliceren. */
.nav-section-label {
  padding: 4px 12px 9px;
  color: rgba(255,255,255,.5);
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.nav-step {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
}
.nav-item.active .nav-step { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.8); }
.workflow-tab-hidden { display: none !important; }
.tabs::before {
  content: "Analyse-uitkomsten";
  align-self: center;
  margin-right: 8px;
  color: #9aa2b2;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .1em;
}
body[data-workflow="presentation"] .tabs,
body[data-workflow="presentation"] .workspace > .panel:first-child { display: none !important; }
body[data-workflow="presentation"] .workspace > .panel:last-child { margin-top: 0 !important; }
body[data-workflow="presentation"] .presentation-layout { margin-top: 0; }
body[data-workflow="presentation"] .presentation-canvas-wrap { min-height: calc(100dvh - 160px) !important; }

@media(max-width:1100px){
  .nav-section-label{display:none}
  .nav-step{flex-basis:30px}
}

/* V6.1 — UX Redesign: vier echte werkruimten en minimalistische lijniconen */
.app-shell{grid-template-rows:72px 1fr 32px}.app-header{padding:0 22px}.brand-logo{width:46px;height:46px}.brand-copy strong{font-size:21px}.brand-copy span{font-size:15px}.app-body{grid-template-columns:224px 1fr}.app-nav{padding:16px 12px}.nav-item{position:relative;gap:12px;min-height:64px;padding:12px 13px;transition:background .18s ease,transform .18s ease,color .18s ease}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:rgba(255,255,255,.1);box-shadow:none}.nav-item.active::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--coral)}.nav-glyph{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;color:rgba(255,255,255,.72);transition:color .18s ease,transform .18s ease}.nav-glyph svg,.drop-symbol svg,.large-glyph svg,.export-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-glyph{color:var(--peach);transform:scale(1.04)}.nav-item.active strong{color:#fff}.nav-item small{line-height:1.25}.nav-section-label{padding-left:14px}.workspace-titlebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px 2px}.workspace-titlebar h1{margin:2px 0 3px;font-size:22px;letter-spacing:-.02em}.workspace-titlebar p{margin:0;color:var(--muted);font-size:12px}.workspace-titlebar>div>span{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--berry)}.workspace-context-actions{display:flex;gap:8px}.main-stage{display:grid;grid-template-rows:auto minmax(0,1fr)}.desktop-grid{padding-top:10px}.main-stage[data-active-workspace="presentation"] .desktop-grid{grid-template-columns:1fr}.main-stage[data-active-workspace="presentation"] .control-rail{display:none}.main-stage[data-active-workspace="presentation"] .workspace>.panel:first-child{display:none}.main-stage[data-active-workspace="presentation"] .tabs{display:none}.main-stage[data-active-workspace="presentation"] .workspace>.panel:last-child{height:100%;margin:0!important}.main-stage[data-active-workspace="presentation"] .presentation-layout{height:100%;grid-template-columns:minmax(250px,310px) 1fr}.main-stage[data-active-workspace="presentation"] .presentation-canvas-wrap{min-height:calc(100dvh - 155px)!important}.workflow-tab-hidden{display:none!important}.mode-workspace{min-height:0;overflow:auto;padding:10px 18px 18px}.studio-layout{height:100%;display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px}.studio-properties,.studio-canvas,.export-intro,.export-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.studio-properties{padding:22px;display:flex;flex-direction:column;gap:14px}.studio-properties h2,.export-intro h2{margin:4px 0 6px;font-size:20px}.studio-properties p,.export-intro p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.studio-properties label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.studio-canvas{display:grid;place-items:center;min-height:440px;background:linear-gradient(145deg,#fafbfd,#f0f2f6)}.empty-studio-state{text-align:center;max-width:600px;padding:40px}.empty-studio-state h2{margin:14px 0 7px}.empty-studio-state>p{color:var(--muted);line-height:1.55}.large-glyph{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#f7eef2;color:var(--berry)}.large-glyph svg{width:32px;height:32px}.report-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.report-summary-grid>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left}.report-summary-grid strong,.report-summary-grid span{display:block}.report-summary-grid strong{font-size:11px}.report-summary-grid span{font-size:11px;color:var(--muted);margin-top:4px}.export-workspace{padding-top:10px}.export-intro{padding:20px 22px;margin-bottom:14px}.section-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--berry)}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px}.export-card{position:relative;min-height:190px;padding:22px;text-align:left;color:var(--text)!important;background:#fff!important;border:1px solid var(--line)!important;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.export-card:hover{transform:translateY(-2px);border-color:rgba(152,64,99,.35)!important;box-shadow:0 14px 30px rgba(35,45,70,.1)!important}.export-card strong{font-size:16px;margin-top:16px}.export-card small{font-size:12px;color:var(--muted);line-height:1.5;margin-top:7px;max-width:300px}.export-card em{position:absolute;top:18px;right:18px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--berry);background:#f6edf1;padding:5px 7px;border-radius:999px}.export-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f7eef2;color:var(--berry)}.drop-symbol{width:42px;height:42px;display:grid;place-items:center;color:var(--berry)}.drop-symbol svg{width:30px;height:30px}.statusbar span:last-child{background:#f6edf1}.nav-footer{font-size:11px}.tabs::before{content:"Analyse-uitkomsten"}
@media(max-width:1100px){.app-body{grid-template-columns:76px 1fr}.nav-item{justify-content:center}.nav-item span:last-child{display:none}.nav-item.active::before{left:2px}.workspace-titlebar{padding-left:12px}.studio-layout{grid-template-columns:280px 1fr}}
@media(max-width:800px){.workspace-titlebar{align-items:flex-start;flex-direction:column}.workspace-context-actions{width:100%;overflow:auto}.main-stage{display:block}.mode-workspace{overflow:visible}.studio-layout{display:block}.studio-properties{margin-bottom:10px}.export-grid{grid-template-columns:1fr}.report-summary-grid{grid-template-columns:1fr}.app-nav .nav-item span:last-child{display:flex}}

/* V6.1.1 — rustige exportkaarten en volledig gescheiden werkruimten */
[hidden] { display: none !important; }

/* Rapport en export tonen nooit onderdelen uit de analysewerkruimte. */
.main-stage[data-active-workspace="reporting"] .desktop-grid,
.main-stage[data-active-workspace="export"] .desktop-grid { display: none !important; }
.main-stage[data-active-workspace="reporting"] #reportWorkspace,
.main-stage[data-active-workspace="export"] #exportWorkspace { display: block !important; }
.main-stage[data-active-workspace="reporting"] #exportWorkspace,
.main-stage[data-active-workspace="export"] #reportWorkspace { display: none !important; }

/* De algemene primaire-knopstijl mag exportkaarten niet meer inkleuren. */
.app-shell button.export-card,
.app-shell button.export-card:not(.secondary):not(.danger):not(.tab):not(.nav-item):not(.ghost-action):not(.primary-action) {
  appearance: none;
  background: #ffffff !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 5px 18px rgba(35,45,70,.055) !important;
}
.app-shell button.export-card:hover {
  background: #fff !important;
  border-color: rgba(152,64,99,.42) !important;
  box-shadow: 0 14px 30px rgba(35,45,70,.10) !important;
}
.app-shell button.export-card strong { color: var(--text) !important; -webkit-text-fill-color: var(--text) !important; }
.app-shell button.export-card small { color: var(--muted) !important; -webkit-text-fill-color: var(--muted) !important; }
.export-icon { background:#f7eef2 !important; color:var(--berry) !important; }
.export-card em { background:#f6edf1 !important; color:var(--berry) !important; }

.export-intro {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:28px;
}
.export-summary-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(120px,1fr));
  gap:8px;
  min-width:min(48%,560px);
}
.export-summary-grid>div {
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fafbfc;
}
.export-summary-grid strong,
.export-summary-grid span { display:block; }
.export-summary-grid strong { font-size:10px; text-transform:uppercase; letter-spacing:.07em; color:#8b93a3; }
.export-summary-grid span { margin-top:4px; font-size:12px; font-weight:650; color:var(--text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Eigen werkruimten gebruiken de volledige beschikbare hoogte. */
.mode-workspace { height:100%; }
.report-workspace .studio-layout { min-height:100%; }
.export-workspace { overflow:auto; }

@media(max-width:1000px){
  .export-intro{display:block}
  .export-summary-grid{min-width:0;margin-top:16px}
}
@media(max-width:700px){
  .export-summary-grid{grid-template-columns:1fr}
}

/* V6.1.2 — hoog contrast op cyclaam/paarse accentvlakken */
:root { --on-accent: #ffffff; }

/* Iedere standaard primaire knop gebruikt dezelfde witte voorgrond. */
.app-shell button:not(.secondary):not(.danger):not(.tab):not(.nav-item):not(.ghost-action):not(.export-card),
.app-shell .primary-action,
.report-toolbar button:not(.secondary):not(.danger) {
  color: var(--on-accent) !important;
  -webkit-text-fill-color: var(--on-accent) !important;
}

/* Kengetallen zijn echte accentkaarten; labels en waarden blijven wit. */
.app-shell .metric-cards .metric {
  background: linear-gradient(145deg, var(--berry), #b02f67) !important;
  border-color: rgba(152,64,99,.8) !important;
  color: var(--on-accent) !important;
  box-shadow: 0 8px 20px rgba(152,64,99,.14);
}
.app-shell .metric-cards .metric span,
.app-shell .metric-cards .metric strong {
  color: var(--on-accent) !important;
  -webkit-text-fill-color: var(--on-accent) !important;
}
.app-shell .metric-cards .metric span { opacity: .78; }

/* V6.1.3 — Presentatie als zelfstandige lichte werkruimte */
.main-stage[data-active-workspace="presentation"] .workspace > .panel:last-child {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.main-stage[data-active-workspace="presentation"] .presentation-layout {
  margin-top: 0;
  gap: 14px;
}
.main-stage[data-active-workspace="presentation"] .presentation-controls {
  align-self: stretch;
  overflow: auto;
  padding: 22px !important;
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow);
}
.main-stage[data-active-workspace="presentation"] .presentation-controls h2 {
  margin: 0 0 7px;
  color: var(--text) !important;
  font-size: 20px;
  letter-spacing: -.02em;
}
.main-stage[data-active-workspace="presentation"] .presentation-controls p,
.main-stage[data-active-workspace="presentation"] .presentation-controls label,
.main-stage[data-active-workspace="presentation"] #presentationStatus {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}
.main-stage[data-active-workspace="presentation"] .presentation-controls p {
  margin: 0 0 18px;
  line-height: 1.55;
}
.main-stage[data-active-workspace="presentation"] .presentation-controls label {
  font-size: 11px;
  font-weight: 600;
}
.main-stage[data-active-workspace="presentation"] .presentation-controls input[type="range"],
.main-stage[data-active-workspace="presentation"] .presentation-controls input[type="checkbox"] {
  accent-color: var(--berry);
}
.main-stage[data-active-workspace="presentation"] .checkline {
  min-height: 30px;
  padding: 5px 0;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
}
.main-stage[data-active-workspace="presentation"] .presentation-buttons {
  margin-top: 18px;
}
.main-stage[data-active-workspace="presentation"] #presentationStatus {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 9px;
  background: #f8f5f7;
  line-height: 1.4;
}
.main-stage[data-active-workspace="presentation"] .presentation-preview {
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow);
}
.main-stage[data-active-workspace="presentation"] .presentation-canvas-wrap {
  height: 100%;
  padding: 24px;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(145deg,#fafbfd,#eef1f5) !important;
}

/* V6.1.4 — PDF bevat uitsluitend het gegenereerde rapport. */
@media print {
  html,
  body {
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }
  body > .app-shell {
    display: none !important;
  }
  body > #reportOverlay {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: 210mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
  }
  #reportOverlay .report-toolbar {
    display: none !important;
  }
  #reportOverlay .report-sheet {
    display: block !important;
    width: 210mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 14mm 15mm !important;
    box-shadow: none !important;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
  #reportOverlay .r-hero,
  #reportOverlay .r-stats,
  #reportOverlay .r-kpi,
  #reportOverlay .r-note,
  #reportOverlay tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}