/* ============================================================
   dk-inzicht.css — zone 8 van /digitale-klantenservice/.
   1-op-1 uit de Claude Design-export van 01-09-2026
   (upgrade-klantenservice.css, blok "ZONE 8 — DASHBOARD").
   Gedeelde dk-basis: widgets/shared/bconnect-dk.css.
   ============================================================ */

.dk-dash-grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.dk-dash-text { display: block; min-width: 0; }
.dk-dash-visual { display: block; min-width: 0; }
.dk-dash-visual img { width: 100%; height: auto; display: block; border-radius: 18px; box-shadow: 0 18px 44px rgba(20, 20, 100, .1); }

/* ---- responsive --------------------------------------------- */
@media (max-width: 980px) {
	.dk-dash-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
	.dk-dash-visual { order: -1; }
}

/* ===== HARDENING — gradient/kleur tegen theme-resets ===== */
.elementor-widget-bconnect_dk_inzicht .accent {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	display: inline-block;
}
.elementor-widget-bconnect_dk_inzicht .dk-check {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
	color: #fff !important;
}
.elementor-widget-bconnect_dk_inzicht .btn-primary {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
	color: #fff !important;
}
.elementor-widget-bconnect_dk_inzicht .btn-primary:hover {
	background: linear-gradient(90deg, #3a1eff 0%, #c213ad 100%) !important;
	color: #fff !important;
}