/* mijn-modules.css — de opmaak van modules en productbundels.
   Sinds #763 (30-sep-2026) staat dit scherm als blad in werkruimte.html; de
   opmaak staat daarom in een eigen bestand en niet meer in de pagina. */
.mm-wrap{max-width:880px;margin:0 auto;padding:20px}

.mm-kop{background:var(--navy);border-radius:12px;padding:20px 24px;margin-bottom:16px}
.mm-kop h1{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}
.mm-kop .mm-rol{font-size:12.5px;color:rgba(255,255,255,.72)}
.mm-kop .mm-rol strong{color:#fff}

.mm-blok{background:var(--white);border:1px solid var(--light);border-radius:12px;padding:18px 20px;margin-bottom:14px}
.mm-blok > h2{font-size:15.5px;font-weight:600;margin-bottom:4px}
.mm-blok > .mm-sub{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px}

.mm-rij{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-top:1px solid var(--light)}
.mm-rij:first-of-type{border-top:none}
.mm-rij-tekst{flex:1;min-width:0}
.mm-rij-naam{font-size:14px;font-weight:600;margin-bottom:3px}
.mm-rij-kort{font-size:12.5px;color:var(--muted);line-height:1.55}
.mm-rij-bij{font-size:12px;color:var(--hint);margin-top:5px;line-height:1.5}

/* Schakelaar — maten uit de handoff: spoor 44x25, knop 19, radius 13. */
.mm-schakel{position:relative;width:44px;height:25px;border-radius:13px;border:none;background:#CBD5E0;cursor:pointer;flex-shrink:0;padding:0;transition:background .15s}
.mm-schakel[aria-checked="true"]{background:#3E9B1C}
.mm-schakel::after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.mm-schakel[aria-checked="true"]::after{left:22px}
.mm-schakel:disabled{cursor:not-allowed;opacity:.55}
.mm-schakel:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

.mm-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:7px;white-space:nowrap;flex-shrink:0}
.mm-chip-slot{background:#FFF4E2;color:#B0730F;border:1px solid #E4C48B}
.mm-chip-aanbevolen{background:#EAF5E1;color:#2F7D13;border:1px solid #CFE3BB}
.mm-chip-open{background:#EEF2F6;color:var(--navy)}

.mm-vouw{border-top:1px solid var(--light);margin-top:6px}
.mm-vouw summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:13px 0 0;list-style:none}
.mm-vouw summary::-webkit-details-marker{display:none}
.mm-vouw summary::before{content:"▸ ";font-size:11px}
.mm-vouw[open] summary::before{content:"▾ "}

.mm-hoofdstuk{display:flex;align-items:baseline;gap:10px;padding:10px 0;border-top:1px solid var(--light);font-size:13.5px}
.mm-hoofdstuk:first-of-type{border-top:none}
.mm-hs-nr{font-family:var(--font-mono, ui-monospace, Menlo, monospace);font-variant-numeric:tabular-nums;color:var(--hint);font-size:12px;min-width:22px;text-align:right}
.mm-hs-titel{flex:1;min-width:0}
.mm-hs-reden{font-size:12px;color:var(--hint);margin-top:3px;line-height:1.5}

.mm-melding{font-size:13px;color:var(--muted);line-height:1.65;background:var(--light);border-radius:9px;padding:14px 16px}
    .mm-rail{margin-top:8px}
    .mm-melding-link{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;
      color:var(--blue);text-decoration:none}
    .mm-melding-link:hover{text-decoration:underline}
.mm-laden{padding:50px 20px;text-align:center;color:var(--muted);font-size:13px}

@media (max-width:640px){
  .mm-wrap{padding:14px}
  .mm-rij{gap:10px}
}