/* Klantenportaal shared UI — Core v2.9.0 */
:root{--bdh-blue:#2563a6;--bdh-blue-dark:#1e4e79;--bdh-text:#17202a;--bdh-muted:#556274;--bdh-border:#cddded;--bdh-soft:#f4f7fa;--bdh-white:#fff;--bdh-red:#b42318;--bdh-red-border:#e5b7b2;--bdh-orange:#855d00;--bdh-orange-bg:#fff4db;--bdh-orange-border:#ead39a;--bdh-green:#246b35;--bdh-green-bg:#eaf6ed;--bdh-green-border:#a8d4b2}
/* One shared compact button language. Module CSS may define layout, not button appearance. */
.bdh-back-btn,.bdh-back-office,.bdh-action-btn,.bdh-customer-actions button,.bdh-customer-actions .bdh-pdf-link,.bdh-reply-actions button,.bdh-bulk-apply,.bdh-compact-primary,.bdh-compose-actions button,.bdh-compose-actions a,.bdh-new-message-form>button[type=submit],.bdh-new-btn,.bdh-new-office-btn,.bdh-primary,.bdh-office-btn,.bdh-light-btn{
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:6px 11px!important;margin:0!important;border:1px solid var(--bdh-border)!important;border-radius:6px!important;background:var(--bdh-white)!important;color:var(--bdh-blue-dark)!important;font:inherit!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;white-space:nowrap!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}
.bdh-back-btn:hover,.bdh-back-office:hover,.bdh-action-btn:hover,.bdh-customer-actions button:hover,.bdh-customer-actions .bdh-pdf-link:hover,.bdh-reply-actions button:hover,.bdh-light-btn:hover{background:#f8fbfe!important;border-color:#9ebcda!important;color:var(--bdh-blue-dark)!important}
/* Primary actions */
.bdh-new-btn,.bdh-new-office-btn,.bdh-primary,.bdh-bulk-apply,.bdh-compact-primary,.bdh-new-message-form>button[type=submit],.bdh-reply-submit,.bdh-compose-actions button[type=submit]:not(.bdh-draft-btn){background:var(--bdh-blue)!important;border-color:var(--bdh-blue)!important;color:#fff!important}
.bdh-new-btn:hover,.bdh-new-office-btn:hover,.bdh-primary:hover,.bdh-bulk-apply:hover,.bdh-compact-primary:hover,.bdh-new-message-form>button[type=submit]:hover,.bdh-reply-submit:hover{background:var(--bdh-blue-dark)!important;border-color:var(--bdh-blue-dark)!important;color:#fff!important}
/* Semantic actions */
.bdh-delete-btn{background:#fff!important;color:var(--bdh-red)!important;border-color:var(--bdh-red-border)!important}.bdh-delete-btn:hover{background:#fff8f7!important}
.bdh-archive-btn{background:var(--bdh-orange-bg)!important;color:var(--bdh-orange)!important;border-color:var(--bdh-orange-border)!important}
.bdh-mail-btn,.bdh-unread-btn,.bdh-reactivate-btn{background:var(--bdh-green-bg)!important;color:var(--bdh-green)!important;border-color:var(--bdh-green-border)!important}
.bdh-edit-btn{background:var(--bdh-blue)!important;color:#fff!important;border-color:var(--bdh-blue)!important}
.bdh-duplicate-btn,.bdh-followup-main{background:#eef4fb!important;color:var(--bdh-blue-dark)!important}
/* Filter/status tabs */
.bdh-customer-filter,.bdh-view-tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important;align-items:center!important}
.bdh-cfilter,.bdh-view-tabs a{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;gap:6px!important;min-height:34px!important;padding:6px 10px!important;border:1px solid var(--bdh-border)!important;border-radius:6px!important;background:#fff!important;color:var(--bdh-blue-dark)!important;font-size:13px!important;font-weight:650!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
.bdh-cfilter:hover,.bdh-view-tabs a:hover{background:#f8fbfe!important;border-color:#9ebcda!important}
.bdh-cfilter.active,.bdh-view-tabs a.active{background:var(--bdh-blue)!important;border-color:var(--bdh-blue)!important;color:#fff!important}
.bdh-cfilter span,.bdh-view-tabs a span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;background:#eef4fb!important;color:var(--bdh-blue-dark)!important;font-size:11px!important;line-height:1!important}
.bdh-cfilter.active span,.bdh-view-tabs a.active span{background:rgba(255,255,255,.18)!important;color:#fff!important}
/* Shared controls */
.bdh-manage select,.bdh-manage input[type=text],.bdh-manage input[type=search],.bdh-bulk-form select,.bdh-new-message-form input[type=text],.bdh-new-message-form select,.bdh-new-message-form textarea,.bdh-reply-form textarea{box-sizing:border-box!important;border:1px solid var(--bdh-border)!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;font:inherit!important}
.bdh-new-message-form input[type=file],.bdh-reply-form input[type=file]{box-sizing:border-box!important;border:1px solid #dbe2ea!important;border-radius:6px!important;background:#f8fafc!important;padding:5px 7px!important}
.bdh-new-message-form input[type=file]::file-selector-button,.bdh-reply-form input[type=file]::file-selector-button{margin-right:10px!important;padding:6px 10px!important;border:1px solid var(--bdh-border)!important;border-radius:5px!important;background:#fff!important;color:var(--bdh-blue-dark)!important;font-weight:650!important;cursor:pointer!important}
/* Message management spacing */
.bdh-manage .bdh-back-office-wrap{margin-bottom:14px!important}.bdh-manage .bdh-view-tabs{margin:14px 0 12px!important}.bdh-manage .bdh-filter{gap:10px!important}.bdh-bulk-form{align-items:center!important}.bdh-customer-actions{gap:7px!important;flex-wrap:wrap!important}
@media(max-width:650px){.bdh-new-btn,.bdh-new-office-btn{width:auto!important}.bdh-customer-filter,.bdh-view-tabs{gap:5px!important}}


/* v2.9.0 — definitive shared controls across all current modules */
.bdh-manage :is(button,input[type=submit],input[type=button],a.bdh-office-btn,a.bdh-light-btn),
.bdh-customer-messages :is(button,input[type=submit],input[type=button]),
.bdh-new-message-form :is(button,input[type=submit],input[type=button]),
.bdh-recurring :is(button,input[type=submit],input[type=button],a.bdh-office-btn,a.bdh-cancel-link),
.bdh-status-admin :is(button,input[type=submit],input[type=button],a.bdh-status-secondary),
.bdh-allow :is(button,input[type=submit],input[type=button],a.bdh-light-btn),
.bdh-allow-admin-list :is(button,input[type=submit],input[type=button]){
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:34px!important;padding:6px 11px!important;border:1px solid var(--bdh-border)!important;border-radius:6px!important;
 background:#fff!important;color:var(--bdh-blue-dark)!important;font:inherit!important;font-size:13px!important;font-weight:650!important;
 line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;width:auto!important}
.bdh-manage :is(button,input[type=submit],input[type=button]):hover,
.bdh-customer-messages :is(button,input[type=submit],input[type=button]):hover,
.bdh-recurring :is(button,input[type=submit],input[type=button]):hover,
.bdh-status-admin :is(button,input[type=submit],input[type=button]):hover,
.bdh-allow :is(button,input[type=submit],input[type=button]):hover{background:#f8fbfe!important;border-color:#9ebcda!important}
/* only true primary actions are filled */
.bdh-new-office-btn,.bdh-new-btn,.bdh-bulk-apply,.bdh-reply-submit,.bdh-new-message-form>button[type=submit],
.bdh-recurring .bdh-office-btn,.bdh-status-admin .bdh-status-update,.bdh-allow .bdh-row-save{
 background:var(--bdh-blue)!important;border-color:var(--bdh-blue)!important;color:#fff!important}
/* actions that should remain calm/outlined */
.bdh-open-conv,.bdh-manage .bdh-open-conv,.bdh-manage .bdh-bulk-apply:not(.bdh-primary),.bdh-back-office,.bdh-back-btn,
.bdh-customer-actions button,.bdh-customer-actions .bdh-pdf-link{background:#fff!important;color:var(--bdh-blue-dark)!important;border-color:var(--bdh-border)!important}
/* semantic actions */
.bdh-delete-btn,.bdh-status-delete,.bdh-status-bulk-delete,.bdh-rate-delete,.bdh-row-delete,.bdh-recurring button.danger{background:#fff!important;color:var(--bdh-red)!important;border-color:var(--bdh-red-border)!important}
.bdh-archive-btn{background:var(--bdh-orange-bg)!important;color:var(--bdh-orange)!important;border-color:var(--bdh-orange-border)!important}
.bdh-mail-btn,.bdh-unread-btn,.bdh-reactivate-btn{background:var(--bdh-green-bg)!important;color:var(--bdh-green)!important;border-color:var(--bdh-green-border)!important}
/* shared inputs */
.bdh-recurring :is(input[type=text],input[type=search],input[type=number],input[type=date],select,textarea),
.bdh-status-admin :is(input[type=text],input[type=search],input[type=datetime-local],select,textarea),
.bdh-allow :is(input[type=text],input[type=search],input[type=number],input[type=date],input[type=time],select,textarea){
 box-sizing:border-box!important;border:1px solid var(--bdh-border)!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;font:inherit!important}
/* compact cards / toolbars */
.bdh-rec-card,.bdh-status-card,.bdh-rulebox,.bdh-allow-settings{border-radius:8px!important;box-shadow:none!important}
.bdh-rec-actions,.bdh-status-main-actions,.bdh-status-history-actions,.bdh-rate-actions,.bdh-tool-buttons{gap:7px!important;align-items:center!important;flex-wrap:wrap!important}


/* Core v2.9.1 — hard normalization layer.
   Higher specificity intentionally wins over legacy module CSS. */
.bdh-manage a.bdh-back-office,
.bdh-manage a.bdh-new-office-btn,
.bdh-manage a.bdh-open-conv,
.bdh-manage button.bdh-bulk-apply,
.bdh-manage a.bdh-action-btn,
.bdh-manage button.bdh-action-btn,
.bdh-customer-messages a.bdh-back-btn,
.bdh-customer-messages a.bdh-new-btn,
.bdh-customer-messages .bdh-customer-actions button,
.bdh-customer-messages .bdh-customer-actions a,
.bdh-customer-messages .bdh-reply-actions button,
.bdh-new-message-form button[type=submit],
.bdh-new-message-form a.bdh-back-btn,
.bdh-recurring a.bdh-office-btn,
.bdh-recurring button,
.bdh-status-admin button,
.bdh-status-admin a.bdh-status-secondary,
.bdh-allow button,
.bdh-allow a.bdh-light-btn,
.bdh-allow-admin-list button{
  min-height:34px!important;height:auto!important;width:auto!important;
  padding:6px 11px!important;border-radius:6px!important;
  box-shadow:none!important;transform:none!important;
  font-size:13px!important;font-weight:650!important;line-height:1.2!important;
}
/* Calm outlined navigation/utility actions. */
.bdh-manage a.bdh-back-office,
.bdh-manage a.bdh-open-conv,
.bdh-manage a.bdh-action-btn,
.bdh-manage button.bdh-action-btn,
.bdh-customer-messages a.bdh-back-btn,
.bdh-customer-messages .bdh-customer-actions button,
.bdh-customer-messages .bdh-customer-actions a{
  background:#fff!important;color:var(--bdh-blue-dark)!important;border:1px solid var(--bdh-border)!important;
}
/* Only clear creation/send actions are primary. */
.bdh-manage a.bdh-new-office-btn,
.bdh-customer-messages a.bdh-new-btn,
.bdh-new-message-form button[type=submit],
.bdh-customer-messages button.bdh-reply-submit{
  background:var(--bdh-blue)!important;color:#fff!important;border-color:var(--bdh-blue)!important;
}
/* Bulk execute is a utility, not a dominant CTA. */
.bdh-manage button.bdh-bulk-apply{background:#fff!important;color:var(--bdh-blue-dark)!important;border-color:var(--bdh-border)!important}
/* Compact tabs everywhere. */
.bdh-manage .bdh-conv-filters a,
.bdh-customer-messages button.bdh-cfilter{
  min-height:32px!important;padding:5px 10px!important;border-radius:6px!important;
  box-shadow:none!important;font-size:13px!important;
}
/* Keep semantic actions semantic. */
.bdh-manage .bdh-delete-btn,.bdh-status-admin .bdh-status-delete,.bdh-allow .bdh-row-delete{background:#fff!important;color:var(--bdh-red)!important;border-color:var(--bdh-red-border)!important}
.bdh-manage .bdh-archive-btn{background:var(--bdh-orange-bg)!important;color:var(--bdh-orange)!important;border-color:var(--bdh-orange-border)!important}
.bdh-manage .bdh-mail-btn,.bdh-manage .bdh-unread-btn{background:var(--bdh-green-bg)!important;color:var(--bdh-green)!important;border-color:var(--bdh-green-border)!important}


/* v3.13.0.57 — dynamische meldingen/toasts zonder layoutverschuiving */
.bdh-flash{position:fixed!important;top:22px!important;right:22px!important;z-index:1000000!important;width:min(420px,calc(100vw - 32px))!important;margin:0!important;padding:13px 44px 13px 15px!important;border:1px solid #b8dcc2!important;border-radius:9px!important;background:#eff9f2!important;color:#245c32!important;box-shadow:0 10px 28px rgba(28,49,70,.16)!important;box-sizing:border-box!important;transition:opacity .25s ease,transform .25s ease!important}
.bdh-flash.error{border-color:#e5aaa4!important;background:#fff2f1!important;color:#9b3029!important}
.bdh-toast-close{position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:inherit!important;font-size:22px!important;line-height:30px!important;text-decoration:none!important;cursor:pointer!important}
@media(max-width:640px){.bdh-flash{top:12px!important;right:12px!important;width:calc(100vw - 24px)!important}}

/* v3.13.0.59 — dashboard live refresh + toast ownership */
.bdh-flash{position:fixed!important;top:22px!important;right:22px!important;z-index:1000000!important;width:min(420px,calc(100vw - 32px))!important;margin:0!important;padding:13px 44px 13px 15px!important;box-sizing:border-box!important}
.bdh-live-refresh{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:7px 10px!important;border:1px solid #b9cee4!important;border-radius:6px!important;background:#fff!important;color:#1e4e79!important;font-size:12px!important;font-weight:650!important;cursor:pointer!important}.bdh-live-refresh:hover{background:#f8fbfe!important;border-color:#9ebcda!important}.bdh-live-refresh.is-loading{opacity:.6!important;pointer-events:none!important}.bdh-customer-live-tools{display:flex!important;justify-content:flex-end!important;margin:0 0 8px!important}