.contacts-view{min-width:0}.contacts-view [hidden]{display:none!important}.contacts-view .mv-page-header{margin-bottom:var(--mv-space-7,28px)}
.contacts-view .mv-panel{margin-top:20px;padding:24px;min-width:0}.contacts-filters,.contacts-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contacts-filters{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr) auto;align-items:end}.contacts-view label{display:grid;gap:7px;font:600 13px/1.4 var(--mv-font-body)}
.contacts-view :is(input,select){width:100%;min-height:44px;border:1px solid var(--mv-border-strong);border-radius:6px;padding:10px 12px;background:var(--mv-panel);color:var(--mv-text);font:400 14px/1.4 var(--mv-font-body)}
.contacts-view :is(input,select,summary):focus-visible{outline:3px solid var(--mv-gold);outline-offset:2px}.contacts-person-fields,.contacts-organization-fields{grid-column:1/-1}.contacts-address{border:1px solid var(--mv-border);border-radius:6px;margin:24px 0;padding:20px}.contacts-address legend{font:700 18px/1.3 var(--mv-font-heading);padding:0 8px}
.contacts-organization-control{display:flex;align-items:flex-end;gap:8px}.contacts-organization-control>.contacts-field{flex:1;min-width:0}.contacts-organization-control>.mv-secondary{flex:0 0 auto;min-height:44px}
.contacts-country-picker{position:relative}.contacts-country-options{position:absolute;z-index:10;top:calc(100% + 4px);width:100%;max-height:280px;overflow:auto;background:var(--mv-panel);box-shadow:0 12px 28px rgba(15,31,54,.16)}
.contacts-form-actions,.contacts-pager{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.contacts-pager{justify-content:space-between}.contacts-table{width:100%;table-layout:fixed}.contacts-table th,.contacts-table td{overflow-wrap:anywhere}.contacts-table td:first-child a{font-weight:700}.contacts-detail-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr);gap:24px}
.contacts-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.contacts-section-header h2,.contacts-details h2{margin:0 0 16px;font:700 20px/1.3 var(--mv-font-heading)}.contacts-details dl>div{padding:12px 0;border-bottom:1px solid var(--mv-border)}.contacts-details dt{font-size:12px;color:var(--mv-muted)}.contacts-details dd{margin:5px 0 0;overflow-wrap:anywhere}.contacts-note{margin-top:16px;border:1px solid var(--mv-border);border-radius:6px;padding:16px}.contacts-note summary{cursor:pointer;font:700 15px/1.4 var(--mv-font-heading);overflow-wrap:anywhere}.contacts-note-metadata{color:var(--mv-muted);font-size:12px;line-height:1.5;margin:14px 0}.contacts-note-metadata p{margin:4px 0}.contacts-note-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin-bottom:16px}.contacts-picker-options{border:1px solid var(--mv-border);padding:8px;display:grid;gap:6px}.contacts-picker-options button{text-align:left}
@media(max-width:760px){.contacts-filters,.contacts-form-grid,.contacts-detail-grid{grid-template-columns:minmax(0,1fr)}.contacts-view .mv-panel{padding:16px}.contacts-section-header,.contacts-form-actions{align-items:stretch;flex-direction:column}.contacts-organization-control{align-items:stretch;flex-wrap:wrap}.contacts-organization-control>.contacts-field{flex-basis:100%}.contacts-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.contacts-table,.contacts-table tbody,.contacts-table tr,.contacts-table td{display:block;width:100%}.contacts-table tr{padding:12px 0;border-bottom:1px solid var(--mv-border)}.contacts-table td{padding:7px 0;border:0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px}.contacts-table td:before{content:attr(data-label);font-size:12px;font-weight:600;color:var(--mv-muted)}}
/* Eén sectieafstand na de paginakop; panelen binnen het detailgrid stapelen geen marge. */
.contacts-view>.mv-page-header{margin-bottom:0}
.contacts-view>.mv-page-header+*{margin-top:var(--mv-space-7,28px)}
.contacts-view .mv-panel{margin-top:0}
.contacts-view>.mv-panel+.mv-panel,.contacts-view>.mv-inline-status-notice+.contacts-detail-grid{margin-top:20px}
.contacts-view a{color:var(--mv-purple);text-decoration:none}
.contacts-view a:hover{text-decoration:underline}
.contacts-view a:focus-visible{outline:3px solid var(--mv-gold);outline-offset:2px}
.contacts-view .mv-page-header__breadcrumbs{display:block;margin:0;padding:0}
.contacts-view .mv-page-header__breadcrumbs a{display:inline;padding:0;min-height:0;background:transparent;border-radius:0}
.contacts-view .mv-page-header__breadcrumbs a{color:inherit}