/* “Je klanten” palette from the navigation, with the shared compact page layout. */
.customer-page { --cp-accent:#ad547c; --cp-accent-hover:#914266; --cp-tint:#f9e7ee; --cp-soft:#fdf3f7; --cp-line:#efdde5; }
.customer-page h1 span,.customer-page .bk-kicker,.customer-page .bk-feature .bk-kicker,.customer-page .bk-textlink,.customer-page .bk-benefits .sv-icon,.customer-page .bk-questions summary>span { color:var(--cp-accent); }
.customer-page .bk-textlink:hover,.customer-page .bk-breadcrumb a:hover { color:var(--cp-accent-hover); }
.customer-page .sv-button { background:var(--cp-accent); border-color:var(--cp-accent); }
.customer-page .sv-button:hover { background:var(--cp-accent-hover); border-color:var(--cp-accent-hover); }
.customer-page .bk-agenda,.customer-page .bk-booking-visual,.customer-page .bk-feature { background:var(--cp-tint); }
.customer-page .bk-feature.bk-visit,.customer-page .bk-final { background:var(--cp-soft); }
.customer-page .bk-booking-steps li>span { color:var(--cp-accent); background:var(--cp-tint); }
.customer-page .bk-included,.customer-page .bk-price,.customer-page .bk-questions details { border-color:var(--cp-line); }
.customer-page .cp-app-frame { position:relative; width:100%; height:580px; overflow:hidden; border:1px solid var(--cp-line); border-radius:15px; background:#fff; box-shadow:0 18px 40px -20px #63304725; }
.customer-page .cp-app-frame iframe { position:absolute; top:0; left:0; display:block; width:1100px; height:580px; border:0; transform-origin:top left; pointer-events:none; user-select:none; }
.customer-page .cp-note-card { overflow:hidden; border:1px solid #e9e5ed; border-radius:17px; background:#fff; box-shadow:0 18px 32px -24px #63304733; }
.customer-page .cp-note-card>header { display:flex; align-items:center; gap:13px; padding:24px; border-bottom:1px solid #f0edf3; }
.customer-page .cp-note-card>header>span { display:grid; place-items:center; flex:0 0 44px; height:44px; border-radius:12px; color:#7461b5; background:#eeebfa; font-size:14px; font-weight:650; }
.customer-page .cp-note-card header strong { display:block; font-size:16px; }
.customer-page .cp-note-card header small { display:block; margin-top:3px; color:#7e8596; font-size:11px; }
.customer-page .cp-note-body { padding:28px 24px; }
.customer-page .cp-small-label { font-size:10px; font-weight:650; color:#858093; text-transform:uppercase; letter-spacing:.08em; }
.customer-page .cp-note-body>p { margin:14px 0 22px; font-size:15px; line-height:1.9; color:#535d76; }
.customer-page .cp-note-body>div { display:flex; align-items:center; gap:7px; color:#8a8293; font-size:10px; }
.customer-page .cp-note-body .sv-icon { width:14px; height:14px; }
.customer-page .cp-note-card>footer { padding:20px 24px; border-top:1px solid #f0edf3; background:#faf9fc; }
.customer-page .cp-note-card footer span { display:block; color:#8a8293; font-size:10px; }
.customer-page .cp-note-card footer strong { display:block; margin-top:5px; font-size:12px; font-weight:550; }
.customer-page .cp-history,.customer-page .cp-preferences { margin-top:auto; padding:24px; border-radius:15px; background:#fff; }
.customer-page .cp-history>header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:10px; font-size:12px; }
.customer-page .cp-history>header>span { color:#9096a4; font-size:10px; }
.customer-page .cp-history>div { display:flex; align-items:center; gap:12px; padding:18px 0; }
.customer-page .cp-history>div+div { border-top:1px solid #edf0f5; padding-bottom:0; }
.customer-page .cp-history .sv-icon { width:20px; height:20px; color:#9181bf; }
.customer-page .cp-history b { display:block; font-size:12px; font-weight:600; }
.customer-page .cp-history small { display:block; margin-top:4px; font-size:10px; color:#7c8597; }
.customer-page .cp-history>div>strong { margin-left:auto; font-size:12px; font-weight:600; white-space:nowrap; }
.customer-page .cp-preferences>header { display:flex; align-items:center; gap:10px; padding-bottom:17px; font-size:13px; }
.customer-page .cp-preferences>header>.sv-icon { width:20px; height:20px; color:#9181bf; }
.customer-page .cp-preferences>div { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #edf0f5; font-size:11px; }
.customer-page .cp-preferences>div:last-child { padding-bottom:0; }
.customer-page .cp-preferences b { padding:3px 9px; border-radius:6px; font-size:10px; font-weight:550; }
.customer-page .cp-preferences .is-on { color:#358263; background:#e9f6ef; }
.customer-page .cp-preferences .is-off { color:#83899b; background:#f3f4f8; }
.customer-page .bk-plan-note .bk-textlink { margin-top:9px; font-size:11px; }
@media(max-width:760px) {
  .customer-page .cp-app-frame { border-radius:12px; }
  .customer-page .cp-note-card>header,.customer-page .cp-note-body,.customer-page .cp-note-card>footer { padding:22px 18px; }
  .customer-page .cp-history,.customer-page .cp-preferences { padding:22px 16px; }
  .customer-page .cp-history>div { gap:8px; }
}