/* module-venster.css — Meer informatie als venster rechts (6-okt-2026). Klassen mv-. */
/* Boven de wizard (55) én de hoofdnavigatie (100-102): anders valt het kruisje onder de accountknop. */
.mv-sluier{position:fixed;inset:0;background:rgba(15,27,39,.28);z-index:1000}
.mv-venster{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--white,#fff);z-index:1001;
  box-shadow:-12px 0 32px rgba(29,61,89,.18);display:flex;flex-direction:column;color:var(--navy);animation:mv-in .18s ease-out}
@keyframes mv-in{from{transform:translateX(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.mv-venster{animation:none}}
.mv-x{position:absolute;top:16px;right:18px;width:36px;height:36px;border:1px solid var(--line-2,#D5DCE3);background:var(--white,#fff);
  border-radius:8px;font-size:15px;color:var(--navy);cursor:pointer}
.mv-x:focus-visible,.mv-kies:focus-visible,.mv-verder:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.mv-kop{padding:22px 64px 16px 24px;border-bottom:1px solid #E3E8EE}
.mv-ey{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lime-dark,#4F7300);font-weight:700}
.mv-kop h3{margin:6px 0 6px;font-size:20px;line-height:1.25}
.mv-kop p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.mv-stand{display:inline-block;vertical-align:3px;margin-left:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  padding:3px 7px;border-radius:999px;background:var(--lime-tint,#F1F7E4);color:var(--lime-dark,#4F7300)}
.mv-stand.mv-volgt{background:#EEF2F6;color:var(--muted)}
.mv-body{padding:16px 24px;overflow:auto;flex:1}
.mv-sub{margin:4px 0 8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.mv-leeg{margin:0;font-size:14px;color:var(--muted);line-height:1.5}
.mv-leg{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px;font-size:11.5px;color:var(--muted)}
.mv-kleur{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.mv-lijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mv-app{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid #E3E8EE;border-radius:12px;background:var(--white,#fff);
  box-shadow:0 1px 2px rgba(29,61,89,.05)}
.mv-ico{flex:0 0 40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;
  letter-spacing:.02em;color:#fff;position:relative;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.mv-ico::after{content:'';position:absolute;top:0;right:0;width:10px;height:10px;background:rgba(255,255,255,.35);border-radius:0 10px 0 6px}
.mv-rekenmodel{background:var(--navy)} .mv-ico.mv-rekenmodel{color:#A9D84A}
.mv-tool{background:var(--blue,#2E7DB8)}
.mv-bibliotheek{background:var(--lime)}
.mv-aanleveren{background:var(--silver,#5A7080)}
.mv-txt{min-width:0;flex:1}
.mv-txt b{display:block;font-size:14px;line-height:1.3}
.mv-txt span{display:block;font-size:12.5px;color:var(--muted);line-height:1.4;margin-top:1px}
.mv-soort{flex:none;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 7px;border-radius:999px;
  background:#EEF2F6;color:var(--muted)}
.mv-voet{padding:14px 24px;border-top:1px solid #E3E8EE;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mv-verder{font-size:13px;color:var(--blue,#2E7DB8);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.mv-kies{background:var(--lime);color:#fff;border:0;border-radius:8px;padding:11px 16px;min-height:44px;font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.mv-kies.mv-gekozen{background:var(--white,#fff);color:var(--navy);box-shadow:inset 0 0 0 1px var(--line-2,#D5DCE3)}
.mv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mv-klap{display:block;padding:0}
.mv-klap summary{display:flex;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none;border-radius:12px}
.mv-klap summary::-webkit-details-marker{display:none}
.mv-klap summary::after{content:'›';flex:none;color:var(--blue,#2E7DB8);font-weight:800;font-size:18px;transition:transform .15s}
.mv-klap details[open] summary::after{transform:rotate(90deg)}
.mv-klap summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.mv-meer{padding:0 14px 12px 64px;font-size:13px;color:var(--navy);line-height:1.5}
.mv-meer p{margin:0 0 6px;color:var(--muted)}
.mv-punten{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.mv-punten li{position:relative;padding-left:20px}
.mv-punten li::before{content:'✓';position:absolute;left:0;color:var(--lime);font-weight:800}
@media (max-width:560px){.mv-meer{padding-left:14px}}
@media (max-width:560px){.mv-soort{display:none}.mv-kop{padding-right:60px}}