/* VvE Net Mededelingen. Kleuren uit het thema, met terugvalwaarden. */
.md-lijst, .md-nieuw, .md-dash, .md-voorkeur { --_ink: var(--vn-ink, #14214F); --_groen: var(--vn-groen, #2346B8); --_vlak: var(--vn-vlak, #F3F6FB); --_zacht: var(--vn-zacht, #4A5677); --_spoed: var(--vn-spoed, #C4262E); --_wit: var(--vn-wit, #fff); --_rand: var(--vn-rand, #6A7593); }
.md-nieuw { margin: 0 0 2rem; }
.md-nieuw > summary { list-style: none; display: inline-block; }
.md-nieuw > summary::-webkit-details-marker { display: none; }
.md-nieuw[open] > summary { margin-bottom: 1.25rem; background: var(--_ink); border-color: var(--_ink); }
.md-nieuw form { padding: 1.25rem 1.25rem .25rem; background: var(--_vlak); border-radius: 12px; max-width: none; }
.md-lijst { display: grid; gap: 1rem; margin-bottom: 2.5rem; }
.md-kaart { padding: 1.1rem 1.35rem; border-radius: 12px; background: var(--vn-wit, #fff); border: 1px solid color-mix(in srgb, var(--_groen) 18%, transparent); scroll-margin-top: 6rem; }
.md-kaart:target { outline: 3px solid var(--vn-geel, #2FA8D8); outline-offset: 2px; }
.md-kaart--belangrijk { border-left: 5px solid var(--_spoed); }
.md-kaart header { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; margin-bottom: .5rem; }
.md-titel { margin: 0; font-size: 1.2rem; line-height: 1.3; }
.md-tekst p { margin: 0 0 .7rem; }
.md-voet { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; align-items: center; border-top: 1px solid var(--_vlak); padding-top: .6rem; margin-top: .4rem; }
.md-voet p { margin: 0; }
.md-knoppen { display: flex; gap: .9rem; align-items: center; white-space: nowrap; }
.md-knoppen .vn-inline { margin: 0; }
.md-status--belangrijk { background: var(--_spoed); color: #fff; }
.md-status--vast { background: color-mix(in srgb, var(--_groen) 14%, #fff); color: var(--_groen); }
.md-voorkeur { padding-top: 1.5rem; border-top: 2px solid var(--_vlak); }
.md-dash { margin: 0 0 1.5rem; }
.md-dash h2 { margin: 0; font-size: 1.15rem; }
.md-dash ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.md-dash li { padding: .8rem 1rem; border-radius: 10px; background: var(--vn-geel-zacht, #EEF3FF); }
.md-dash li p { margin: .25rem 0 0; color: var(--_zacht); font-size: .95rem; }
.md-dash li.md-dash--belangrijk { box-shadow: inset 4px 0 0 var(--_spoed); }