/* ============================================================
   AP Berichten — messages   >>> REV 5 — FIX: KOP WERD FLEX-UITGEREKT (242px) <<<
   Exact volgens OPDRACHT — Berichten, volledige maatvoering (4 aug 2026).
   Wrapper .ap-msg; alle tekstmaten in px MET !important (thema forceert
   font-size/weight); geen font-size/line-height op de wrappers.
   ============================================================ */

/* ---- Pagina + reset ---- */
.ap-content:has(.ap-msg){
	background:#F5F7FB radial-gradient(900px 320px at 18% -8%, rgba(27,77,228,.045), transparent 70%) no-repeat !important;
	max-width:none !important;
}
.ap-msg, .ap-msg *{ box-sizing:border-box; }
.ap-msg{
	font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
	color:#0C1F3F; line-height:1.4; width:100%; display:flex; flex-direction:column;
	padding:24px 32px 40px;
}
.ap-msg p, .ap-msg h1, .ap-msg h2, .ap-msg h3{ margin:0; }
.ap-msg ul, .ap-msg li{ margin:0; padding:0; list-style:none; }
.ap-msg input, .ap-msg textarea, .ap-msg button{ font-family:inherit; }
.ap-msg > *:first-child{ margin-top:0 !important; }
.ap-msg [hidden]{ display:none !important; }
/* De .ap-msg-wrapper heeft geen flex-gap; hero krijgt hier z'n eigen afstand. */
.ap-msg .ap-pagehero{ margin-bottom:20px !important; }

/* Thema-marges op de structurele blokken uitzetten — dit is de oorzaak van de
   lege ruimte tussen tabs, zoekveld en de gesprekkenlijst (OPDRACHT deel 1.2). */
.ap-msg .ap-lijst__kop, .ap-msg .ap-tabrij, .ap-msg .ap-tabs, .ap-msg .ap-tabs button,
.ap-msg .ap-zoek, .ap-msg .ap-zoek input, .ap-msg .ap-gesprekken, .ap-msg .ap-gesprek-rij,
.ap-msg .ap-gesprek__inhoud, .ap-msg .ap-gesprek__kop, .ap-msg .ap-gesprek__draad,
.ap-msg .ap-gesprek__antwoord, .ap-msg .ap-lijst__spacer{ margin:0 !important; }
.ap-msg .ap-teller{ margin:0 0 0 auto !important; }
.ap-msg .ap-lijst .ap-zoek{ margin:0 14px 10px !important; }

/* Header-knop "Nieuw bericht" (staat in de vaste header, alleen op Berichten) */
.ap-global-header .ap-topbar__nieuwbtn{
	display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 15px; border-radius:9px;
	background:#1B4DE4 !important; border:0 !important; color:#fff !important;
	font-size:12.5px !important; font-weight:550 !important; font-family:inherit; cursor:pointer; white-space:nowrap;
	transition:background .15s, box-shadow .15s;
}
.ap-global-header .ap-topbar__nieuwbtn i{ font-size:14px; }
.ap-global-header .ap-topbar__nieuwbtn:hover{ background:#143BB0 !important; box-shadow:0 2px 10px rgba(27,77,228,.24); }

/* ---- Twee kolommen ---- */
.ap-msg-grid{ display:flex; flex-wrap:wrap; gap:18px; align-items:stretch; }
.ap-lijst{
	flex:1 1 320px; max-width:400px; min-width:0; position:relative;
	display:flex; flex-direction:column; overflow:hidden;
	border-radius:14px; border:1px solid #E7EBF2;
	background:linear-gradient(180deg,#FFFFFF 0%,#FDFEFF 100%);
	box-shadow:0 1px 1px rgba(16,35,64,.03), 0 8px 24px -20px rgba(16,35,64,.45);
}
.ap-gesprek{
	flex:2 1 460px; min-width:0; display:flex; flex-direction:column; overflow:hidden;
	border-radius:14px; border:1px solid #E7EBF2;
	background:linear-gradient(180deg,#FFFFFF 0%,#FDFEFF 100%);
	box-shadow:0 1px 1px rgba(16,35,64,.03), 0 8px 24px -20px rgba(16,35,64,.45);
}

/* ---- Lijstkolom: kop ---- */
.ap-tabrij{ display:flex; align-items:center; gap:4px; padding:12px 14px 10px; }
.ap-tabs{ display:flex; gap:2px; padding:4px; border-radius:10px; background:#EEF1F7; }
.ap-msg .ap-tabs button{
	height:28px; padding:0 13px; border-radius:7px; border:0; background:transparent !important;
	font-size:12px !important; font-weight:500 !important; color:#6B7A93 !important; font-family:inherit; cursor:pointer;
}
.ap-msg .ap-tabs button.is-actief{ background:#fff !important; box-shadow:0 1px 2px rgba(16,35,64,.10); color:#0C1F3F !important; font-weight:600 !important; }
.ap-teller{ margin-left:auto; flex:0 0 auto; white-space:nowrap; font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }

.ap-zoek{ display:flex; align-items:center; gap:9px; background:#FBFCFE; border:1px solid #E2E7F0; border-radius:9px; transition:border-color .15s; }
.ap-zoek:hover{ border-color:#C9D4E6; }
.ap-zoek i{ font-size:14px; color:#93A2B8; flex:0 0 auto; }
.ap-zoek input{ flex:1; min-width:0; height:100%; border:0 !important; background:transparent !important; font-size:12.5px !important; font-weight:400 !important; color:#0C1F3F !important; }
.ap-zoek input::placeholder{ color:#93A2B8; }
.ap-lijst .ap-zoek{ margin:0 14px 10px; height:34px; padding:0 11px; }

/* ---- Lijstkolom: gesprekken ---- */
.ap-gesprekken{ flex:1 1 auto; overflow-y:auto; border-top:1px solid #EEF1F7; display:flex; flex-direction:column; }
.ap-msg .ap-gesprek-rij{
	display:flex; align-items:flex-start; gap:11px; width:100%; padding:12px 14px; text-align:left;
	background:transparent !important; border:0 !important; cursor:pointer; box-shadow:0 0 0 1px #F5F7FB;
}
.ap-msg .ap-gesprek-rij:hover{ background:#F7F9FD !important; }
.ap-msg .ap-gesprek-rij.is-open{ background:#F2F6FE !important; box-shadow:inset 2px 0 0 #1B4DE4, 0 0 0 1px #F5F7FB; }
.ap-gesprek-rij__av{
	flex:0 0 34px; width:34px; height:34px; border-radius:9px; display:grid; place-items:center;
	background:#F2F5FA; color:#42536B; font-size:11.5px !important; font-weight:600 !important;
}
.ap-gesprek-rij.is-open .ap-gesprek-rij__av{ background:#DCE7FD; color:#1B4DE4; }
.ap-gesprek-rij__body{ min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.ap-gesprek-rij__r1{ display:flex; align-items:baseline; gap:8px; }
.ap-gesprek-rij__naam{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12.5px !important; font-weight:500 !important; color:#0C1F3F; }
.ap-gesprek-rij.is-ongelezen .ap-gesprek-rij__naam{ font-weight:600 !important; }
.ap-gesprek-rij__tijd{ flex:0 0 auto; font-size:11px !important; font-weight:400 !important; color:#8B99AE; }
.ap-gesprek-rij__ond{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px !important; font-weight:500 !important; color:#42536B; }
.ap-gesprek-rij.is-ongelezen .ap-gesprek-rij__ond{ font-weight:600 !important; }
.ap-gesprek-rij__prev{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-gesprek-rij__bol{ flex:0 0 7px; width:7px; height:7px; border-radius:999px; margin-top:6px; background:transparent; }
.ap-gesprek-rij.is-ongelezen .ap-gesprek-rij__bol{ background:#1B4DE4; }

.ap-gesprekken__leeg{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:7px; padding:40px 20px; }
.ap-gesprekken__leeg i{ font-size:24px; color:#B3BFD1; }
.ap-gesprekken__leeg span{ font-size:12.5px !important; font-weight:400 !important; color:#7A889E; }

.ap-lijst__spacer{ flex:0 0 56px; }

/* ---- Plusknop ---- */
.ap-msg .ap-nieuwfab{
	position:absolute; right:14px; bottom:14px; z-index:30;
	width:44px; height:44px; border-radius:50%; border:0; cursor:pointer;
	display:grid; place-items:center; padding:0;
	background:#1B4DE4 !important; color:#fff !important;
	box-shadow:0 6px 18px -5px rgba(27,77,228,.6), 0 0 0 4px #FFFFFF;
	transition:background .15s, transform .15s;
}
.ap-msg .ap-nieuwfab i{ font-size:20px; }
.ap-msg .ap-nieuwfab:hover{ background:#143BB0 !important; transform:translateY(-1px); }

/* ---- Gesprekkolom ---- */
.ap-gesprek__leeg{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:40px 20px; text-align:center; }
.ap-gesprek__leeg i{ font-size:26px; color:#B3BFD1; }
.ap-gesprek__leeg p{ font-size:12.5px !important; font-weight:400 !important; color:#7A889E; }
.ap-gesprek__inhoud{ flex:1; min-height:0; display:flex; flex-direction:column; }

/* Kop */
.ap-gesprek__kop{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid #EEF1F7; }
.ap-msg .ap-gesprek__terug{ display:none; }
.ap-gesprek__av{ flex:0 0 36px; width:36px; height:36px; border-radius:9px; display:grid; place-items:center; background:#EEF3FE; color:#1B4DE4; font-size:12px !important; font-weight:600 !important; }
.ap-gesprek__koptekst{ min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.ap-gesprek__naam{ display:flex; align-items:center; gap:6px; }
.ap-gesprek__naam b{ font-size:13.5px !important; font-weight:600 !important; letter-spacing:-.015em; color:#0C1F3F; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-gesprek__naam i{ font-size:13px; color:#2FA96B; flex:0 0 auto; }
.ap-gesprek__sub{ font-size:12px !important; font-weight:400 !important; color:#7A889E; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-msg .ap-gesprek__profiel{ display:inline-flex; align-items:center; gap:6px; height:31px; padding:0 12px; border-radius:8px; background:#fff !important; border:1px solid #DDE3ED !important; color:#42536B !important; font-size:12px !important; font-weight:550 !important; text-decoration:none; }
.ap-gesprek__profiel i{ font-size:13px; }
.ap-msg .ap-gesprek__profiel:hover{ background:#F5F8FE !important; border-color:#1B4DE4 !important; color:#1B4DE4 !important; }
.ap-msg .ap-gesprek__meer{ flex:0 0 31px; display:grid; place-items:center; width:31px; height:31px; padding:0; border-radius:8px; background:#fff !important; border:1px solid #DDE3ED !important; color:#42536B !important; cursor:pointer; }
.ap-gesprek__meer i{ font-size:15px; }

/* Autoregel */
.ap-gesprek__auto{ display:flex; align-items:center; gap:12px; padding:11px 18px; background:#FBFCFE; border-bottom:1px solid #EEF1F7; text-decoration:none; color:inherit; }
.ap-gesprek__autothumb{ flex:0 0 52px; width:52px; height:38px; border-radius:7px; display:grid; place-items:center; background:linear-gradient(155deg,#EDF1F8,#DFE6F1); }
.ap-gesprek__autothumb i{ font-size:17px; color:#B3BFD1; }
.ap-gesprek__autotekst{ min-width:0; flex:1; display:flex; flex-direction:column; gap:1px; }
.ap-gesprek__autotitel{ font-size:12.5px !important; font-weight:550 !important; color:#0C1F3F; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-gesprek__autosub{ font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-gesprek__autoprijs{ flex:0 0 auto; font-size:13px !important; font-weight:600 !important; color:#0C1F3F; }

/* Draad + bubbels */
.ap-gesprek__draad{ flex:1; min-height:280px; overflow-y:auto; display:flex; flex-direction:column; gap:12px; padding:18px; }
.ap-bel{ display:flex; flex-direction:column; gap:4px; max-width:74%; }
.ap-bel--ik{ align-self:flex-end; }
.ap-bel--hen{ align-self:flex-start; }
.ap-bel__tekst{ width:fit-content; padding:11px 14px; font-size:12.5px !important; font-weight:400 !important; line-height:1.55 !important; white-space:pre-line; }
.ap-bel--ik .ap-bel__tekst{ background:#0B2447; border:1px solid #0B2447; color:#FFFFFF; border-radius:12px 12px 4px 12px; }
.ap-bel--hen .ap-bel__tekst{ background:#FFFFFF; border:1px solid #E7EBF2; color:#0C1F3F; border-radius:12px 12px 12px 4px; }
.ap-bel__meta{ font-size:10.5px !important; font-weight:400 !important; color:#A6B2C4; }
.ap-bel--ik .ap-bel__meta{ align-self:flex-end; }

/* Bodkaart */
.ap-bodkaart{ margin:16px 18px 0; border-radius:12px; overflow:hidden; border:1px solid #E7EBF2; }
.ap-bodkaart--open{ background:#FFFDF8; border-color:#F2DFB0; }
.ap-bodkaart--geaccepteerd{ background:#F5FCF8; border-color:#CDEEDC; }
.ap-bodkaart--vervallen,
.ap-bodkaart--afgewezen{ background:#FDF6F5; border-color:#EFD3D0; }
.ap-bodkaart__top{ display:flex; align-items:flex-start; gap:13px; padding:14px 16px; }
.ap-bodkaart__ic{ flex:0 0 38px; width:38px; height:38px; border-radius:10px; display:grid; place-items:center; }
.ap-bodkaart__ic i{ font-size:19px; }
.ap-bodkaart--open .ap-bodkaart__ic{ background:#FFF6E5; color:#8A6100; }
.ap-bodkaart--geaccepteerd .ap-bodkaart__ic{ background:#E9F8EF; color:#1B7A4B; }
.ap-bodkaart--vervallen .ap-bodkaart__ic,
.ap-bodkaart--afgewezen .ap-bodkaart__ic{ background:#FBE9E7; color:#B0403A; }
.ap-bodkaart__kop{ min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.ap-bodkaart__kop b{ font-size:12.5px !important; font-weight:600 !important; }
.ap-bodkaart--open .ap-bodkaart__kop b{ color:#0C1F3F; }
.ap-bodkaart--geaccepteerd .ap-bodkaart__kop b{ color:#14603C; }
.ap-bodkaart--vervallen .ap-bodkaart__kop b,
.ap-bodkaart--afgewezen .ap-bodkaart__kop b{ color:#B0403A; }
.ap-bodkaart__kop span{ font-size:11.5px !important; font-weight:400 !important; color:#6B7A93; }
.ap-bodkaart__bedrag{ flex:0 0 auto; text-align:right; display:flex; flex-direction:column; }
.ap-bodkaart__bedrag b{ font-size:19px !important; font-weight:600 !important; letter-spacing:-.024em; color:#0C1F3F; }
.ap-bodkaart__bedrag span{ font-size:11px !important; font-weight:400 !important; color:#8B99AE; }
.ap-bodkaart__acties{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 16px; border-top:1px solid; }
.ap-bodkaart--open .ap-bodkaart__acties{ border-top-color:#F2DFB0; }
.ap-msg .ap-bodkaart__acc{ display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 16px; border-radius:9px; border:0; background:#1B4DE4 !important; color:#fff !important; font-size:12.5px !important; font-weight:600 !important; cursor:pointer; }
.ap-bodkaart__acc i{ font-size:15px; }
.ap-msg .ap-bodkaart__acc:hover{ background:#143BB0 !important; }
.ap-msg .ap-bodkaart__afw{ display:inline-flex; align-items:center; height:36px; padding:0 16px; border-radius:9px; background:#fff !important; border:1px solid #E3B8B4 !important; color:#B0403A !important; font-size:12.5px !important; font-weight:600 !important; cursor:pointer; transition:background .15s, color .15s; }
.ap-msg .ap-bodkaart__afw:hover{ background:#B0403A !important; color:#fff !important; }
.ap-bodkaart__verval{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-bodkaart__verval i{ font-size:13px; }
.ap-bodkaart__statusregel{ display:flex; align-items:center; gap:9px; padding:11px 16px; border-top:1px solid rgba(0,0,0,.05); }
.ap-bodkaart__statusregel i{ font-size:14px; color:#8B99AE; }
.ap-bodkaart__statusregel span{ font-size:11.5px !important; font-weight:400 !important; color:#6B7A93; }

/* Antwoordveld */
.ap-gesprek__antwoord{ padding:12px 14px; background:#FBFCFE; border-top:1px solid #EEF1F7; display:flex; flex-direction:column; gap:9px; }
.ap-msg .ap-gesprek__antwoord textarea{ width:100%; resize:none; border:1px solid #E2E7F0 !important; border-radius:10px; padding:9px 11px; background:#fff !important; font-size:12.5px !important; font-weight:400 !important; line-height:1.5 !important; color:#0C1F3F !important; }
.ap-msg .ap-gesprek__antwoord textarea:focus{ outline:none; border-color:#1B4DE4 !important; box-shadow:0 0 0 3px rgba(27,77,228,.12); }
.ap-gesprek__antwoordrij{ display:flex; align-items:center; gap:10px; }
.ap-msg .ap-gesprek__bijlage{ flex:0 0 32px; display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:8px; background:#fff !important; border:1px solid #DDE3ED !important; color:#42536B !important; cursor:pointer; }
.ap-gesprek__bijlage i{ font-size:15px; }
.ap-gesprek__reactietijd{ font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-msg .ap-gesprek__verstuur{ margin-left:auto; display:inline-flex; align-items:center; gap:7px; height:32px; padding:0 15px; border-radius:8px; border:0; background:#1B4DE4 !important; color:#fff !important; font-size:12.5px !important; font-weight:550 !important; cursor:pointer; }
.ap-gesprek__verstuur i{ font-size:13px; }
.ap-msg .ap-gesprek__verstuur:hover{ background:#143BB0 !important; }
.ap-msg .ap-gesprek__verstuur:disabled{ opacity:.6; cursor:default; }

/* ============================================================
   Nieuw bericht — overlay
   ============================================================ */
.ap-msgnew{ position:fixed; inset:0; z-index:60; background:rgba(11,31,63,.45); display:flex; align-items:flex-start; justify-content:center; padding:56px 20px 28px; overflow:auto; }
.ap-msgnew__paneel{ width:100%; max-width:500px; background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 24px 60px -20px rgba(11,31,63,.5); }
.ap-msgnew__kop{ display:flex; align-items:flex-start; gap:12px; padding:18px 22px 15px; border-bottom:1px solid #EEF1F7; }
.ap-msgnew__koptekst{ display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; }
.ap-msgnew__koptekst b{ font-size:16px !important; font-weight:600 !important; letter-spacing:-.02em; color:#0C1F3F; }
.ap-msgnew__koptekst span{ font-size:12px !important; font-weight:400 !important; color:#7A889E; }
.ap-msg .ap-msgnew__sluit{ flex:0 0 32px; display:grid; place-items:center; width:32px; height:32px; padding:0; border-radius:9px; background:#fff !important; border:1px solid #E2E7F0 !important; color:#42536B !important; cursor:pointer; }
.ap-msgnew__sluit i{ font-size:15px; }
.ap-msgnew__zoekrij{ padding:16px 22px 10px; }
.ap-msgnew__zoekrij .ap-zoek{ height:40px; padding:0 12px; }
.ap-msgnew__zoekrij .ap-zoek input{ font-size:13px !important; }
.ap-msgnew__filterrij{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:0 22px 12px; }
.ap-msgnew__pills{ display:flex; gap:7px; flex-wrap:wrap; }
.ap-msg .ap-msgnew__pills button{ display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 12px; border-radius:999px; background:#fff !important; border:1px solid #E2E7F0 !important; color:#42536B !important; font-size:12px !important; font-weight:500 !important; cursor:pointer; }
.ap-msgnew__pills button i{ font-size:14px; }
.ap-msg .ap-msgnew__pills button.is-actief{ background:#EEF3FE !important; border-color:#1B4DE4 !important; color:#1B4DE4 !important; font-weight:600 !important; }
.ap-msgnew__telling{ margin-left:auto; font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-msgnew__leden{ max-height:320px; overflow-y:auto; border-top:1px solid #EEF1F7; }
.ap-msgnew__laden{ padding:24px; text-align:center; font-size:12.5px !important; color:#8B99AE; }
.ap-msg .ap-msgnew__lidrij{ display:flex; align-items:center; gap:11px; width:100%; padding:11px 22px; background:transparent !important; border:0 !important; cursor:pointer; box-shadow:0 0 0 1px #F5F7FB; text-align:left; }
.ap-msg .ap-msgnew__lidrij:hover{ background:#F7F9FD !important; }

.ap-msgnew__ontvanger{ display:flex; align-items:center; gap:11px; margin:16px 22px 0; padding:11px 13px; border-radius:11px; border:1px solid #E7EBF2; background:#FAFBFE; }
.ap-msgnew__ontv-av{ flex:0 0 34px; width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:#EEF3FE; color:#1B4DE4; font-size:11.5px !important; font-weight:600 !important; }
.ap-msgnew__ontv-tekst{ min-width:0; flex:1; display:flex; flex-direction:column; gap:1px; }
.ap-msgnew__ontv-naam{ display:flex; align-items:center; gap:6px; }
.ap-msgnew__ontv-naam b{ font-size:12.5px !important; font-weight:600 !important; color:#0C1F3F; }
.ap-msgnew__ontv-naam i{ font-size:13px; color:#2FA96B; }
.ap-msgnew__ontv-sub{ font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-msg .ap-msgnew__wijzig{ flex:0 0 auto; height:28px; padding:0 11px; border-radius:8px; background:#fff !important; border:1px solid #DDE3ED !important; color:#42536B !important; font-size:11.5px !important; font-weight:550 !important; cursor:pointer; }

.ap-msgnew__form{ padding:16px 22px 0; display:flex; flex-direction:column; gap:14px; }
.ap-msgnew__veld{ display:flex; flex-direction:column; gap:6px; }
.ap-msgnew__label{ font-size:11.5px !important; font-weight:550 !important; color:#42536B; }
.ap-msg .ap-msgnew__veld input, .ap-msg .ap-msgnew__veld textarea{ width:100%; border:1px solid #DDE3ED !important; border-radius:10px; padding:9px 12px; background:#fff !important; font-size:13px !important; font-weight:400 !important; line-height:1.5 !important; color:#0C1F3F !important; resize:vertical; }
.ap-msg .ap-msgnew__veld input:focus, .ap-msg .ap-msgnew__veld textarea:focus{ outline:none; border-color:#1B4DE4 !important; box-shadow:0 0 0 3px rgba(27,77,228,.12); }
.ap-msgnew__snel{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ap-msgnew__snel > i{ font-size:15px; color:#1B4DE4; }
.ap-msgnew__sneltekst{ font-size:11.5px !important; font-weight:550 !important; color:#6B7A93; }
.ap-msg .ap-msgnew__snel button{ height:26px; padding:0 10px; border-radius:999px; background:#F2F5FA !important; border:1px solid #E7EBF2 !important; color:#42536B !important; font-size:11px !important; font-weight:500 !important; cursor:pointer; }
.ap-msg .ap-msgnew__snel button:hover{ background:#EEF3FE !important; border-color:#1B4DE4 !important; color:#1B4DE4 !important; }
.ap-msgnew__voet{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:16px; padding:14px 22px; background:#FBFCFE; border-top:1px solid #EEF1F7; }
.ap-msgnew__voetlinks{ display:inline-flex; align-items:center; gap:7px; font-size:11.5px !important; font-weight:400 !important; color:#8B99AE; }
.ap-msgnew__voetlinks i{ font-size:14px; color:#93A2B8; }
.ap-msg .ap-msgnew__verstuur{ margin-left:auto; display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 18px; border-radius:10px; border:0; background:#1B4DE4 !important; color:#fff !important; font-size:13px !important; font-weight:600 !important; cursor:pointer; }
.ap-msgnew__verstuur i{ font-size:15px; }
.ap-msg .ap-msgnew__verstuur:hover{ background:#143BB0 !important; }

/* ============================================================
   Mobiel (720px)
   ============================================================ */
@media (max-width:720px){
	.ap-msg{ padding:18px 16px 32px; }
	.ap-global-header .ap-topbar__nieuwbtn{ display:none !important; }

	.ap-lijst{ flex:1 1 100%; max-width:none; }
	.ap-gesprek{ flex:1 1 100%; display:none; }
	.ap-gesprek.ap-toon{ display:flex; }
	.ap-lijst.ap-verberg{ display:none; }
	.ap-msg .ap-gesprek__terug{ display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; padding:0; border-radius:9px; background:#fff !important; border:1px solid #E2E7F0 !important; color:#42536B !important; cursor:pointer; }
	.ap-gesprek__terug i{ font-size:16px; }

	.ap-tabrij{ flex-wrap:wrap; row-gap:8px; }
	.ap-msg .ap-lijst .ap-tabs{ flex-wrap:nowrap; width:100%; }
	.ap-msg .ap-lijst .ap-tabs button{ flex:1 1 0; min-width:0; padding:0 6px; }
	.ap-teller{ margin-left:0; width:100%; }

	.ap-msg .ap-nieuwfab{ position:fixed; right:18px; bottom:20px; }
	.ap-msg .ap-nieuwfab.ap-verberg{ display:none !important; }

	.ap-msg .ap-gesprek__antwoord textarea, .ap-msg .ap-msgnew__veld input, .ap-msg .ap-msgnew__veld textarea, .ap-lijst .ap-zoek{ min-height:46px; }
	.ap-msgnew{ padding:16px; }
	.ap-msgnew__paneel{ max-width:100%; max-height:calc(100vh - 32px); display:flex; flex-direction:column; }
	.ap-msgnew__leden{ max-height:none; flex:1; }
}

/* ============================================================
   REV 4 — OVERRULE oude gelijknamige regels (ap-core.css / gedeelde
   design-stylesheet). Hoge specificiteit `main .ap-msg …` + !important op
   ALLE afstand-eigenschappen (margin/padding/min-height/line-height), zodat
   het niet uitmaakt via welke property de oude regel de gaten maakt.
   ============================================================ */
main .ap-msg .ap-lijst__kop{ margin:0 !important; padding:0 !important; }
main .ap-msg .ap-tabrij{ margin:0 !important; padding:12px 14px 10px !important; min-height:0 !important; }
main .ap-msg .ap-tabs{ margin:0 !important; }
main .ap-msg .ap-tabs button{ margin:0 !important; }
main .ap-msg .ap-teller{ margin:0 0 0 auto !important; }
main .ap-msg .ap-lijst .ap-zoek{ margin:0 14px 10px !important; padding:0 11px !important; min-height:0 !important; }
main .ap-msg .ap-gesprekken{ margin:0 !important; padding:0 !important; }
main .ap-msg .ap-gesprek-rij{ margin:0 !important; }
main .ap-msg .ap-pagehero{ margin:0 0 20px !important; }
main .ap-msg .ap-pagehero__tekst{ margin:0 !important; line-height:1.4 !important; }
main .ap-msg .ap-pagehero__titel{ margin:0 !important; line-height:1.2 !important; }
main .ap-msg .ap-pagehero__sub{ margin:6px 0 0 !important; line-height:1.5 !important; }

/* DE ECHTE OORZAAK: de lijst-kop werd flex-uitgerekt (242px hoog).
   Kop mag niet groeien; alleen het berichtengebied vult de ruimte. */
main .ap-msg .ap-lijst{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; align-items:stretch !important; }
main .ap-msg .ap-lijst__kop{ display:block !important; flex:0 0 auto !important; height:auto !important; min-height:0 !important; }
main .ap-msg .ap-gesprekken{ flex:1 1 auto !important; min-height:0 !important; }
main .ap-msg .ap-lijst__spacer{ flex:0 0 56px !important; }
/* Hero: tekstblok mag ook niet uitrekken. */
main .ap-msg .ap-pagehero{ flex:0 0 auto !important; align-items:flex-end !important; }
main .ap-msg .ap-pagehero__tekst{ display:block !important; flex:0 1 auto !important; height:auto !important; min-height:0 !important; }
main .ap-msg .ap-pagehero__titel{ height:auto !important; min-height:0 !important; }