/* “Je klanten” palette from the navigation, with the shared compact page layout. */
.automation-page { --ap-accent:#ad547c; --ap-accent-hover:#914266; --ap-tint:#f9e7ee; --ap-soft:#fdf3f7; --ap-line:#efdde5; }
.automation-page h1 span,.automation-page .bk-kicker,.automation-page .bk-feature .bk-kicker,.automation-page .bk-textlink,.automation-page .bk-benefits .sv-icon,.automation-page .bk-questions summary>span { color:var(--ap-accent); }
.automation-page .bk-textlink:hover,.automation-page .bk-breadcrumb a:hover { color:var(--ap-accent-hover); }
.automation-page .sv-button { background:var(--ap-accent); border-color:var(--ap-accent); }
.automation-page .sv-button:hover { background:var(--ap-accent-hover); border-color:var(--ap-accent-hover); }
.automation-page .bk-agenda,.automation-page .bk-booking-visual,.automation-page .bk-feature { background:var(--ap-tint); }
.automation-page .bk-feature.bk-visit,.automation-page .bk-final { background:var(--ap-soft); }
.automation-page .bk-booking-steps li>span { color:var(--ap-accent); background:var(--ap-tint); }
.automation-page .bk-included,.automation-page .bk-price,.automation-page .bk-questions details { border-color:var(--ap-line); }

.automation-page .ap-app-frame { position:relative; width:100%; height:530px; overflow:hidden; border:1px solid var(--ap-line); border-radius:15px; background:#fff; box-shadow:0 18px 40px -20px #63304725; }
.automation-page .ap-app-frame iframe { position:absolute; top:0; left:0; width:1100px; height:530px; border:0; transform-origin:top left; pointer-events:none; user-select:none; }
.automation-page .ap-flow { padding:28px; background:#fff; border:1px solid #ede7ef; border-radius:18px; box-shadow:0 18px 32px -24px #63304733; }
.automation-page .ap-flow>header { display:flex; align-items:center; gap:10px; padding-bottom:23px; font-size:13px; }
.automation-page .ap-flow>header .sv-icon { color:#7461b5; width:19px; height:19px; }
.automation-page .ap-node { display:flex; align-items:center; gap:13px; padding:17px; border:1px solid #e9e5f1; border-radius:12px; }
.automation-page .ap-node>.sv-icon { flex:0 0 30px; padding:6px; width:30px; height:30px; border-radius:8px; color:#7461b5; background:#f1edfb; }
.automation-page .ap-node small { display:block; font-size:10px; color:#7c8090; margin-bottom:4px; }
.automation-page .ap-node strong { display:block; font-size:13px; font-weight:600; }
.automation-page .ap-delay { display:grid; justify-items:center; gap:8px; color:#9296a5; font-size:10px; }
.automation-page .ap-delay::before,.automation-page .ap-delay::after { content:''; width:1px; height:21px; background:#dfd8eb; }
.automation-page .ap-message { padding:20px; border-radius:12px; background:#f8f6fc; border:1px solid #e9e5f1; }
.automation-page .ap-message>small { color:#827994; font-size:10px; }
.automation-page .ap-message h3 { margin:12px 0 14px; font-size:17px; letter-spacing:-.025em; }
.automation-page .ap-message p { margin:0 0 12px; color:#61697c; font-size:12px; line-height:1.8; }
.automation-page .ap-message p:last-child { margin:0; }
.automation-page .ap-flow>footer { display:flex; align-items:center; gap:7px; padding-top:21px; font-size:10px; color:#6f7889; }
.automation-page .ap-flow>footer .sv-icon { width:15px; height:15px; color:#419475; }
.automation-page .ap-moments,.automation-page .ap-settings { margin-top:auto; padding:24px; border-radius:15px; background:#fff; }
.automation-page .ap-moments>div { display:flex; align-items:center; gap:13px; padding:16px 0; }
.automation-page .ap-moments>div:first-child { padding-top:0; }
.automation-page .ap-moments>div:last-child { padding-bottom:0; }
.automation-page .ap-moments>div+div { border-top:1px solid #f0edf3; }
.automation-page .ap-moments .sv-icon { flex-shrink:0; color:#8a73b9; width:22px; height:22px; }
.automation-page .ap-moments strong { display:block; font-size:12px; font-weight:600; }
.automation-page .ap-moments small { display:block; margin-top:4px; color:#7b8294; font-size:10px; }
.automation-page .ap-settings>header { padding-bottom:17px; font-size:13px; font-weight:600; }
.automation-page .ap-settings>div { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 0; border-top:1px solid #f0edf3; font-size:11px; }
.automation-page .ap-settings>div:last-child { padding-bottom:0; }
.automation-page .ap-settings b { font-size:10px; font-weight:550; color:#6f608f; text-align:right; }
.automation-page .ap-settings .ap-state { padding:3px 8px; border-radius:6px; color:#358263; background:#e9f6ef; }
@media(max-width:760px) {
 .automation-page .ap-app-frame { border-radius:12px; }
 .automation-page .ap-flow { padding:22px 16px; }
 .automation-page .ap-moments,.automation-page .ap-settings { padding:22px 16px; }
 .automation-page .ap-node { padding:14px 12px; gap:10px; }
 .automation-page .ap-message { padding:18px 14px; }
}