/* Navigatie links; contextacties rechts; gelijke afmetingen en afstanden. */
.crm-section-toolbar,.crm-page-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 16px;min-width:0}
.crm-section-toolbar{padding-bottom:14px;border-bottom:1px solid #dce7ee}
.crm-section-nav,.crm-status-filters,.crm-page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.crm-status-filters{margin:0 0 14px}
.crm-page-toolbar .crm-status-filters{margin:0}
.crm-page-actions{justify-content:flex-end;margin-left:auto}
.crm-section-nav .btn,.crm-status-filters .btn,.crm-page-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;padding:8px 12px;font-size:13px;line-height:1.4;margin:0}
/* Een selectie gebruikt overal dezelfde kleur, ook in een dialoog. */
.crm :is(.crm-section-nav,.crm-status-filters,.crm-pagination) .btn:not([aria-current=page]),
.crm .btn[aria-pressed],.crm .btn[aria-selected],.crm .crm-dossier-tabs a{background:#fff;color:var(--kea-blue,#0872a9);border-color:var(--kea-blue,#0872a9);box-shadow:none}
.crm :is(.crm-section-nav,.crm-status-filters,.crm-pagination) .btn[aria-current=page],
.crm .btn:is([aria-current=page],[aria-pressed=true],[aria-selected=true]),
.crm nav a[aria-current=page],.crm .crm-dossier-tabs a[aria-current=page]{background:var(--kea-blue,#0872a9);color:#fff;border-color:var(--kea-blue,#0872a9);box-shadow:none}
.crm :is(.crm-section-nav,.crm-status-filters,.crm-pagination) .btn[aria-current=page]:hover,
.crm .btn:is([aria-current=page],[aria-pressed=true],[aria-selected=true]):hover,
.crm nav a[aria-current=page]:hover{background:var(--kea-blue,#0872a9);color:#fff;border-color:var(--kea-blue,#0872a9)}
.crm-section-tools{position:relative;margin-left:auto;font-size:13px}
.crm-section-tools summary{cursor:pointer;padding:9px 12px;border:1px solid #cbdde5;border-radius:6px;color:#073f70;min-height:38px;box-sizing:border-box}
.crm-section-tools>nav{position:absolute;right:0;z-index:20;top:calc(100% + 6px);width:200px;max-width:calc(100vw - 48px);padding:6px;border:1px solid #cbdde5;border-radius:8px;background:white;box-shadow:0 8px 24px #073f7022}
.crm-section-tools a{display:block;padding:10px;color:#073f70;text-decoration:none;border-radius:4px}
.crm-section-tools a:hover,.crm-section-tools a:focus-visible{background:#eaf3f9}
.crm-popup-page .crm-actions,.crm-popup-page .crm-form-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:14px 0}
.crm-popup-page .crm-actions>h2{margin-right:auto}
.crm-popup-page .crm-actions>.btn,.crm-popup-page .crm-form-actions>.btn,.crm-popup-page form>.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:38px;padding:8px 12px;font-size:13px;line-height:1.4;margin-top:0;margin-bottom:0}
.crm-popup-page form:not(.crm-search)>.btn:last-child{display:table;margin-left:auto;margin-top:14px}
.crm-popup-page .crm-toolbar{align-items:center;gap:12px;flex-wrap:wrap}
.crm-popup-page .crm-toolbar>.btn{margin-left:auto}
.crm-popup-page .crm-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}
.crm-popup-page .crm-search input{min-width:0;max-width:100%}
.crm-popup-page .crm-main .crm-section-toolbar,.crm-popup-page .crm-main .crm-page-toolbar{margin-top:0}
.crm-popup-page .crm-main .crm-section-nav .btn,.crm-popup-page .crm-main .crm-status-filters .btn,.crm-popup-page .crm-main .crm-page-actions .btn{min-height:38px;padding:8px 12px;font-size:13px}
/* Dezelfde werkbalk voor volledige pagina's en dossierpopups. */
.crm .crm-heading-with-navigation{display:flex;align-items:center;flex-wrap:nowrap;gap:14px}
.crm .crm-heading-with-navigation>.crm-backbar{position:static;display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;width:auto;margin:0;box-sizing:border-box}
.crm .crm-heading-with-navigation>.crm-heading-title{flex:1 1 auto;min-width:0}
.crm .crm-heading-with-navigation>.crm-backbar+.crm-heading-title{border-left:1px solid #cbdde5;padding-left:16px}
.crm .crm-heading-with-navigation .crm-heading-title .crm-eyebrow{margin-top:0}
.crm .crm-heading-with-navigation .crm-heading-title h1{margin-bottom:0;font-size:clamp(20px,2.25vw,31px)}
.crm .crm-heading-with-navigation>.crm-date{flex:0 0 auto;padding-top:0}
.crm .crm-main>.crm-toolbar{display:flex;width:100%;align-items:center;gap:8px;margin:0 0 16px;box-sizing:border-box}
.crm .crm-main :is(.crm-backbar,.crm-toolbar,.crm-section-toolbar,.crm-page-toolbar,.crm-actions,.crm-form-actions) .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:9px 12px;font-size:13px;line-height:1.4;margin-top:0;margin-bottom:0}
.crm .crm-main .crm-section-tools summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;box-sizing:border-box}
.crm .crm-main .crm-section-tools summary::before{content:"";display:block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid currentColor}
.crm .crm-main .crm-section-tools[open] summary::before{transform:rotate(90deg)}
.crm .crm-main .crm-section-tools summary::-webkit-details-marker{display:none}
.crm .crm-backbar .btn{gap:8px;box-shadow:none;border-radius:6px}
.crm .crm-backbar :is(.crm-back-icon,.crm-organization-overview,.crm-all-organizations){flex:0 0 44px;width:44px;height:44px;min-width:44px;padding:0}
.crm-back-icon svg,.crm-organization-overview svg,.crm-all-organizations svg{display:block;width:20px;height:20px;flex:0 0 20px;pointer-events:none}
.crm .crm-backbar .btn{color:var(--kea-blue,#0872a9);background:#fff;border:2px solid var(--kea-blue,#0872a9);text-decoration:none}
.crm .crm-backbar .btn:hover{color:var(--kea-blue,#0872a9);background:#fff;border-color:var(--kea-blue,#0872a9)}
.crm .crm-main .crm-list-toolbar{justify-content:flex-start}
.crm-list-toolbar>.crm-status-filters{margin:0;flex:0 0 auto;gap:6px;max-width:100%}
.crm .crm-main .crm-list-toolbar .crm-search{flex:1 1 210px;min-width:210px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 0 auto}
.crm .crm-main .crm-list-toolbar .crm-search input:not([type=hidden]){flex:1 1 150px;width:150px;min-width:90px;max-width:220px;height:44px;min-height:44px;box-sizing:border-box;margin:0}
.crm .crm-main .crm-list-toolbar .crm-search>.btn{flex:0 0 auto;margin:0}
.crm .crm-main .crm-list-toolbar>.btn{flex:0 0 auto;margin:0 0 0 auto}
.crm .crm-status-filters .btn::before{display:none}
.crm .crm-main .crm-status-filters .btn{padding-left:6px;padding-right:6px}
.crm-control-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.crm .crm-main .crm-page-toolbar>.crm-page-actions{margin-top:0;margin-bottom:0}
.crm .crm-main .crm-audit-toolbar .crm-status-filters{margin:0}
.crm .crm-main .crm-toolbar .crm-search{align-items:center}
.crm .crm-main .crm-toolbar .crm-search input:not([type=hidden]){box-sizing:border-box;height:44px;margin-top:0;margin-bottom:0}
/* De terugpijl staat ook in dossierdialogen naast de titel. */
.crm .crm-media-dialog>header{gap:14px}
.crm .crm-media-dialog>header>:is(.crm-media-back,.crm-media-overview){display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;margin:0;color:var(--kea-blue,#0872a9);background:#fff;border:2px solid var(--kea-blue,#0872a9);border-radius:6px}
.crm-media-back svg,.crm-media-overview svg{display:block;width:20px;height:20px;pointer-events:none}
.crm .crm-media-dialog>header>.crm-media-overview[hidden]{display:none}
.crm .crm-media-dialog>header>.crm-media-heading{flex:1 1 auto;min-width:0}
.crm .crm-dossier-dialog>header>.crm-media-heading{border-left:1px solid #cbdde5;padding-left:16px}
.crm .crm-media-dialog>header>.crm-media-close{flex:0 0 44px;width:44px;height:44px;color:var(--kea-blue,#0872a9);background:#fff}
@media(max-width:680px){
 .crm .crm-heading-with-navigation{gap:10px}
 .crm .crm-heading-with-navigation>.crm-backbar+.crm-heading-title{padding-left:10px}
 .crm .crm-heading-with-navigation .crm-heading-title h1{font-size:20px;line-height:1.25}
 .crm .crm-heading-with-navigation>.crm-news-heading-side{flex:0 1 auto;min-width:0}
 .crm .crm-media-dialog>header{gap:10px}
 .crm .crm-dossier-dialog>header>.crm-media-heading{padding-left:10px}
 .crm-section-toolbar,.crm-page-toolbar{align-items:stretch;gap:10px}
 .crm-section-nav,.crm-status-filters{width:100%;gap:6px}
 .crm-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .crm-section-nav .btn,.crm-status-filters .btn{flex:1 1 auto}
 .crm-page-actions{width:100%;gap:8px}
 .crm-section-tools summary,.crm-section-nav .btn,.crm-status-filters .btn,.crm-page-actions .btn,.crm-popup-page .crm-main .crm-section-nav .btn,.crm-popup-page .crm-main .crm-status-filters .btn,.crm-popup-page .crm-main .crm-page-actions .btn,.crm-popup-page .crm-actions>.btn,.crm-popup-page .crm-form-actions>.btn,.crm-popup-page form>.btn{min-height:44px}
 .crm-popup-page .crm-search{width:100%}
 .crm-popup-page .crm-search input{flex:1 1 120px;width:120px}
 .crm-popup-page .crm-actions .btn,.crm-popup-page .crm-page-actions .btn{white-space:normal;text-align:center}
 .crm .crm-main .crm-list-toolbar>.crm-status-filters{flex:1 1 100%;display:flex;flex-wrap:wrap}
 .crm .crm-main .crm-list-toolbar .crm-search{flex:1 1 220px;min-width:0;width:auto}
 .crm .crm-main .crm-list-toolbar .crm-search input:not([type=hidden]){max-width:none}
 .crm .crm-main .crm-list-toolbar>.btn{margin-left:auto}
}

@media(max-width:480px){
 .crm .crm-dossier-dialog>header:has(.crm-media-overview:not([hidden])){display:grid;grid-template-columns:44px 44px minmax(0,1fr) 44px;gap:8px}
 .crm .crm-dossier-dialog>header:has(.crm-media-overview:not([hidden]))>.crm-media-back{grid-column:1;grid-row:1}
 .crm .crm-dossier-dialog>header:has(.crm-media-overview:not([hidden]))>.crm-media-overview{grid-column:2;grid-row:1}
 .crm .crm-dossier-dialog>header:has(.crm-media-overview:not([hidden]))>.crm-media-close{grid-column:4;grid-row:1}
 .crm .crm-dossier-dialog>header:has(.crm-media-overview:not([hidden]))>.crm-media-heading{grid-column:1/-1;grid-row:2;border-left:0;padding-left:0}
}

/* Toevoegen heeft overal dezelfde primaire kleur, ook in het organisatiedossier. */
.crm :is(.crm-main,.crm-media-dialog) .btn:is(.crm-add-action,[data-crm-icon="plus"],[data-media-add]):not(.crm-danger):not(.danger):not(:disabled){background:var(--kea-blue,#0872a9);color:#fff;border-color:var(--kea-blue,#0872a9);box-shadow:none}
.crm :is(.crm-main,.crm-media-dialog) .btn:is(.crm-add-action,[data-crm-icon="plus"],[data-media-add]):not(.crm-danger):not(.danger):not(:disabled):hover{background:var(--kea-blue,#0872a9);color:#fff;border-color:var(--kea-blue,#0872a9)}

/* Correspondentie en facturatie: links en formulierknoppen op dezelfde lijn. */
.crm .crm-main :is(.crm-correspondence-actions,.crm-billing-customer-actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.crm .crm-main :is(.crm-correspondence-actions,.crm-billing-customer-actions)>form{display:flex;align-items:center;flex:0 1 auto;max-width:100%;margin:0;padding:0}
.crm .crm-main :is(.crm-correspondence-actions,.crm-billing-customer-actions) .btn,
.crm .crm-main :is(.crm-correspondence-actions,.crm-billing-customer-actions)>form>.btn:last-child{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;max-width:100%;padding:9px 12px;margin:0;font-size:13px;line-height:1.4;white-space:normal;text-align:center}

.crm-media-dialog.crm-correspondence-confirm{width:520px;height:fit-content;max-height:calc(100dvh - 24px)}
.crm-correspondence-confirm .crm-media-content{display:block;flex:0 1 auto;padding:20px;background:#fff;overflow:auto}
.crm-correspondence-confirm .crm-media-content p{margin:0;line-height:1.5;overflow-wrap:anywhere}
.crm-correspondence-confirm .crm-media-close{display:inline-flex;align-items:center;justify-content:center}
.crm-correspondence-confirm .crm-media-close svg{width:18px;height:18px}
.crm-correspondence-confirm>footer .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;margin:0;padding:9px 12px;font-size:13px;line-height:1.4}
@media(max-width:600px){.crm-correspondence-confirm .crm-media-content{padding:16px}.crm-correspondence-confirm h2{font-size:18px}}

/* Contextknoppen en Toevoegen gebruiken samen dezelfde lijstwerkbalk. */
.crm .crm-main .crm-list-toolbar>.crm-page-actions:first-child{margin-left:0}