html{background:var(--cr-bg)}
body.cr-standalone-body{margin:0!important;padding:0!important;min-height:100vh;background:
  radial-gradient(circle at 8% 0%,rgba(var(--cr-accent-rgb),.09),transparent 31rem),
  radial-gradient(circle at 92% 4%,rgba(var(--cr-accent2-rgb),.08),transparent 28rem),
  var(--cr-bg)!important;color:var(--cr-text);font-family:var(--cr-font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.cr-standalone-body *{box-sizing:border-box}
body.cr-standalone-body .cr-standalone-shell{min-height:100vh;padding:28px}
body.cr-standalone-body button,body.cr-standalone-body input,body.cr-standalone-body select{font:inherit}

.cr-page-loader{position:fixed;left:0;right:0;top:0;height:3px;z-index:9999;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--cr-speed) ease}
html.cr-js body.cr-is-loading .cr-page-loader{opacity:1}
.cr-page-loader span{display:block;width:42%;height:100%;background:var(--cr-accent-gradient);border-radius:0 99px 99px 0;animation:cr-loader 1.15s ease-in-out infinite}
@keyframes cr-loader{0%{transform:translateX(-115%)}65%{transform:translateX(180%)}100%{transform:translateX(250%)}}

.cr-wrap{max-width:1480px;margin:0 auto;color:var(--cr-text);font-family:var(--cr-font);position:relative}
.cr-header{display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:30px;margin-bottom:24px;padding:28px 30px;border:1px solid rgba(255,255,255,.72);border-radius:var(--cr-radius-xl);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.72));box-shadow:var(--cr-shadow-card);position:relative;overflow:hidden}
.cr-header:before{content:"";position:absolute;right:-80px;top:-130px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cr-accent-rgb),.13),rgba(var(--cr-accent-rgb),0) 68%);pointer-events:none}
.cr-header:after{content:"";position:absolute;right:120px;bottom:-150px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--cr-accent2-rgb),.10),rgba(var(--cr-accent2-rgb),0) 70%);pointer-events:none}
.cr-header>div:not(.cr-customer-header-image),.cr-date-form{position:relative;z-index:1}
.cr-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cr-brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--cr-accent-gradient);color:#fff;font-weight:800;font-size:14px;box-shadow:0 8px 18px rgba(var(--cr-accent-rgb),.2);overflow:hidden}
.cr-brand-mark img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.cr-brand-mark__fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}
.cr-eyebrow{text-transform:uppercase;letter-spacing:.10em;font-size:11px;font-weight:800;color:var(--cr-accent)}
.cr-live-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(22,163,74,.16);border-radius:999px;background:var(--cr-success-soft);color:var(--cr-success);font-size:11px;font-weight:800;letter-spacing:.01em}
.cr-live-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(22,163,74,.10)}
.cr-header h1{font-size:clamp(27px,3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:0 0 8px;color:var(--cr-text-strong);font-weight:780}
.cr-header p{margin:0;color:var(--cr-muted);font-size:14px}
.cr-date-form{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap;padding:10px;border:1px solid rgba(231,234,240,.88);border-radius:var(--cr-radius-lg);background:rgba(255,255,255,.78);box-shadow:var(--cr-shadow-sm);backdrop-filter:blur(14px)}
.cr-date-form label{display:flex;flex-direction:column;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;color:var(--cr-muted);gap:5px}
.cr-date-form input,.cr-date-form select{height:42px;border:1px solid var(--cr-border);border-radius:var(--cr-radius-sm);background:var(--cr-surface);padding:0 11px;min-width:145px;color:var(--cr-text);box-shadow:0 1px 1px rgba(16,24,40,.02);outline:0;transition:border-color var(--cr-speed-fast) ease,box-shadow var(--cr-speed-fast) ease,transform var(--cr-speed-fast) ease}
.cr-date-form input:hover,.cr-date-form select:hover{border-color:var(--cr-border-strong)}
.cr-date-form input:focus,.cr-date-form select:focus{border-color:var(--cr-accent);box-shadow:var(--cr-shadow-focus)}
.cr-date-form button{height:42px;border:0;border-radius:var(--cr-radius-sm);background:var(--cr-accent-gradient);color:var(--cr-accent-contrast);padding:0 17px;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(var(--cr-accent-rgb),.17);transition:transform var(--cr-speed-fast) ease,box-shadow var(--cr-speed-fast) ease,filter var(--cr-speed-fast) ease;position:relative;overflow:hidden}
.cr-date-form button:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(var(--cr-accent-rgb),.23);filter:saturate(1.06)}
.cr-date-form button:active{transform:translateY(0) scale(.98)}
.cr-date-form .cr-print-button{background:var(--cr-surface);color:var(--cr-accent);border:1px solid rgba(var(--cr-accent-rgb),.24);box-shadow:none}
.cr-date-form .cr-print-button:hover{background:rgba(var(--cr-accent-rgb),.055);box-shadow:none;filter:none}
.cr-print-intro{display:none}
.cr-date-form.is-submitting button{color:transparent;pointer-events:none}
.cr-date-form.is-submitting button:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cr-spin .65s linear infinite}
@keyframes cr-spin{to{transform:rotate(360deg)}}

.cr-tabs{display:flex;gap:5px;padding:5px;background:rgba(232,236,245,.82);border:1px solid rgba(219,224,235,.8);border-radius:16px;margin:0 0 18px;overflow:auto;scrollbar-width:none;position:sticky;top:12px;z-index:30;backdrop-filter:blur(16px);box-shadow:0 6px 18px rgba(24,39,75,.045)}
.cr-tabs::-webkit-scrollbar{display:none}
.cr-tabs button,.cr-metric-switch button{border:0;background:transparent;border-radius:11px;padding:10px 15px;color:var(--cr-muted);font-weight:750;cursor:pointer;white-space:nowrap;transition:color var(--cr-speed-fast) ease,background var(--cr-speed-fast) ease,box-shadow var(--cr-speed-fast) ease,transform var(--cr-speed-fast) ease}
.cr-tabs button:hover,.cr-metric-switch button:hover{color:var(--cr-text);background:rgba(255,255,255,.56)}
.cr-tabs button:active,.cr-metric-switch button:active{transform:scale(.97)}
.cr-tabs button.is-active,.cr-metric-switch button.is-active{background:var(--cr-surface);color:var(--cr-text-strong);box-shadow:0 1px 2px rgba(16,24,40,.05),0 5px 14px rgba(16,24,40,.06)}
.cr-tabs button.is-active{color:var(--cr-accent)}

.cr-panel{display:none;transform-origin:50% 0}
.cr-panel.is-active{display:block}
.cr-panel.is-entering{animation:cr-panel-in var(--cr-speed) var(--cr-ease) both}
.cr-panel.is-leaving{animation:cr-panel-out 130ms ease both}
@keyframes cr-panel-in{from{opacity:0;transform:translateY(7px) scale(.997)}to{opacity:1;transform:none}}
@keyframes cr-panel-out{from{opacity:1;transform:none}to{opacity:0;transform:translateY(3px)}}

.cr-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cr-kpi,.cr-card{background:var(--cr-surface-glass);border:1px solid rgba(228,232,240,.95);border-radius:var(--cr-radius-lg);box-shadow:var(--cr-shadow-sm);backdrop-filter:blur(10px)}
.cr-kpi{padding:18px 18px 17px;text-align:left;color:var(--cr-text);position:relative;overflow:visible;min-height:105px}
.cr-kpi:after{content:"";position:absolute;left:var(--cr-kpi-active-inset);right:var(--cr-kpi-active-inset);bottom:0;height:var(--cr-kpi-active-height);background:var(--cr-accent-gradient);transform:scaleX(0);transform-origin:center;transition:transform var(--cr-speed) var(--cr-ease);border-radius:999px;pointer-events:none}
.cr-kpi-label{display:flex;align-items:center;gap:7px;color:var(--cr-muted);font-size:12px;font-weight:700;margin-bottom:12px;min-width:0}
.cr-kpi strong{display:block;font-size:clamp(21px,1.7vw,27px);line-height:1.05;letter-spacing:-.035em;color:var(--cr-text-strong);font-variant-numeric:tabular-nums}
.cr-kpi-interactive{padding:0;transition:border-color var(--cr-speed) ease,box-shadow var(--cr-speed) ease,transform var(--cr-speed) var(--cr-ease),background var(--cr-speed) ease}
.cr-kpi-button{appearance:none;width:100%;min-height:103px;border:0;background:transparent;border-radius:inherit;text-align:left;color:inherit;font:inherit;cursor:pointer;padding:18px 44px 17px 18px;transition:background var(--cr-speed) ease}
.cr-kpi-interactive:hover{border-color:rgba(var(--cr-accent-rgb),.22);box-shadow:var(--cr-shadow-card);transform:translateY(-3px)}
.cr-kpi-button:focus-visible{outline:0;box-shadow:inset 0 0 0 3px rgba(var(--cr-accent-rgb),.18);border-radius:inherit}
.cr-kpi-interactive.is-active{border-color:rgba(var(--cr-accent-rgb),.36);background:linear-gradient(160deg,#fff 10%,rgba(var(--cr-accent-rgb),.045) 100%);box-shadow:0 0 0 1px rgba(var(--cr-accent-rgb),.06),var(--cr-shadow-card)}
.cr-kpi-interactive.is-active:after{transform:scaleX(1)}
.cr-kpi-interactive.is-pulse{animation:cr-kpi-pulse 300ms var(--cr-ease)}
.cr-kpi-interactive>.cr-help{position:absolute;right:13px;top:13px;z-index:3}
@keyframes cr-kpi-pulse{0%{transform:translateY(-2px) scale(1)}45%{transform:translateY(-2px) scale(.975)}100%{transform:translateY(-2px) scale(1)}}

.cr-grid-2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.72fr);gap:16px}
.cr-card{padding:20px;transition:box-shadow var(--cr-speed) ease,border-color var(--cr-speed) ease,transform var(--cr-speed) var(--cr-ease)}

.cr-overview-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cr-overview-channels{margin-top:16px}
.cr-card:hover{border-color:rgba(213,218,228,.92);box-shadow:var(--cr-shadow-card)}
.cr-chart-card{min-height:390px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.82))}
.cr-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.cr-card-head h2,.cr-section-title h2{font-size:16px;letter-spacing:-.015em;margin:0;color:var(--cr-text-strong);font-weight:780}
.cr-section-title{display:flex;align-items:center;gap:10px;margin:8px 0 14px}
.cr-section-title:before{content:"";display:block;width:8px;height:24px;border-radius:999px;background:var(--cr-accent-gradient)}
.cr-chart-metric-title{color:var(--cr-muted);font-weight:600}
.cr-chart-metric-title:before{content:"·";margin:0 7px;color:var(--cr-muted-2)}
.cr-metric-switch{display:flex;gap:3px;background:var(--cr-surface-muted);padding:3px;border:1px solid var(--cr-border);border-radius:12px}
.cr-metric-switch button{padding:7px 10px;font-size:11px}
.cr-title-with-help{display:flex;align-items:center;gap:7px;min-width:0}
.cr-title-with-help h2{min-width:0}
.cr-section-title>.cr-help{margin-left:1px}

.cr-help{appearance:none;display:inline-flex;align-items:center;justify-content:center;align-self:center;vertical-align:middle;box-sizing:border-box;flex:0 0 auto;width:20px;height:20px;padding:0;margin:0;border:1px solid var(--cr-help-border);border-radius:50%;background:var(--cr-help-bg);color:var(--cr-help-text);line-height:1;cursor:help;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:color var(--cr-speed-fast) ease,border-color var(--cr-speed-fast) ease,background var(--cr-speed-fast) ease,transform var(--cr-speed-fast) var(--cr-ease),box-shadow var(--cr-speed-fast) ease}
.cr-help:hover,.cr-help[aria-expanded="true"]{color:var(--cr-accent);border-color:rgba(var(--cr-accent-rgb),.30);background:var(--cr-accent-soft);transform:translateY(-1px);box-shadow:0 4px 10px rgba(var(--cr-accent-rgb),.10)}
.cr-help:focus-visible{outline:0;box-shadow:var(--cr-shadow-focus)}
.cr-help-icon{display:block;width:10px;height:10px;flex:0 0 10px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;transform:none}
.cr-help-popover{position:fixed;display:none;z-index:10050;width:max-content;max-width:min(var(--cr-tooltip-width),calc(100vw - 24px));padding:12px 13px;border:1px solid var(--cr-tooltip-border);border-radius:var(--cr-tooltip-radius);background:var(--cr-tooltip-bg);color:var(--cr-tooltip-text);box-shadow:var(--cr-tooltip-shadow);pointer-events:none;opacity:0;transform:translateY(5px) scale(.985);transform-origin:50% 100%;transition:opacity var(--cr-speed-fast) ease,transform var(--cr-speed-fast) var(--cr-ease);backdrop-filter:blur(14px)}
.cr-help-popover.is-mounted{display:block}
.cr-help-popover.is-visible{opacity:1;transform:none}
.cr-help-popover.is-below{transform-origin:50% 0}
.cr-help-popover-title{display:block;margin:0 0 4px;color:var(--cr-tooltip-text);font-size:12px;line-height:1.3;font-weight:800;letter-spacing:-.01em}
.cr-help-popover-text{display:block;color:var(--cr-tooltip-muted);font-size:12px;line-height:1.5;font-weight:520}
.cr-th-label{display:inline-flex;align-items:center;gap:5px}
.cr-table th .cr-help{width:17px;height:17px;text-transform:none;letter-spacing:0}.cr-table th .cr-help-icon{width:8px;height:8px;flex-basis:8px}
.cr-conversion-filter-note .cr-help{width:18px;height:18px;border-color:rgba(var(--cr-accent-rgb),.16);background:rgba(255,255,255,.72);color:var(--cr-accent)}.cr-conversion-filter-note .cr-help-icon{width:9px;height:9px;flex-basis:9px}

.cr-chart{min-height:310px;position:relative;color:var(--cr-chart)}
.cr-chart svg{width:100%;height:310px;display:block;overflow:visible}
.cr-chart-label{font-size:10px;fill:var(--cr-chart-label);font-family:var(--cr-font)}
.cr-chart-line{fill:none;stroke:var(--cr-chart);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(var(--cr-accent-rgb),.12));transition:stroke-dashoffset 720ms var(--cr-ease)}
.cr-chart-area{fill:url(#crAreaGradient);opacity:0;transition:opacity 500ms var(--cr-ease)}
.cr-chart.is-drawn .cr-chart-area{opacity:1}
.cr-chart-grid{stroke:var(--cr-chart-grid);stroke-width:1;stroke-dasharray:2 5}
.cr-chart-dot{fill:var(--cr-surface);stroke:var(--cr-chart);stroke-width:2;opacity:.92;transition:transform var(--cr-speed-fast) ease,opacity var(--cr-speed-fast) ease}
.cr-chart-hit{fill:transparent;cursor:crosshair}
.cr-chart-hit:hover+.cr-chart-dot{opacity:1}

.cr-tooltip{position:absolute;pointer-events:none;background:rgba(17,24,39,.96);color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:10px;padding:8px 10px;font-size:11px;font-weight:650;transform:translate(-50%,-118%);white-space:nowrap;display:none;box-shadow:0 10px 25px rgba(17,24,39,.18);backdrop-filter:blur(10px);z-index:5}

.cr-table-wrap{overflow:auto;border-radius:13px;border:1px solid rgba(231,234,240,.82);background:rgba(255,255,255,.42)}
.cr-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;background:transparent}
.cr-table th{text-align:left;color:var(--cr-muted);font-size:10px;text-transform:uppercase;letter-spacing:.065em;padding:11px 13px;border-bottom:1px solid var(--cr-border);white-space:nowrap;background:rgba(248,250,252,.86);position:sticky;top:0;z-index:2;font-weight:800}
.cr-table th:first-child{border-top-left-radius:12px}.cr-table th:last-child{border-top-right-radius:12px}
.cr-table td{padding:13px;border-bottom:1px solid #eef1f5;white-space:nowrap;color:var(--cr-text);background:rgba(255,255,255,.68);font-variant-numeric:tabular-nums;transition:background var(--cr-speed-fast) ease}
.cr-table tbody tr:hover td{background:rgba(var(--cr-accent-rgb),.035)}
.cr-table tr:last-child td{border-bottom:0}
.cr-table td strong{font-weight:760;color:var(--cr-text-strong)}
.cr-campaign-cell{white-space:normal!important;min-width:260px}
.cr-campaign-name{display:block;line-height:1.35}
.cr-channel{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.08)}
.cr-channel.cr-google_ads{background:var(--cr-google);box-shadow:0 0 0 4px rgba(52,168,83,.10)}
.cr-channel.cr-meta_ads{background:var(--cr-meta);box-shadow:0 0 0 4px rgba(8,102,255,.10)}

.cr-empty,.cr-notice,.cr-login{padding:20px;border:1px solid var(--cr-border);background:var(--cr-surface);border-radius:var(--cr-radius-lg);margin:18px 0;box-shadow:var(--cr-shadow-sm)}
.cr-empty{display:flex;flex-direction:column;gap:5px;color:var(--cr-text)}
.cr-empty span{color:var(--cr-muted)}
.cr-login{max-width:460px;margin:40px auto}
.cr-login h2{margin-top:0}
.cr-login input[type=text],.cr-login input[type=password]{width:100%;box-sizing:border-box;border:1px solid var(--cr-border);border-radius:var(--cr-radius-sm);padding:11px;outline:0;transition:border-color var(--cr-speed-fast),box-shadow var(--cr-speed-fast)}
.cr-login input:focus{border-color:var(--cr-accent);box-shadow:var(--cr-shadow-focus)}
.cr-login .button-primary,.cr-login input[type=submit]{background:var(--cr-accent-gradient);border:0;padding:10px 18px;border-radius:var(--cr-radius-sm);color:#fff;cursor:pointer;font-weight:750}
.cr-conversion-grid{margin-top:16px}

.cr-span-full{grid-column:1 / -1}
.cr-conversion-filter-note{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;padding:7px 9px 7px 11px;border-radius:999px;background:var(--cr-accent-soft);color:var(--cr-accent);font-size:11px;font-weight:750}
.cr-conversion-filter-note:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--cr-accent);color:#fff;font-size:10px;flex:0 0 auto}

/* Component-load animation. JS voegt deze classes toe, dus zonder JS blijft inhoud gewoon zichtbaar. */
.cr-animate-in{opacity:0;transform:translateY(13px);transition:opacity var(--cr-speed-slow) var(--cr-ease),transform var(--cr-speed-slow) var(--cr-ease);transition-delay:var(--cr-delay,0ms)}
.cr-components-loaded .cr-animate-in{opacity:1;transform:none}

@media(max-width:1180px){
  .cr-header{grid-template-columns:1fr;align-items:start}
  .cr-date-form{justify-self:start}
  .cr-kpis{grid-template-columns:repeat(3,1fr)}
  .cr-grid-2{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.cr-standalone-body .cr-standalone-shell{padding:0}
  .cr-wrap{padding:14px;min-height:100vh}
  .cr-header{padding:22px 18px;border-radius:20px;margin-bottom:14px}
  .cr-brand-row{flex-wrap:wrap}
  .cr-date-form{width:100%;padding:9px}
  .cr-date-form label{flex:1;min-width:132px}
  .cr-date-form input,.cr-date-form select{width:100%;min-width:0}
  .cr-date-form button{flex:1;min-width:110px}
  .cr-tabs{top:8px;margin-left:0;margin-right:0}
  .cr-kpis{grid-template-columns:repeat(2,1fr)}
  .cr-kpi{min-height:96px;padding:15px}
  .cr-kpi-interactive{padding:0}
  .cr-kpi strong{font-size:20px}
  .cr-card{padding:15px;border-radius:17px}
  .cr-card-head{align-items:flex-start;flex-direction:column}
  .cr-chart{min-height:250px}
  .cr-chart svg{height:250px}
  .cr-table-wrap{margin-left:-1px;margin-right:-1px}
}
@media(max-width:450px){
  .cr-wrap{padding:10px}
  .cr-header h1{font-size:26px}
  .cr-kpis{grid-template-columns:1fr 1fr;gap:8px}
  .cr-kpi{padding:13px;min-height:88px}
  .cr-kpi-interactive{padding:0}
  .cr-kpi strong{font-size:18px}
  .cr-kpi-label{font-size:10px;margin-bottom:9px}
  .cr-metric-switch{width:100%;overflow:auto}
}
@media(prefers-reduced-motion:reduce){
  .cr-wrap,.cr-wrap *,.cr-wrap *:before,.cr-wrap *:after,.cr-help-popover{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

.cr-chart-dot{pointer-events:none}


/* Multi-select grafiek */
.cr-chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 8px;min-height:24px}
.cr-chart-legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--cr-muted);font-size:11px;font-weight:750;white-space:nowrap}
.cr-chart-legend-dot{width:9px;height:9px;border-radius:50%;background:var(--cr-series-color,var(--cr-chart));box-shadow:0 0 0 3px color-mix(in srgb,var(--cr-series-color,var(--cr-chart)) 12%,transparent)}
.cr-chart-scale-note{margin-left:auto;color:var(--cr-muted-2);font-size:10px;font-weight:700;letter-spacing:.02em}
.cr-chart-series{fill:none;stroke:var(--cr-series-color,var(--cr-chart));stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(var(--cr-accent-rgb),.08));transition:stroke-dashoffset 720ms var(--cr-ease),opacity var(--cr-speed-fast) ease}
.cr-chart-dot-series{fill:var(--cr-surface);stroke:var(--cr-series-color,var(--cr-chart));stroke-width:2;opacity:.95;pointer-events:none}
.cr-series-spend{--cr-series-color:var(--cr-series-spend)}
.cr-series-impressions{--cr-series-color:var(--cr-series-impressions)}
.cr-series-clicks{--cr-series-color:var(--cr-series-clicks)}
.cr-series-ctr{--cr-series-color:var(--cr-series-ctr)}
.cr-series-conversions{--cr-series-color:var(--cr-series-conversions)}
.cr-series-cpa{--cr-series-color:var(--cr-series-cpa)}
.cr-tooltip{white-space:normal;min-width:180px;max-width:290px}
.cr-tooltip-date{display:block;margin-bottom:6px;font-size:11px;font-weight:800;color:#fff}
.cr-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 0;color:rgba(255,255,255,.88)}
.cr-tooltip-row strong{color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.cr-tooltip-series{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cr-tooltip-series:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:var(--cr-series-color,var(--cr-chart));flex:0 0 auto}

/* Sorteerbare tabellen */
.cr-table th.cr-sortable{cursor:pointer;user-select:none;padding-right:30px;transition:color var(--cr-speed-fast) ease,background var(--cr-speed-fast) ease}
.cr-table th.cr-sortable:hover{color:var(--cr-text-strong);background:rgba(var(--cr-accent-rgb),.055)}
.cr-table th.cr-sortable:focus-visible{outline:0;box-shadow:inset 0 0 0 2px rgba(var(--cr-accent-rgb),.18)}
.cr-table th.cr-sortable:after{content:"↕";position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--cr-muted-2);font-size:12px;font-weight:900;letter-spacing:0;transition:color var(--cr-speed-fast) ease,transform var(--cr-speed-fast) ease}
.cr-table th.cr-sortable[aria-sort="ascending"]:after{content:"↑";color:var(--cr-accent)}
.cr-table th.cr-sortable[aria-sort="descending"]:after{content:"↓";color:var(--cr-accent)}
.cr-table th.cr-sortable[aria-sort="ascending"],.cr-table th.cr-sortable[aria-sort="descending"]{color:var(--cr-accent);background:rgba(var(--cr-accent-rgb),.055)}
.cr-table tbody tr.cr-row-sorted{animation:cr-row-sort 220ms var(--cr-ease)}
@keyframes cr-row-sort{from{opacity:.45;transform:translateY(2px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  .cr-chart-scale-note{width:100%;margin-left:0}
}

/* Periodevergelijking */
.cr-compare-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:-2px 0 16px;padding:10px 14px;border:1px solid rgba(var(--cr-accent-rgb),.12);border-radius:14px;background:linear-gradient(135deg,rgba(var(--cr-accent-rgb),.06),rgba(var(--cr-accent2-rgb),.045));color:var(--cr-muted);font-size:11px;font-weight:650;box-shadow:var(--cr-shadow-sm)}
.cr-compare-bar strong{color:var(--cr-text-strong);font-size:11px}
.cr-compare-bar__dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--cr-accent);box-shadow:0 0 0 4px rgba(var(--cr-accent-rgb),.10)}
.cr-compare-bar__vs{color:var(--cr-muted-2);font-weight:800}
.cr-kpi{min-height:126px}
.cr-kpi-button{min-height:124px;padding-bottom:14px}
.cr-kpi strong{margin-bottom:9px}
.cr-kpi-compare{display:flex;align-items:center;gap:7px;min-height:18px;font-size:10px;line-height:1.25;font-weight:720;color:var(--cr-muted);white-space:nowrap}
.cr-kpi-compare__change{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:999px;background:var(--cr-surface-muted);font-variant-numeric:tabular-nums}
.cr-kpi-compare__label{color:var(--cr-muted-2);font-weight:620;overflow:hidden;text-overflow:ellipsis}
.cr-kpi-compare.is-positive .cr-kpi-compare__change{background:var(--cr-success-soft);color:var(--cr-success)}
.cr-kpi-compare.is-negative .cr-kpi-compare__change{background:rgba(220,38,38,.08);color:var(--cr-danger)}
.cr-kpi-compare.is-neutral .cr-kpi-compare__change{background:rgba(var(--cr-accent-rgb),.07);color:var(--cr-accent)}
@media(max-width:760px){
  .cr-kpi{min-height:112px}
  .cr-kpi-button{min-height:110px}
  .cr-kpi-compare{align-items:flex-start;flex-direction:column;gap:3px;white-space:normal}
  .cr-kpi-compare__label{max-width:100%}
  .cr-compare-bar{margin-top:0}
}

/* 0.4.0 – doelen & budgetten */
.cr-targets-card{margin-top:16px;margin-bottom:16px}
.cr-targets-note{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:var(--cr-surface-muted);border:1px solid var(--cr-border);color:var(--cr-muted);font-size:10px;font-weight:750;white-space:nowrap}
.cr-targets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.cr-target-item{padding:16px;border:1px solid var(--cr-border);border-radius:17px;background:linear-gradient(180deg,#fff,var(--cr-bg-elevated));min-width:0}
.cr-target-item__head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cr-muted);font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:800}
.cr-target-item strong{display:block;margin:10px 0 12px;color:var(--cr-text-strong);font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-target-progress{height:7px;border-radius:999px;background:var(--cr-surface-muted);border:1px solid var(--cr-border);overflow:hidden}
.cr-target-progress span{display:block;height:100%;border-radius:inherit;background:var(--cr-accent-gradient);transition:width 520ms var(--cr-ease)}
.cr-target-item.is-positive .cr-target-progress span{background:var(--cr-success)}
.cr-target-item.is-negative .cr-target-progress span{background:var(--cr-danger)}
.cr-target-status{display:block;margin-top:8px;color:var(--cr-muted);font-size:10px;font-weight:750}
.cr-target-item.is-positive .cr-target-status{color:var(--cr-success)}
.cr-target-item.is-negative .cr-target-status{color:var(--cr-danger)}
@media(max-width:760px){.cr-targets-note{white-space:normal}.cr-targets-grid{grid-template-columns:1fr 1fr}.cr-target-item strong{font-size:16px}}
@media(max-width:450px){.cr-targets-grid{grid-template-columns:1fr}}

/* 0.4.3 – Google Ads dagbudget per campagne */
.cr-campaign-budget-card{margin-top:16px;margin-bottom:16px}
.cr-campaign-budget-table{display:flex;flex-direction:column;border:1px solid var(--cr-border);border-radius:17px;overflow:hidden;background:#fff}
.cr-campaign-budget-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-bottom:1px solid var(--cr-border)}
.cr-campaign-budget-line:last-child{border-bottom:0}
.cr-campaign-budget-line>div{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cr-campaign-budget-line strong{color:var(--cr-text-strong);font-size:13px;line-height:1.35}
.cr-campaign-budget-value{flex:0 0 auto;color:var(--cr-text-strong);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.cr-campaign-budget-shared{display:inline-flex;padding:4px 7px;border-radius:999px;background:var(--cr-surface-muted);border:1px solid var(--cr-border);color:var(--cr-muted);font-size:9px;font-weight:750}
@media(max-width:600px){.cr-campaign-budget-line{align-items:flex-start;flex-direction:column;gap:7px}.cr-campaign-budget-value{font-size:13px}}


/* 0.4.7 – zichtbare Meta Ads-koppelstatus */
.cr-connection-card{margin-bottom:16px}
.cr-connection-intro{margin:4px 0 0;color:var(--cr-muted);font-size:11px;line-height:1.5}
.cr-connection-list{display:flex;flex-direction:column;gap:10px}
.cr-connection-state{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1px solid var(--cr-border);border-radius:16px;background:var(--cr-surface-muted)}
.cr-connection-state.is-ok{border-color:rgba(22,163,74,.2);background:var(--cr-success-soft)}
.cr-connection-state.is-error{border-color:rgba(220,38,38,.2);background:rgba(220,38,38,.06)}
.cr-connection-state.is-pending{border-color:rgba(var(--cr-accent-rgb),.16);background:rgba(var(--cr-accent-rgb),.045)}
.cr-connection-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:var(--cr-accent);box-shadow:0 0 0 4px rgba(var(--cr-accent-rgb),.10)}
.cr-connection-state.is-ok .cr-connection-dot{background:var(--cr-success);box-shadow:0 0 0 4px var(--cr-success-soft)}
.cr-connection-state.is-error .cr-connection-dot{background:var(--cr-danger);box-shadow:0 0 0 4px rgba(220,38,38,.08)}
.cr-connection-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.cr-connection-copy strong{color:var(--cr-text-strong);font-size:13px;line-height:1.4}
.cr-connection-copy>span{color:var(--cr-muted);font-size:11px;line-height:1.45}
.cr-connection-copy small{margin-top:2px;color:var(--cr-muted-2);font-size:10px;font-weight:650}
.cr-connection-topline{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:2px}
.cr-connection-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(var(--cr-accent-rgb),.08);color:var(--cr-accent);font-size:9px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.cr-connection-state.is-ok .cr-connection-badge{background:rgba(22,163,74,.12);color:var(--cr-success)}
.cr-connection-state.is-error .cr-connection-badge{background:rgba(220,38,38,.1);color:var(--cr-danger)}
.cr-connection-account{color:var(--cr-muted-2);font-size:10px;font-weight:700}

/* 0.5.2 – vergelijkingsperiode in de trendgrafiek */
.cr-chart-series.is-comparison{stroke-dasharray:8 7;opacity:.52;filter:none;transition:opacity var(--cr-speed-fast) ease}
.cr-chart-dot-series.is-comparison{opacity:.58;fill:var(--cr-surface-muted)}
.cr-chart-period-key{display:inline-flex;align-items:center;gap:6px;color:var(--cr-muted);font-size:10px;font-weight:700;white-space:nowrap}
.cr-chart-period-line{display:inline-block;width:22px;height:0;border-top:2px solid var(--cr-text-strong);opacity:.72}
.cr-chart-period-line.is-comparison{border-top-style:dashed;opacity:.5}
.cr-tooltip-divider{display:block;height:1px;margin:7px 0;background:var(--cr-border)}
.cr-tooltip-date--compare{color:var(--cr-muted);font-weight:750}


/* GA4 overview summary */
.cr-ga4-overview-card{margin-top:16px}
.cr-ga4-overview-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.cr-ga4-overview-metric{padding:14px 15px;border:1px solid rgba(228,232,240,.95);border-radius:14px;background:rgba(248,250,252,.72)}
.cr-ga4-overview-metric span{display:block;color:var(--cr-muted);font-size:11px;font-weight:700;margin-bottom:7px}
.cr-ga4-overview-metric strong{display:block;color:var(--cr-text-strong);font-size:20px;line-height:1.1;font-variant-numeric:tabular-nums}
.cr-ga4-jump{border:1px solid rgba(var(--cr-accent-rgb),.18);background:rgba(var(--cr-accent-rgb),.06);color:var(--cr-accent);border-radius:10px;padding:8px 11px;font-weight:750;cursor:pointer}
.cr-ga4-jump:hover{background:rgba(var(--cr-accent-rgb),.1)}
@media(max-width:900px){.cr-ga4-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 0.6.3 - GA4 visualisaties */
.cr-ga4-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 20px}
.cr-ga4-chart-card{min-height:340px}
.cr-ga4-chart{min-height:270px;position:relative}
.cr-ga4-chart svg{width:100%;height:270px;display:block;overflow:visible}
.cr-ga4-chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;min-height:24px;margin:0 0 8px;color:var(--cr-muted);font-size:11px;font-weight:750}
.cr-ga4-chart-legend span{display:inline-flex;align-items:center;gap:7px}
.cr-ga4-chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--cr-accent);box-shadow:0 0 0 3px rgba(var(--cr-accent-rgb),.09)}
.cr-ga4-chart-legend i.is-secondary{background:var(--cr-success);box-shadow:0 0 0 3px var(--cr-success-soft)}
.cr-ga4-svg-grid{stroke:var(--cr-chart-grid);stroke-width:1;stroke-dasharray:2 5}
.cr-ga4-svg-label{font-size:10px;fill:var(--cr-chart-label);font-family:var(--cr-font)}
.cr-ga4-svg-line{fill:none;stroke:var(--cr-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px rgba(var(--cr-accent-rgb),.08))}
.cr-ga4-svg-line.is-secondary{stroke:var(--cr-success);filter:drop-shadow(0 3px 4px rgba(22,163,74,.08))}
.cr-ga4-svg-dot{fill:var(--cr-surface);stroke:var(--cr-accent);stroke-width:1.6}
.cr-ga4-svg-dot.is-secondary{stroke:var(--cr-success)}
.cr-ga4-bars{display:flex;flex-direction:column;gap:14px;padding-top:4px}
.cr-ga4-bar-row{display:flex;flex-direction:column;gap:7px}
.cr-ga4-bar-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--cr-muted);font-size:11px;font-weight:700}
.cr-ga4-bar-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cr-ga4-bar-top strong{flex:0 0 auto;color:var(--cr-text-strong);font-size:12px;font-variant-numeric:tabular-nums}
.cr-ga4-bar-track{height:9px;border-radius:999px;background:var(--cr-surface-muted);overflow:hidden;border:1px solid var(--cr-border)}
.cr-ga4-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cr-accent),color-mix(in srgb,var(--cr-accent) 72%,white));min-width:2px}
.cr-ga4-detail-title{margin-top:22px}
@media(max-width:900px){.cr-ga4-chart-grid{grid-template-columns:1fr}.cr-ga4-chart-card{min-height:320px}}
@media(max-width:600px){.cr-ga4-chart{min-height:235px}.cr-ga4-chart svg{height:235px}.cr-ga4-chart-card{min-height:auto}}


/* 0.6.9 - subtiele klant-huisstijl */
.cr-wrap--customer-brand .cr-header{border-color:rgba(var(--cr-accent-rgb),.12);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.80))}
.cr-header>.cr-customer-header-image{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;opacity:.085;filter:saturate(.9) contrast(.96);pointer-events:none}
.cr-customer-header-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.28) 100%)}
.cr-header--with-customer-image:before,.cr-header--with-customer-image:after{opacity:.72}
.cr-wrap--customer-brand .cr-brand-mark{background:var(--cr-accent-gradient);box-shadow:0 8px 18px rgba(var(--cr-accent-rgb),.20)}
.cr-wrap--customer-brand .cr-tabs{border-color:rgba(var(--cr-accent-rgb),.10)}
.cr-wrap--customer-brand .cr-kpi,.cr-wrap--customer-brand .cr-card{border-color:rgba(var(--cr-accent-rgb),.10)}
@media(max-width:760px){.cr-header>.cr-customer-header-image{opacity:.055}.cr-customer-header-image:after{background:rgba(255,255,255,.72)}}

/* Search Console */
.cr-kpis--gsc{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-gsc-overview-card{margin-top:16px}
.cr-gsc-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-gsc-chart-card{margin-bottom:16px;min-height:390px}
.cr-gsc-chart{min-height:300px;position:relative}
.cr-gsc-chart svg{width:100%;height:285px;display:block;overflow:visible}
.cr-gsc-compare-line{stroke-dasharray:8 7;opacity:.82}
.cr-gsc-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
.cr-gsc-page-link{display:block;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cr-text-strong);font-weight:650;text-decoration:none}
.cr-gsc-page-link:hover{color:var(--cr-accent);text-decoration:underline}
@media(max-width:900px){.cr-kpis--gsc{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-gsc-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-gsc-detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.cr-kpis--gsc{grid-template-columns:1fr 1fr}.cr-gsc-chart{min-height:245px}.cr-gsc-chart svg{height:245px}}

/* 0.8.0 - automatische marketinginzichten */
.cr-management-summary{margin-bottom:16px;padding:20px;background:linear-gradient(135deg,rgba(var(--cr-accent-rgb),.055),rgba(255,255,255,.96) 45%,rgba(var(--cr-accent2-rgb),.04));border-color:rgba(var(--cr-accent-rgb),.16)}
.cr-management-summary__head{margin-bottom:10px}
.cr-management-summary__badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(16,24,40,.055);color:var(--cr-muted);font-size:10px;font-weight:800;letter-spacing:.025em;white-space:nowrap}
.cr-management-summary__body{max-width:1120px}
.cr-management-summary__body p{margin:0 0 8px;color:var(--cr-text);font-size:13px;line-height:1.65}
.cr-management-summary__body p:last-child{margin-bottom:0}
.cr-management-summary__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid rgba(228,232,240,.9);color:var(--cr-muted);font-size:10px;font-weight:750}
.cr-management-summary__meta span{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:var(--cr-surface-muted)}
.cr-management-summary__meta .is-positive{background:#ecfdf3;color:#067647}
.cr-management-summary__meta .is-warning{background:#fffaeb;color:#b54708}
.cr-insights-card{margin-bottom:16px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.88))}
.cr-insights-card__head{margin-bottom:14px}
.cr-insights-note{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(var(--cr-accent-rgb),.14);border-radius:999px;background:rgba(var(--cr-accent-rgb),.055);color:var(--cr-accent);font-size:10px;font-weight:800;letter-spacing:.025em;white-space:nowrap}
.cr-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cr-insight{position:relative;display:flex;flex-direction:column;min-height:168px;padding:15px 16px 14px;border:1px solid var(--cr-border);border-radius:14px;background:rgba(255,255,255,.82);overflow:hidden}
.cr-insight:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#98a2b3}
.cr-insight.is-warning{background:linear-gradient(145deg,#fff 10%,rgba(247,144,9,.055) 100%);border-color:rgba(247,144,9,.20)}
.cr-insight.is-warning:before{background:#f79009}
.cr-insight.is-positive{background:linear-gradient(145deg,#fff 10%,rgba(18,183,106,.05) 100%);border-color:rgba(18,183,106,.18)}
.cr-insight.is-positive:before{background:#12b76a}
.cr-insight.is-info:before{background:var(--cr-accent)}
.cr-insight__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.cr-insight__status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;background:var(--cr-surface-muted);color:var(--cr-muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.cr-insight.is-warning .cr-insight__status{background:#fffaeb;color:#b54708}
.cr-insight.is-positive .cr-insight__status{background:#ecfdf3;color:#067647}
.cr-insight.is-info .cr-insight__status{background:rgba(var(--cr-accent-rgb),.075);color:var(--cr-accent)}
.cr-insight__source{color:var(--cr-muted);font-size:10px;font-weight:750;text-align:right}
.cr-insight h3{margin:0 0 7px;color:var(--cr-text-strong);font-size:14px;line-height:1.25;letter-spacing:-.01em}
.cr-insight p{margin:0;color:var(--cr-muted);font-size:11.5px;line-height:1.55}
.cr-insight__action{align-self:flex-start;margin-top:auto;padding:10px 0 0;border:0;background:transparent;color:var(--cr-accent);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.cr-insight__action:hover{text-decoration:underline}
.cr-insight__action span{display:inline-block;transition:transform var(--cr-speed-fast) ease}
.cr-insight__action:hover span{transform:translateX(2px)}
@media(max-width:1100px){.cr-insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.cr-insights-grid{grid-template-columns:1fr}.cr-insight{min-height:0}.cr-insights-note{display:none}}

/* Per-customer dashboard visibility */
.cr-overview-trend-grid--single{grid-template-columns:minmax(0,1fr)}


/* PDF / print report */
@media print{
  @page{size:A4 landscape;margin:8mm}
  html,body{background:#fff!important}
  body.cr-standalone-body{font-size:9pt!important;line-height:1.28!important;background:#fff!important;color:#1d2939!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body.cr-standalone-body .cr-standalone-shell{padding:0!important;min-height:0!important}
  .cr-page-loader,.cr-tabs,.cr-date-form,.cr-help,.cr-help-popover,.cr-metric-switch,.cr-management-summary,.cr-insights-card,.cr-connection-card,.cr-conversion-filter-note{display:none!important}
  .cr-wrap{max-width:none!important;margin:0!important;color:#1d2939!important}

  /* Voorblad / overzicht */
  .cr-header{display:block!important;margin:0 0 5mm!important;padding:5mm 6mm!important;border:1px solid #dfe3ea!important;border-radius:4mm!important;box-shadow:none!important;background:linear-gradient(135deg,#fff,rgba(var(--cr-accent-rgb),.045))!important;overflow:hidden!important;break-inside:avoid}
  .cr-header>div:not(.cr-customer-header-image){position:relative!important;z-index:2!important}
  .cr-header h1{font-size:20pt!important;margin-bottom:1.5mm!important}
  .cr-header p{font-size:8.5pt!important}
  .cr-brand-row{margin-bottom:2mm!important}
  .cr-brand-mark{width:30px!important;height:30px!important;border-radius:9px!important;box-shadow:none!important}
  .cr-live-pill{font-size:7.5pt!important;padding:4px 7px!important}
  .cr-customer-header-image{opacity:.11!important}
  .cr-print-intro{display:block!important;margin:0 0 4mm!important;break-inside:avoid}
  .cr-print-period{display:flex!important;align-items:baseline!important;gap:3mm!important;flex-wrap:wrap!important;margin-bottom:3mm!important;padding:2.7mm 3.5mm!important;border:1px solid #e4e7ec!important;border-radius:2.5mm!important;background:#f8fafc!important}
  .cr-print-period span{font-size:7.5pt!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#667085!important}
  .cr-print-period strong{font-size:10pt!important;color:#101828!important}
  .cr-print-period small{font-size:8pt!important;color:#667085!important}
  .cr-print-summary{padding:3.5mm 4mm!important;border:1px solid rgba(var(--cr-accent-rgb),.18)!important;border-radius:3mm!important;background:linear-gradient(135deg,rgba(var(--cr-accent-rgb),.05),#fff 55%)!important}
  .cr-print-summary h2{margin:0 0 1.5mm!important;font-size:11.5pt!important;color:#101828!important}
  .cr-print-summary p{margin:0 0 1.2mm!important;font-size:8.2pt!important;line-height:1.38!important;color:#475467!important}
  .cr-print-summary p:last-child{margin-bottom:0!important}
  .cr-compare-bar{margin:0 0 4mm!important;padding:2.5mm 3mm!important;box-shadow:none!important;break-inside:avoid;font-size:8pt!important}

  /* Ieder hoofdonderdeel begint op een nieuwe PDF-pagina. */
  .cr-panel{display:block!important;opacity:1!important;transform:none!important;animation:none!important;margin:0!important;padding:0!important;page-break-inside:auto!important;break-inside:auto!important}
  .cr-panel[data-cr-panel]:not([data-cr-panel="overview"]){break-before:page;page-break-before:always;padding-top:1mm!important}
  .cr-panel[data-cr-panel]:not([data-cr-panel="overview"])::before{content:attr(data-cr-print-title);display:block;margin:0 0 3.5mm;padding:0 0 2mm;border-bottom:2px solid var(--cr-accent);font-size:16pt;font-weight:800;letter-spacing:-.02em;color:#101828}
  .cr-panel[data-cr-panel]:not([data-cr-panel="overview"])>.cr-section-title:first-child{display:none!important}
  .cr-panel[data-cr-panel="google"]::after,.cr-panel[data-cr-panel="meta"]::after,.cr-panel[data-cr-panel="ga4"]::after,.cr-panel[data-cr-panel="gsc"]::after,.cr-panel[data-cr-panel="backlinks"]::after,.cr-panel[data-cr-panel="content_gaps"]::after,.cr-panel[data-cr-panel="campaigns"]::after,.cr-panel[data-cr-panel="branches"]::after{content:"Volledige detailtabellen zijn beschikbaar in het online dashboard.";display:block;margin-top:2mm;padding-top:2mm;border-top:1px solid #e4e7ec;color:#98a2b3;font-size:6.8pt;text-align:right;break-inside:avoid}

  .cr-animate-in,.cr-components-loaded .cr-animate-in{opacity:1!important;transform:none!important;transition:none!important}
  .cr-section-title{margin:2mm 0 2.5mm!important}
  .cr-section-title h2{font-size:11pt!important}

  /* Compacte KPI's voor maximaal gebruik van een A4-landscape pagina. */
  .cr-kpis{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:2mm!important;margin-bottom:2.5mm!important}
  .cr-kpis--gsc{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cr-kpi,.cr-card{box-shadow:none!important;background:#fff!important;border-color:#e4e7ec!important;backdrop-filter:none!important}
  .cr-kpi{padding:2.5mm 3mm!important;min-height:0!important;break-inside:avoid}
  .cr-kpi-label{font-size:7.2pt!important;margin-bottom:1.5mm!important}
  .cr-kpi strong{font-size:13.5pt!important}
  .cr-kpi-button{padding:2.5mm 3mm!important;min-height:0!important;cursor:default!important}
  .cr-kpi-compare{margin-top:1.2mm!important;font-size:6.8pt!important}

  .cr-card{padding:3mm!important;margin-bottom:2.5mm!important;break-inside:avoid-page}
  .cr-card-head{margin-bottom:2mm!important}
  .cr-card-head h2{font-size:10pt!important}
  .cr-grid-2,.cr-overview-trend-grid,.cr-conversion-grid,.cr-ga4-grid,.cr-gsc-grid,.cr-gsc-detail-grid{gap:2.5mm!important}
  .cr-overview-channels{margin-top:2.5mm!important}

  /* Overzichtsgrafieken blijven compact op de eerste pagina. */
  .cr-panel[data-cr-panel="overview"] .cr-chart-card{min-height:0!important}
  .cr-panel[data-cr-panel="overview"] .cr-chart{min-height:42mm!important;height:42mm!important}
  .cr-panel[data-cr-panel="overview"] .cr-chart svg{height:42mm!important;max-height:42mm!important}
  .cr-panel[data-cr-panel="overview"] .cr-ga4-overview-card,.cr-panel[data-cr-panel="overview"] .cr-gsc-overview-card{padding:2.7mm!important}
  .cr-ga4-overview-metrics{gap:2mm!important}
  .cr-ga4-overview-metric{padding:2.2mm 2.5mm!important;border-radius:2mm!important}
  .cr-ga4-overview-metric span{font-size:7pt!important;margin-bottom:1mm!important}
  .cr-ga4-overview-metric strong{font-size:12pt!important}
  .cr-ga4-jump{display:none!important}

  /* Google Ads en Meta Ads: compacte tabellen zodat het onderdeel in de regel op 1 pagina past. */
  .cr-panel[data-cr-panel="google"] .cr-conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cr-panel[data-cr-panel="google"] .cr-conversion-grid .cr-span-full{grid-column:auto!important}
  .cr-panel[data-cr-panel="google"] .cr-table tbody tr:nth-child(n+9),
  .cr-panel[data-cr-panel="meta"] .cr-table tbody tr:nth-child(n+13),
  .cr-panel[data-cr-panel="campaigns"] .cr-table tbody tr:nth-child(n+19),
  .cr-panel[data-cr-panel="branches"] .cr-table tbody tr:nth-child(n+19){display:none!important}

  /* GA4: vier grafieken in 2 x 2, detailtabellen naast elkaar; dagtabel is dubbelop met de grafiek. */
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-chart-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2.5mm!important;margin:2.5mm 0!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-chart-card{min-height:0!important;padding:2.5mm!important;margin:0!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-chart{min-height:29mm!important;height:29mm!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-chart svg{height:29mm!important;max-height:29mm!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-bars{gap:1.2mm!important;padding-top:0!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-bar-row:nth-child(n+7){display:none!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-bar-top{font-size:6.5pt!important;gap:2mm!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-bar-track{height:4px!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-detail-title{margin-top:2.5mm!important;margin-bottom:2mm!important}
  .cr-panel[data-cr-panel="ga4"]>.cr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cr-panel[data-cr-panel="ga4"] .cr-table tbody tr:nth-child(n+7){display:none!important}
  .cr-panel[data-cr-panel="ga4"] .cr-ga4-daily-card{display:none!important}

  /* Search Console: trend bovenaan en beide top-lijsten naast elkaar. */
  .cr-panel[data-cr-panel="gsc"] .cr-gsc-chart-card{min-height:0!important;margin-bottom:2.5mm!important;padding:2.5mm!important}
  .cr-panel[data-cr-panel="gsc"] .cr-gsc-chart{min-height:39mm!important;height:39mm!important}
  .cr-panel[data-cr-panel="gsc"] .cr-gsc-chart svg{height:39mm!important;max-height:39mm!important}
  .cr-panel[data-cr-panel="gsc"] .cr-gsc-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cr-panel[data-cr-panel="gsc"] .cr-table tbody tr:nth-child(n+9){display:none!important}

  /* Tabellen */
  .cr-table-wrap{overflow:visible!important;max-height:none!important}
  table.cr-table{width:100%!important;font-size:6.7pt!important;border-collapse:collapse!important;table-layout:auto}
  .cr-table thead{display:table-header-group}
  .cr-table tr{break-inside:avoid;page-break-inside:avoid}
  .cr-table th,.cr-table td{padding:1.2mm 1.5mm!important;line-height:1.2!important}
  .cr-table th{font-size:6.3pt!important}
  .cr-table th.cr-sortable{cursor:default!important}
  .cr-sort-icon{display:none!important}
  .cr-campaign-cell,.cr-gsc-page-link{max-width:82mm!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .cr-empty,.cr-notice{box-shadow:none!important;break-inside:avoid}
  a{color:inherit!important;text-decoration:none!important}
}


/* 0.12.0 - duidelijke bronactualiteit */
.cr-freshness-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 16px;padding:10px 13px;border:1px solid rgba(var(--cr-accent-rgb),.16);border-radius:12px;background:rgba(var(--cr-accent-rgb),.045);color:var(--cr-muted);font-size:12px;line-height:1.45}
.cr-freshness-note strong{color:var(--cr-text-strong)}
@media print{.cr-freshness-note{margin:0 0 2.5mm!important;padding:2mm 2.5mm!important;font-size:7pt!important;break-inside:avoid}}


/* 0.14.0 - gecombineerde SEO-weergave (Search Console + SE Ranking) */
.cr-seo-section-title{align-items:flex-start;margin-bottom:18px}
.cr-seo-section-title>div{min-width:0}
.cr-seo-section-title p{margin:4px 0 0;color:var(--cr-muted);font-size:12px;line-height:1.55;max-width:900px}
.cr-seranking-title{margin-top:28px}
.cr-kpis--seranking{grid-template-columns:repeat(6,minmax(0,1fr))}
.cr-source-note{font-size:11px;font-weight:750;color:var(--cr-muted);white-space:nowrap}
.cr-seo-opportunity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cr-seo-opportunity{padding:14px 15px;border:1px solid rgba(var(--cr-accent-rgb),.13);border-radius:14px;background:rgba(var(--cr-accent-rgb),.035);min-width:0}
.cr-seo-opportunity>span{display:inline-flex;margin-bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(var(--cr-accent-rgb),.09);font-size:10px;font-weight:800;letter-spacing:.02em;color:var(--cr-text-strong)}
.cr-seo-opportunity strong{display:block;margin-bottom:5px;font-size:13px;color:var(--cr-text-strong);overflow-wrap:anywhere}
.cr-seo-opportunity p{margin:0;color:var(--cr-muted);font-size:11.5px;line-height:1.5}
.cr-seo-opportunity.is-decline{border-color:rgba(217,45,32,.18);background:rgba(217,45,32,.035)}
.cr-seo-opportunity.is-decline>span{background:rgba(217,45,32,.08);color:#b42318}
.cr-rank-delta{display:inline-flex;align-items:center;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.cr-rank-delta.is-positive{color:#067647}
.cr-rank-delta.is-negative{color:#b42318}
.cr-rank-delta.is-neutral{color:var(--cr-muted)}
.cr-seranking-keywords{margin-top:14px}
.cr-seranking-table td:first-child{min-width:190px}
.cr-seranking-table td:last-child{white-space:nowrap}
.cr-seranking-table a{font-weight:750;color:var(--cr-accent);text-decoration:none}
.cr-seranking-trend{margin-top:14px}
.cr-seo-overview-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1100px){.cr-kpis--seranking{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-seo-opportunity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-seo-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cr-kpis--seranking{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-seo-opportunity-grid{grid-template-columns:1fr}.cr-seo-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{
  .cr-seo-section-title p{font-size:7pt!important}
  .cr-kpis--seranking{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .cr-seo-opportunity-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2mm!important}
  .cr-seo-opportunity{padding:2mm!important;border-radius:2mm!important}
  .cr-seo-opportunity p{font-size:6.5pt!important}
  .cr-panel[data-cr-panel="gsc"] .cr-seranking-table tbody tr:nth-child(n+9){display:none!important}
}

/* 0.14.2 - SEO dashboard polish */
.cr-seo-source-meta{display:flex;gap:8px;flex-wrap:wrap;margin:-2px 0 14px}
.cr-seo-source-meta>span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(var(--cr-accent-rgb),.13);border-radius:999px;background:rgba(var(--cr-accent-rgb),.035);color:var(--cr-muted);font-size:11px;line-height:1.2}
.cr-seo-source-meta strong{color:var(--cr-text-strong);font-weight:800}
.cr-seo-table-tools{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.65fr) minmax(170px,.75fr) auto;align-items:end;gap:10px;margin:4px 0 14px}
.cr-seo-table-tools label{display:flex;flex-direction:column;gap:5px;color:var(--cr-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cr-seo-table-tools input,.cr-seo-table-tools select{width:100%;height:38px;border:1px solid var(--cr-border);border-radius:10px;background:#fff;color:var(--cr-text);padding:0 10px;font:inherit;font-size:12px;text-transform:none;letter-spacing:0;outline:none}
.cr-seo-table-tools input:focus,.cr-seo-table-tools select:focus{border-color:rgba(var(--cr-accent-rgb),.45);box-shadow:0 0 0 3px rgba(var(--cr-accent-rgb),.08)}
.cr-seo-result-count{align-self:center;justify-self:end;white-space:nowrap;color:var(--cr-muted);font-size:11px;font-weight:800}
.cr-seranking-table tr[hidden]{display:none!important}
.cr-ranking-url{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-seo-opportunity{appearance:none;-webkit-appearance:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
.cr-seo-opportunity small{display:block;margin-top:8px;color:var(--cr-accent);font-size:10px;font-weight:800}
.cr-seo-opportunity:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,24,40,.06)}
.cr-seranking-chart-card{min-height:390px}
.cr-seranking-chart{min-height:300px;position:relative}
.cr-seranking-chart svg{width:100%;height:285px;display:block;overflow:visible}
@media(max-width:900px){.cr-seo-table-tools{grid-template-columns:1fr 1fr}.cr-seo-result-count{justify-self:start}}
@media(max-width:620px){.cr-seo-table-tools{grid-template-columns:1fr}.cr-seranking-chart{min-height:245px}.cr-seranking-chart svg{height:245px}}
@media print{
  .cr-seo-table-tools{display:none!important}
  .cr-seo-source-meta{margin:0 0 2mm!important;gap:1.5mm!important}
  .cr-seo-source-meta>span{padding:1.3mm 2mm!important;font-size:6.5pt!important}
  .cr-seo-opportunity small{display:none!important}
  .cr-seranking-chart-card{min-height:0!important;padding:2.5mm!important}
  .cr-seranking-chart{min-height:39mm!important;height:39mm!important}
  .cr-seranking-chart svg{height:39mm!important;max-height:39mm!important}
}

/* 0.15.0 - dashboard afronding */
.cr-global-filter{align-items:flex-end}
.cr-custom-date-fields{display:none;gap:9px;align-items:flex-end}
.cr-custom-date-fields.is-visible{display:flex}
.cr-period-summary{margin-bottom:16px;border-color:rgba(var(--cr-accent-rgb),.16);background:linear-gradient(135deg,rgba(var(--cr-accent-rgb),.05),#fff 62%)}
.cr-period-summary .cr-card-head{margin-bottom:10px}
.cr-card-kicker{display:block;margin-bottom:4px;color:var(--cr-accent);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.cr-card-subtitle{margin:4px 0 0;color:var(--cr-muted);font-size:11px;line-height:1.45}
.cr-summary-period{display:inline-flex;padding:6px 9px;border-radius:999px;background:rgba(var(--cr-accent-rgb),.07);color:var(--cr-accent);font-size:10px;font-weight:800;white-space:nowrap}
.cr-period-summary__copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cr-period-summary__copy p{margin:0;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.72);border:1px solid rgba(var(--cr-accent-rgb),.08);color:var(--cr-text);font-size:12px;line-height:1.55}

.cr-overview-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.cr-overview-groups--count-1{grid-template-columns:minmax(0,1fr)}
.cr-overview-groups--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cr-overview-groups--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cr-overview-groups--count-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cr-overview-group{padding:16px;min-width:0}
.cr-overview-group__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.cr-overview-group__head span{display:block;color:var(--cr-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.cr-overview-group__head h2{margin:3px 0 0;color:var(--cr-text-strong);font-size:16px;line-height:1.2}
.cr-overview-group__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cr-overview-group__metric{min-width:0;padding:10px 11px;border-radius:12px;border:1px solid var(--cr-border);background:var(--cr-bg-elevated)}
.cr-overview-group__metric>span:first-child{display:block;min-height:26px;color:var(--cr-muted);font-size:9.5px;font-weight:750;line-height:1.35}
.cr-overview-group__metric>strong{display:block;margin-top:4px;color:var(--cr-text-strong);font-size:17px;line-height:1.15;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-overview-group__metric .cr-kpi-compare{margin-top:7px}
.cr-overview-group__notice{margin:0;padding:12px;border-radius:12px;background:var(--cr-surface-muted);border:1px solid var(--cr-border);color:var(--cr-muted);font-size:11px;line-height:1.5}

.cr-branch-stack{margin-top:16px}
.cr-branch-stack__list{display:flex;flex-direction:column;border:1px solid var(--cr-border);border-radius:15px;overflow:hidden}
.cr-branch-stack__row{appearance:none;-webkit-appearance:none;width:100%;display:grid;grid-template-columns:minmax(190px,1.5fr) repeat(4,minmax(92px,.7fr)) 28px;align-items:center;gap:12px;padding:13px 15px;border:0;border-bottom:1px solid var(--cr-border);background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:background var(--cr-speed-fast) ease,transform var(--cr-speed-fast) ease}
.cr-branch-stack__row:last-child{border-bottom:0}
.cr-branch-stack__row:hover{background:rgba(var(--cr-accent-rgb),.035)}
.cr-branch-stack__row:active{transform:scale(.998)}
.cr-branch-stack__row>span{min-width:0}
.cr-branch-stack__row>span:not(.cr-branch-stack__name):not(.cr-branch-stack__arrow){display:flex;flex-direction:column;gap:3px}
.cr-branch-stack__row small{display:block;color:var(--cr-muted);font-size:9.5px;font-weight:700}
.cr-branch-stack__row strong{display:block;color:var(--cr-text-strong);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-branch-stack__name strong{font-size:13px}
.cr-branch-stack__arrow{color:var(--cr-accent);font-size:17px;font-weight:900;text-align:right}

.cr-collapse-button{margin-left:auto;flex:0 0 auto;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cr-border);border-radius:9px;background:var(--cr-surface);color:var(--cr-muted);cursor:pointer;font-size:15px;font-weight:900;line-height:1;transition:background var(--cr-speed-fast) ease,color var(--cr-speed-fast) ease,border-color var(--cr-speed-fast) ease}
.cr-collapse-button:hover{background:rgba(var(--cr-accent-rgb),.05);border-color:rgba(var(--cr-accent-rgb),.25);color:var(--cr-accent)}
article.cr-card.is-collapsed>.cr-card-head{margin-bottom:0}
article.cr-card.is-collapsed>*:not(.cr-card-head){display:none!important}

.cr-campaign-activity{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.cr-campaign-activity.is-active{background:var(--cr-success-soft);color:var(--cr-success)}
.cr-campaign-activity.is-idle{background:var(--cr-surface-muted);color:var(--cr-muted)}
.cr-table-footnote{margin:9px 2px 0;color:var(--cr-muted-2);font-size:9.5px;line-height:1.45}
.cr-conversion-grid--single{grid-template-columns:minmax(0,1fr)}
.cr-conversion-grid--single>article{grid-column:auto!important}

@media(max-width:1180px){.cr-overview-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-overview-groups--count-1{grid-template-columns:minmax(0,1fr)}.cr-overview-groups--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-branch-stack__row{grid-template-columns:minmax(170px,1.5fr) repeat(2,minmax(90px,.7fr)) 28px}.cr-branch-metric--conversions,.cr-branch-metric--cpa{display:none!important}}
@media(max-width:760px){.cr-custom-date-fields{width:100%;grid-template-columns:1fr 1fr}.cr-custom-date-fields.is-visible{display:grid}.cr-period-summary__copy{grid-template-columns:1fr}.cr-overview-groups{grid-template-columns:1fr}.cr-branch-stack__row{grid-template-columns:minmax(0,1fr) 82px 26px}.cr-branch-stack__row>.cr-branch-metric{display:none!important}.cr-branch-stack__row>.cr-branch-metric--clicks{display:flex!important}}
@media print{
  .cr-period-summary{display:block!important;margin:0 0 2.5mm!important;padding:2.5mm!important}
  .cr-period-summary__copy{grid-template-columns:1fr 1fr!important;gap:2mm!important}
  .cr-period-summary__copy p{padding:2mm!important;font-size:7pt!important}
  .cr-overview-groups{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2mm!important;margin-bottom:2.5mm!important}
  .cr-overview-groups--count-1{grid-template-columns:minmax(0,1fr)!important}
  .cr-overview-groups--count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cr-overview-groups--count-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .cr-overview-group{padding:2mm!important}
  .cr-overview-group__metric{padding:1.5mm!important}
  .cr-overview-group__metric>span:first-child{min-height:auto!important;font-size:6pt!important}
  .cr-overview-group__metric>strong{font-size:10pt!important}
  .cr-branch-stack__row{grid-template-columns:minmax(42mm,1.5fr) repeat(4,minmax(20mm,.7fr))!important;padding:1.5mm 2mm!important}
  .cr-branch-stack__arrow,.cr-collapse-button,.cr-table-footnote{display:none!important}
  article.cr-card.is-collapsed>*:not(.cr-card-head){display:block!important}
}

/* 0.15.1 - SE Ranking backlinkoverzicht */
.cr-seranking-backlinks-title{align-items:flex-start;margin-top:0;margin-bottom:16px}
.cr-seranking-backlinks-title>div{min-width:0}
.cr-seranking-backlinks-title p{margin:4px 0 0;color:var(--cr-muted);font-size:12px;line-height:1.55;max-width:900px}
.cr-kpis--seranking-backlinks{grid-template-columns:repeat(6,minmax(0,1fr))}
.cr-backlink-source-meta{margin-bottom:14px}
.cr-backlink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}
.cr-backlink-card{min-width:0}
.cr-seranking-backlink-list{margin-top:16px}
.cr-backlink-link{display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cr-accent);font-weight:700;text-decoration:none}
.cr-backlink-link:hover{text-decoration:underline}
.cr-backlink-anchor{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-link-type{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1}
.cr-link-type.is-dofollow{background:rgba(3,152,85,.09);color:#027a48}
.cr-link-type.is-nofollow{background:rgba(102,112,133,.10);color:#475467}
.cr-notice--warning{border-color:rgba(245,158,11,.28)!important;background:rgba(245,158,11,.06)!important}
.cr-backlink-domain-table td:first-child,.cr-backlink-list-table td:first-child,.cr-backlink-list-table td:nth-child(2){min-width:220px}
@media(max-width:1100px){.cr-kpis--seranking-backlinks{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-backlink-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cr-kpis--seranking-backlinks{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-backlink-link{max-width:250px}}
@media print{
  .cr-seranking-backlinks-title p{font-size:7pt!important}
  .cr-kpis--seranking-backlinks{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .cr-backlink-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:2.5mm!important}
  .cr-panel[data-cr-panel="backlinks"] .cr-backlink-domain-table tbody tr:nth-child(n+9),
  .cr-panel[data-cr-panel="backlinks"] .cr-backlink-anchor-table tbody tr:nth-child(n+9),
  .cr-panel[data-cr-panel="backlinks"] .cr-backlink-list-table tbody tr:nth-child(n+11){display:none!important}
}

/* 0.16.0 - Content Gaps */
.cr-content-gap-title{align-items:flex-start;margin-top:0;margin-bottom:16px}
.cr-content-gap-title>div{min-width:0}
.cr-content-gap-title p{margin:4px 0 0;color:var(--cr-muted);font-size:12px;line-height:1.55;max-width:920px}
.cr-content-gap-refresh{margin-bottom:16px;border-color:rgba(var(--cr-accent-rgb),.14);background:linear-gradient(135deg,rgba(var(--cr-accent-rgb),.045),#fff 68%)}
.cr-content-gap-refresh .cr-card-head{align-items:center;margin-bottom:0}
.cr-content-gap-refresh .cr-card-head>div{max-width:820px}
.cr-content-gap-refresh .cr-card-head p{margin:5px 0 0;color:var(--cr-muted);font-size:11px;line-height:1.5}
.cr-action-button{appearance:none;border:0;border-radius:10px;background:var(--cr-accent);color:#fff;padding:10px 14px;font:inherit;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 7px 18px rgba(var(--cr-accent-rgb),.16)}
.cr-action-button:hover{filter:brightness(.96)}
.cr-kpis--content-gaps{grid-template-columns:repeat(6,minmax(0,1fr))}
.cr-content-gap-meta{margin-bottom:14px}
.cr-technical-details{margin:0 0 14px;padding:10px 12px;border:1px solid var(--cr-border);border-radius:12px;background:var(--cr-surface-muted);color:var(--cr-muted);font-size:11px}
.cr-technical-details summary{cursor:pointer;color:var(--cr-text-strong);font-weight:800}
.cr-technical-details ul{margin:8px 0 0 18px;padding:0}
.cr-gap-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:0 0 13px;padding:11px;border:1px solid var(--cr-border);border-radius:13px;background:var(--cr-surface-muted)}
.cr-gap-toolbar label{display:flex;flex-direction:column;gap:5px;color:var(--cr-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cr-gap-toolbar input,.cr-gap-toolbar select{min-height:36px;border:1px solid var(--cr-border);border-radius:9px;background:#fff;color:var(--cr-text);padding:7px 9px;font:inherit;font-size:11px;text-transform:none;letter-spacing:0;outline:none}
.cr-gap-toolbar input{min-width:245px}
.cr-gap-toolbar input:focus,.cr-gap-toolbar select:focus{border-color:rgba(var(--cr-accent-rgb),.45);box-shadow:0 0 0 3px rgba(var(--cr-accent-rgb),.07)}
.cr-gap-count{margin-left:auto;align-self:center;color:var(--cr-muted);font-size:10px;font-weight:800;white-space:nowrap}
.cr-content-gap-table td:first-child{min-width:300px;max-width:430px}
.cr-content-gap-table td:last-child{min-width:170px}
.cr-content-gap-table tr[hidden]{display:none!important}
.cr-gap-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
.cr-gap-details summary::-webkit-details-marker{display:none}
.cr-gap-details summary strong{display:block;color:var(--cr-text-strong);font-size:11px;line-height:1.35}
.cr-gap-details summary span{display:inline-flex;color:var(--cr-accent);font-size:9px;font-weight:800;white-space:nowrap}
.cr-gap-details[open]{min-width:580px}
.cr-gap-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;padding:12px;border:1px solid rgba(var(--cr-accent-rgb),.10);border-radius:12px;background:rgba(var(--cr-accent-rgb),.025)}
.cr-gap-detail-grid h4{margin:0 0 8px;color:var(--cr-text-strong);font-size:10px}
.cr-gap-page-list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none}
.cr-gap-page-list li{min-width:0}
.cr-gap-page-list a{display:block;max-width:300px;color:var(--cr-accent);font-size:10px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.cr-gap-page-list a:hover{text-decoration:underline}
.cr-gap-page-list span{display:block;margin-top:2px;color:var(--cr-muted);font-size:8.5px}
.cr-gap-keywords{display:flex;gap:6px;flex-wrap:wrap}
.cr-gap-keyword{display:inline-flex;flex-direction:column;gap:2px;padding:6px 8px;border:1px solid var(--cr-border);border-radius:9px;background:#fff;max-width:220px}
.cr-gap-keyword strong{font-size:9px;color:var(--cr-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cr-gap-keyword small{font-size:8px;color:var(--cr-muted)}
.cr-gap-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}
.cr-gap-status--missing{background:rgba(3,152,85,.09);color:#027a48}
.cr-gap-status--optimize{background:rgba(245,158,11,.10);color:#b54708}
.cr-gap-status--unverified{background:rgba(102,112,133,.10);color:#475467}
@media(max-width:1100px){.cr-kpis--content-gaps{grid-template-columns:repeat(3,minmax(0,1fr))}.cr-gap-toolbar input{min-width:190px}.cr-gap-details[open]{min-width:500px}}
@media(max-width:700px){.cr-kpis--content-gaps{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-content-gap-refresh .cr-card-head{align-items:flex-start;flex-direction:column}.cr-gap-toolbar{align-items:stretch}.cr-gap-toolbar label{width:100%}.cr-gap-toolbar input,.cr-gap-toolbar select{width:100%;min-width:0}.cr-gap-count{margin-left:0}.cr-gap-details[open]{min-width:0}.cr-gap-detail-grid{grid-template-columns:1fr}}
@media print{
  .cr-content-gap-title p{font-size:7pt!important}
  .cr-content-gap-refresh,.cr-gap-toolbar,.cr-technical-details{display:none!important}
  .cr-kpis--content-gaps{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .cr-panel[data-cr-panel="content_gaps"] .cr-content-gap-table tbody tr:nth-child(n+16){display:none!important}
  .cr-panel[data-cr-panel="content_gaps"] .cr-content-gap-table tr[hidden]{display:table-row!important}
  .cr-gap-details summary span{display:none!important}
  .cr-gap-details>div{display:none!important}
}
.cr-content-gap-refresh form{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}
.cr-gap-limit{display:flex;flex-direction:column;gap:4px;color:var(--cr-muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.cr-gap-limit select{min-height:36px;border:1px solid var(--cr-border);border-radius:9px;background:#fff;color:var(--cr-text);padding:6px 9px;font:inherit;font-size:10px;text-transform:none;letter-spacing:0}
@media(max-width:700px){.cr-content-gap-refresh form{width:100%}.cr-gap-limit{flex:1}.cr-gap-limit select{width:100%}}

.cr-gap-status--filtered{background:rgba(102,112,133,.09);color:#344054}.cr-gap-focus-reason{display:block;margin-top:5px;max-width:180px;color:var(--cr-muted);font-size:8px;line-height:1.35;font-weight:600}

@media print{.cr-panel[data-cr-panel="content_gaps"] tr[data-cr-gap-status="filtered"]{display:none!important}}
