/* IT-Label Zelfscan (app/pages/zelfscan.php, public/assets/zelfscan.js).
   Bouwt voort op de snelscan-klassen cv-* en de knoppen std-* uit standaard.css. */
.zs [hidden], .zs-quiz [hidden] { display: none !important; }
.zs, .zs-quiz { margin-top: 1rem; }
.zs-h2 { margin: .6rem 0 .75rem; font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 300; line-height: 1.25; color: var(--color-black, #111); }
.zs-intro { max-width: 46rem; color: var(--color-navy, #0B2740); line-height: 1.7; }
.zs-faq-kop { margin-top: 3rem; }

/* Beginstand */
.zs-start { display: grid; gap: 1.75rem; }
.zs-punten { display: grid; gap: .7rem; margin: 0; padding: 0; list-style: none; }
.zs-punten li { display: flex; gap: .7rem; align-items: flex-start; color: var(--color-navy, #0B2740); line-height: 1.5; }
.zs-punten .std-icoon { flex: none; width: 1.25rem; height: 1.25rem; margin-top: .15rem; }
.zs-start .std-knop { justify-self: start; }

/* Vragen: "weet ik niet" iets rustiger */
.zs .cv-opties .zs-weetniet { border-style: dashed; color: var(--color-blue-grey, #5B6472); }
.zs-bezig { margin: 1rem 0; color: var(--color-navy, #0B2740); }

/* Uitslag */
.zs-uitkomst { margin-bottom: 1rem; }
.zs-kop { margin: 1.75rem 0 .5rem; font-size: 1.05rem; font-weight: 600; color: var(--color-black, #111); }
.zs-meter { height: .5rem; margin: .25rem 0 .75rem; background: var(--color-light-grey, #E6ECF2); }
.zs-meter span { display: block; height: 100%; background: var(--color-navy, #0B2740); }
.zs-tips { margin: 0; padding-left: 1.25rem; }
.zs-tips li { margin: .45rem 0; line-height: 1.55; color: var(--color-navy, #0B2740); }
.zs-noot { font-size: .9rem; color: var(--color-blue-grey, #5B6472) !important; }
.zs-knoppen { margin-top: 1rem; }
.zs-staffel { align-self: start; }
@media (max-width: 47.99rem) {
  .zs-uitkomst { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .zs-staffel { order: -1; }
}

/* Rapport per mail */
.zs-rapport { margin: 2.5rem 0 1rem; padding: clamp(1.25rem, 3vw, 2rem); background: var(--color-mist, #F2F4F8); border-left: 3px solid var(--color-navy, #0B2740); }
.zs-rapport-kop { margin: 0 0 .4rem; font-size: 1.25rem; font-weight: 500; color: var(--color-black, #111); }
.zs-rapport .pa-raster { margin-top: 1.25rem; }
.zs-vink { display: flex !important; gap: .65rem; align-items: flex-start; font-weight: 400 !important; cursor: pointer; }
.zs-vink input { flex: none; width: 18px; height: 18px; margin-top: 3px; }

/* Kennisquiz */
.zq-stelling { margin: .25rem 0 1rem; }
.zq-knoppen { margin-top: 0; }
.zq-uitleg { margin: 1.25rem 0 1rem; padding: .9rem 1.1rem; line-height: 1.6; border-left: 3px solid; }
.zq-goed { background: #E8F4ED; border-color: #2F7D5B; }
.zq-fout { background: #FBEDEC; border-color: #B42318; }
.zq-uitleg a { color: var(--color-navy, #0B2740); text-decoration: underline; }