/* /Components/Account/Shared/InlogFormulier.razor.rz.scp.css */
.tm-inlog[b-vyrdhkcz9s] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tm-inlog-onder[b-vyrdhkcz9s] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--tm-ruimte-2);
    margin-top: var(--tm-ruimte-2);
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.tm-beheer-account[b-wnen6flmch] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: var(--tm-ruimte-6);
    align-items: start;
}

@media (max-width: 800px) {
    .tm-beheer-account[b-wnen6flmch] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Gedeeld/CijferBadge.razor.rz.scp.css */
.tm-cijferbadge[b-j9sq9w25i3] {
    --tm-badge-kleur: var(--tm-groen-fris);
    --tm-badge-vlak: var(--tm-goed-bg);
    --tm-badge-tekst: var(--tm-goed-tekst);
    position: relative; flex: none;
    display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
    width: 68px; height: 68px; border-radius: 50%;
    /* Ring: het gekleurde deel is het percentage goed. */
    background:
        radial-gradient(closest-side, var(--tm-badge-vlak) 78%, transparent 79% 100%),
        conic-gradient(var(--tm-badge-kleur) var(--tm-ring), color-mix(in srgb, var(--tm-badge-kleur) 16%, transparent) 0);
    color: var(--tm-badge-tekst);
}
.tm-cijferbadge--fout[b-j9sq9w25i3] {
    --tm-badge-kleur: var(--tm-fout);
    --tm-badge-vlak: var(--tm-fout-bg);
    --tm-badge-tekst: var(--tm-fout-tekst);
}
.tm-cijferbadge-waarde[b-j9sq9w25i3] {
    font-family: var(--tm-font-kop); font-weight: 700; font-size: 20px; line-height: 1; font-variant-numeric: tabular-nums;
}
.tm-cijferbadge-onder[b-j9sq9w25i3] { margin-top: 2px; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.85; }

.tm-cijferbadge--klein[b-j9sq9w25i3] { width: 48px; height: 48px; }
.tm-cijferbadge--klein .tm-cijferbadge-waarde[b-j9sq9w25i3] { font-size: 15px; }
/* /Components/Gedeeld/CijferBerekening.razor.rz.scp.css */
.cb-tabel td[b-thk0ctak4n] { vertical-align: top; }
.cb-wat[b-thk0ctak4n] { font-weight: 600; white-space: nowrap; }
.cb-hoe[b-thk0ctak4n] { color: var(--tm-tekst-zacht); font-variant-numeric: tabular-nums; }
.cb-uitkomst[b-thk0ctak4n] { font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }

.cb-nadruk td[b-thk0ctak4n] { background: var(--tm-vlak-zacht); }
.cb-nadruk .cb-uitkomst[b-thk0ctak4n] { font-family: var(--tm-font-kop); font-size: var(--tm-maat-subkop); color: var(--tm-tekst); }

.cb-voetnoot[b-thk0ctak4n] {
    margin: 0; padding: 12px 20px; border-top: 1px solid var(--tm-lijn-licht);
    font-size: var(--tm-maat-bijschrift); color: var(--tm-fout-tekst);
}

@media (max-width: 640px) {
    .cb-wat[b-thk0ctak4n] { white-space: normal; }
}
/* /Components/Gedeeld/FactuurLinks.razor.rz.scp.css */
.fl[b-ls42ozb9mm] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    margin-top: 4px;
}

.fl-link[b-ls42ozb9mm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: var(--tm-maat-klein);
    font-weight: 600;
    color: var(--tm-accent-toets);
    text-decoration: none;
    white-space: nowrap;
}

.fl-link:hover[b-ls42ozb9mm] {
    text-decoration: underline;
}
/* /Components/Gedeeld/KandidaatBanner.razor.rz.scp.css */
.tm-banner[b-av46zoodbe] {
    position: relative; isolation: isolate; overflow: hidden;
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px;
    margin-bottom: var(--tm-ruimte-6); padding: 36px 40px;
    border-radius: 22px; color: var(--tm-gebroken-wit);
    background:
        radial-gradient(34rem 20rem at 100% 0%, color-mix(in srgb, var(--tm-groen-fris) 55%, transparent), transparent 70%),
        radial-gradient(26rem 16rem at 0% 110%, color-mix(in srgb, var(--tm-limoen) 22%, transparent), transparent 70%),
        linear-gradient(135deg, var(--tm-inktblauw) 0%, color-mix(in srgb, var(--tm-inktblauw) 82%, var(--tm-accent-examen)) 100%);
    box-shadow: 0 18px 40px color-mix(in srgb, var(--tm-inktblauw) 18%, transparent);
}
/* Stippenraster dat naar links vervaagt. */
.tm-banner[b-av46zoodbe]::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--tm-vlak-wit) 22%, transparent) 1.1px, transparent 0);
    background-size: 20px 20px;
    -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 90%);
    mask-image: linear-gradient(90deg, transparent 20%, #000 90%);
}
.tm-banner-beeld[b-av46zoodbe] {
    position: absolute; z-index: -1; right: -60px; bottom: -120px; width: 340px; height: 340px;
    color: color-mix(in srgb, var(--tm-vlak-wit) 14%, transparent); pointer-events: none;
}

.tm-banner-tekst[b-av46zoodbe] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.tm-banner-label[b-av46zoodbe] {
    font-size: var(--tm-maat-label); font-weight: 600; letter-spacing: var(--tm-letterafstand-label); text-transform: uppercase;
    color: var(--tm-limoen);
}
.tm-banner-titel[b-av46zoodbe] {
    margin: 0; color: var(--tm-gebroken-wit); font-size: 40px; line-height: 1.08; letter-spacing: -0.02em;
}
.tm-banner-onder[b-av46zoodbe] { margin: 0; max-width: 56ch; font-size: var(--tm-maat-body); line-height: 1.6; color: var(--tm-lijn-sterk); }
.tm-banner-acties[b-av46zoodbe] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.tm-banner-rechts[b-av46zoodbe] { position: relative; min-width: 0; }

@media (max-width: 900px) {
    .tm-banner[b-av46zoodbe] { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 28px 28px; }
    .tm-banner-titel[b-av46zoodbe] { font-size: 34px; }
}
@media (max-width: 640px) {
    .tm-banner[b-av46zoodbe] { padding: 24px 20px; border-radius: 18px; margin-bottom: var(--tm-ruimte-4); }
    .tm-banner-titel[b-av46zoodbe] { font-size: 28px; }
    .tm-banner-onder[b-av46zoodbe] { font-size: var(--tm-maat-standaard); }
    .tm-banner-beeld[b-av46zoodbe] { width: 220px; height: 220px; right: -50px; bottom: -80px; }
}
/* /Components/Gedeeld/KandidaatTegel.razor.rz.scp.css */
.tm-tegel[b-7mdhnsk9ni] {
    position: relative; overflow: hidden;
    display: flex; align-items: center; gap: 16px; padding: 18px 20px;
    border: 1px solid var(--tm-lijn-licht); border-radius: var(--tm-radius-groot); background: var(--tm-vlak-wit);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
    min-width: 0;
}
/* Een zachte kleurvlek rechts, in de kleur van de tegel. */
.tm-tegel[b-7mdhnsk9ni]::after {
    content: ""; position: absolute; right: -40px; top: -40px; width: 120px; height: 120px; border-radius: 50%;
    background: color-mix(in srgb, var(--tm-tegel-kleur) 12%, transparent); pointer-events: none;
}
.tm-tegel-icoon[b-7mdhnsk9ni] {
    flex: none; display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 14px;
    background: color-mix(in srgb, var(--tm-tegel-kleur) 16%, var(--tm-vlak-wit)); color: var(--tm-tegel-kleur);
}
.tm-tegel-tekst[b-7mdhnsk9ni] { display: flex; flex-direction: column; min-width: 0; }
.tm-tegel-waarde[b-7mdhnsk9ni] {
    font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 30px; line-height: 1.05; color: var(--tm-tekst);
    font-variant-numeric: tabular-nums;
}
.tm-tegel-label[b-7mdhnsk9ni] { margin-top: 2px; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst-zacht); }
.tm-tegel-toelichting[b-7mdhnsk9ni] { font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }

/* Op de telefoon compact: icoon boven het getal, zodat drie tegels naast elkaar passen. */
@media (max-width: 640px) {
    .tm-tegel[b-7mdhnsk9ni] { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 12px; }
    .tm-tegel-icoon[b-7mdhnsk9ni] { width: 34px; height: 34px; border-radius: 10px; }
    .tm-tegel-waarde[b-7mdhnsk9ni] { font-size: 24px; }
    .tm-tegel-label[b-7mdhnsk9ni] { font-size: var(--tm-maat-klein); line-height: 1.3; }
    .tm-tegel[b-7mdhnsk9ni]::after { width: 80px; height: 80px; right: -30px; top: -30px; }
}
/* /Components/Gedeeld/KandidaatVoortgang.razor.rz.scp.css */
.tm-voortgang-raster[b-u5s2fbb14q] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tm-ruimte-4); }
.tm-voortgang-breed[b-u5s2fbb14q] { grid-column: 1 / -1; }

@media (max-width: 900px) {
    .tm-voortgang-raster[b-u5s2fbb14q] { grid-template-columns: 1fr; }
}
/* /Components/Gedeeld/LaatsteLogin.razor.rz.scp.css */
.ll[b-tikec00lx4] {
    white-space: nowrap;
}
/* /Components/Gedeeld/OpenAntwoordVeld.razor.rz.scp.css */
.tm-open[b-56smht9924] { display: flex; flex-direction: column; gap: 8px; }
.tm-open-label[b-56smht9924] { font-size: var(--tm-maat-bijschrift); font-weight: 600; color: var(--tm-tekst); }
.tm-open-veld[b-56smht9924] {
    width: 100%; min-height: 280px; resize: vertical; padding: 16px 18px;
    border: 1.5px solid var(--tm-lijn-sterk); border-radius: var(--tm-radius-middel); background: var(--tm-vlak-wit);
    font-family: var(--tm-font-tekst); font-size: var(--tm-maat-body); line-height: 1.65; color: var(--tm-tekst);
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
.tm-open-veld:focus[b-56smht9924] { outline: none; border-color: var(--tm-accent, var(--tm-focus)); box-shadow: 0 0 0 3px var(--tm-mistblauw); }
.tm-open-voet[b-56smht9924] { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: var(--tm-maat-bijschrift); }
.tm-open-teller[b-56smht9924] { font-weight: 600; color: var(--tm-tekst-zacht); font-variant-numeric: tabular-nums; }
.tm-open-opslag[b-56smht9924] { color: var(--tm-bijschrift); }
.tm-open-uitleg[b-56smht9924] { margin: 0; font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
.tm-open-melding[b-56smht9924] {
    margin: 0; padding: 10px 14px; border: 1px solid var(--tm-fout-rand); border-radius: var(--tm-radius);
    background: var(--tm-fout-bg); color: var(--tm-fout-tekst); font-size: var(--tm-maat-bijschrift); font-weight: 500;
}

/* VR-108: boven het maximum wordt het veld rood. */
.tm-open--te-veel .tm-open-veld[b-56smht9924] { border-color: var(--tm-fout); background: var(--tm-fout-bg); }
.tm-open--te-veel .tm-open-veld:focus[b-56smht9924] { box-shadow: 0 0 0 3px var(--tm-fout-rand); }
.tm-open--te-veel .tm-open-teller[b-56smht9924] { color: var(--tm-fout-tekst); }

@media (max-width: 640px) {
    .tm-open-veld[b-56smht9924] { min-height: 40vh; padding: 14px; font-size: var(--tm-maat-standaard); }
}
/* /Components/Gedeeld/OpenBespreking.razor.rz.scp.css */
.ob-antwoord[b-kxwjt3r1q8] {
    display: flex; flex-direction: column; gap: 10px; padding: 14px 16px;
    border: 1px solid var(--tm-lijn-licht); border-radius: var(--tm-radius); background: var(--tm-vlak);
}
.ob-kop[b-kxwjt3r1q8] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ob-titel[b-kxwjt3r1q8] { font-size: var(--tm-maat-bijschrift); font-weight: 600; }
.ob-tekst[b-kxwjt3r1q8] { font-size: var(--tm-maat-standaard); line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }
.ob-verdacht[b-kxwjt3r1q8] {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 10px;
    border: 1px solid var(--tm-fout-rand); border-radius: var(--tm-radius-klein); background: var(--tm-fout-bg);
}

.ob-beoordeling[b-kxwjt3r1q8] {
    display: flex; align-items: flex-start; gap: 16px; padding: 14px 16px;
    border: 1px solid var(--tm-info-rand); border-radius: var(--tm-radius); background: var(--tm-examen-keuze-bg);
}
.ob-punten[b-kxwjt3r1q8] {
    flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;
    min-width: 64px; padding: 8px 10px; border-radius: var(--tm-radius); background: var(--tm-accent-examen); color: var(--tm-vlak-wit);
}
.ob-punten-getal[b-kxwjt3r1q8] { font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 28px; line-height: 1; }
.ob-punten-van[b-kxwjt3r1q8] { font-size: var(--tm-maat-label); opacity: 0.85; }
.ob-beoordeling-tekst[b-kxwjt3r1q8] { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ob-toelichting[b-kxwjt3r1q8] { margin: 6px 0 0; font-size: var(--tm-maat-standaard); line-height: 1.6; white-space: pre-line; }

.ob-model[b-kxwjt3r1q8] { padding: 10px 14px; border: 1px dashed var(--tm-lijn-sterk); border-radius: var(--tm-radius); background: var(--tm-vlak-zacht); }
.ob-model summary[b-kxwjt3r1q8] { cursor: pointer; font-size: var(--tm-maat-bijschrift); font-weight: 600; }
.ob-model[open] summary[b-kxwjt3r1q8] { margin-bottom: 8px; }
.ob-model .ob-tekst[b-kxwjt3r1q8] { color: var(--tm-tekst-zacht); }

@media (max-width: 640px) {
    .ob-beoordeling[b-kxwjt3r1q8] { flex-direction: column; gap: 10px; }
}
/* /Components/Gedeeld/ToekenningenTabel.razor.rz.scp.css */
.tt-bedrag[b-692e7f4uwx] {
    margin-left: 6px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* /Components/Gedeeld/ToetsKaart.razor.rz.scp.css */
.tm-toetskaart[b-j7wdfyxuv5] {
    --tm-kaart-accent: var(--tm-groen-fris);
    --tm-kaart-streep: linear-gradient(90deg, var(--tm-groen-fris), var(--tm-limoen));
    --tm-kaart-soort-bg: var(--tm-goed-bg);
    --tm-kaart-soort-tekst: var(--tm-groen-fris-tekst);
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 10px; padding: 24px 22px 20px;
    border: 1px solid var(--tm-lijn-licht); border-radius: 18px; background: var(--tm-vlak-wit);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.tm-toetskaart[b-j7wdfyxuv5]::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; background: var(--tm-kaart-streep);
}
.tm-toetskaart:hover[b-j7wdfyxuv5] { transform: translateY(-2px); box-shadow: 0 14px 30px color-mix(in srgb, var(--tm-inktblauw) 10%, transparent); }
.tm-toetskaart--examen[b-j7wdfyxuv5] {
    --tm-kaart-accent: var(--tm-accent-examen);
    --tm-kaart-streep: linear-gradient(90deg, var(--tm-inktblauw), var(--tm-accent-examen));
    --tm-kaart-soort-bg: var(--tm-examen-keuze-bg);
    --tm-kaart-soort-tekst: var(--tm-accent-examen);
}
.tm-toetskaart--gepland[b-j7wdfyxuv5] { background: var(--tm-vlak-zacht); box-shadow: none; }
.tm-toetskaart--gepland[b-j7wdfyxuv5]::before { background: var(--tm-lijn-sterk); }
.tm-toetskaart--gepland:hover[b-j7wdfyxuv5] { transform: none; box-shadow: none; }
.tm-toetskaart--gepland .tm-toetskaart-titel[b-j7wdfyxuv5], .tm-toetskaart--gepland .tm-toetskaart-soort[b-j7wdfyxuv5] { color: var(--tm-bijschrift); }
.tm-toetskaart--gepland .tm-toetskaart-soort[b-j7wdfyxuv5] { background: var(--tm-lijn-licht); }

.tm-toetskaart-kop[b-j7wdfyxuv5] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.tm-toetskaart-soort[b-j7wdfyxuv5] {
    padding: 4px 11px; border-radius: var(--tm-radius-pil); font-size: var(--tm-maat-klein); font-weight: 600;
    background: var(--tm-kaart-soort-bg); color: var(--tm-kaart-soort-tekst);
}
.tm-toetskaart-bezig[b-j7wdfyxuv5] { display: inline-flex; align-items: center; gap: 6px; font-size: var(--tm-maat-klein); font-weight: 600; color: var(--tm-kaart-accent); }
.tm-toetskaart-stip[b-j7wdfyxuv5] { width: 8px; height: 8px; border-radius: 99px; background: var(--tm-kaart-accent); animation: tm-toetskaart-puls-b-j7wdfyxuv5 1.8s ease-out infinite; }
@keyframes tm-toetskaart-puls-b-j7wdfyxuv5 {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tm-kaart-accent) 50%, transparent); }
    70%, 100% { box-shadow: 0 0 0 7px transparent; }
}

.tm-toetskaart-titel[b-j7wdfyxuv5] { margin: 4px 0 0; font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 21px; line-height: 1.25; color: var(--tm-tekst); }
.tm-toetskaart-vak[b-j7wdfyxuv5] { margin: 0; font-size: var(--tm-maat-bijschrift); color: var(--tm-bijschrift); }
.tm-toetskaart-feiten[b-j7wdfyxuv5] { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst-zacht); }
.tm-toetskaart-feiten li[b-j7wdfyxuv5] { display: flex; align-items: center; gap: 8px; }
.tm-toetskaart-feiten li[b-j7wdfyxuv5]  .tm-icoon, .tm-toetskaart-feiten li > svg[b-j7wdfyxuv5] { color: var(--tm-kaart-accent); flex: none; }
.tm-toetskaart-voet[b-j7wdfyxuv5] { margin-top: auto; padding-top: 12px; }

@media (prefers-reduced-motion: reduce) {
    .tm-toetskaart[b-j7wdfyxuv5] { transition: none; }
    .tm-toetskaart:hover[b-j7wdfyxuv5] { transform: none; }
    .tm-toetskaart-stip[b-j7wdfyxuv5] { animation: none; }
}
/* /Components/Gedeeld/UitslagInhoud.razor.rz.scp.css */
.tm-uitslag-oordeel[b-tam3hwb5ww] {
    display: flex; align-items: center; gap: 20px; margin-top: 8px; padding: 20px 24px;
    border: 1px solid; border-radius: var(--tm-radius-groot);
}
.tm-uitslag-oordeel strong[b-tam3hwb5ww] { display: block; font-size: var(--tm-maat-subkop); }
.tm-uitslag-oordeel--geslaagd[b-tam3hwb5ww] { background: var(--tm-goed-bg); border-color: var(--tm-goed-rand); color: var(--tm-goed-tekst); }
.tm-uitslag-oordeel--niet[b-tam3hwb5ww] { background: var(--tm-fout-bg); border-color: var(--tm-fout-rand); color: var(--tm-fout-tekst); }
.tm-uitslag-score[b-tam3hwb5ww] { font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 44px; line-height: 1; }
.tm-uitslag-grens[b-tam3hwb5ww] { font-size: var(--tm-maat-bijschrift); }
.tm-uitslag-cijfer[b-tam3hwb5ww] { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.tm-uitslag-mini[b-tam3hwb5ww] { display: block; width: 48px; height: 36px; object-fit: cover; border-radius: 6px; border: 1px solid var(--tm-lijn); }
.tm-uitslag-sectie[b-tam3hwb5ww] { margin: 8px 0 0; font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: var(--tm-maat-kop-klein); }

.tm-bespreking[b-tam3hwb5ww] {
    display: flex; flex-direction: column; gap: 12px; padding: 20px 24px; scroll-margin-top: 16px;
    border: 1px solid var(--tm-mistblauw); border-radius: var(--tm-radius-groot); background: var(--tm-vlak-wit);
}
.tm-bespreking-kop[b-tam3hwb5ww] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tm-bespreking-vraag[b-tam3hwb5ww] { margin: 0; font-size: var(--tm-maat-body); line-height: 1.5; white-space: pre-line; }
.tm-bespreking-afbeelding[b-tam3hwb5ww] { max-width: 100%; max-height: 280px; align-self: flex-start; border-radius: var(--tm-radius-middel); border: 1px solid var(--tm-lijn); }
.tm-bespreking-opties[b-tam3hwb5ww] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.tm-bespreking-opties li[b-tam3hwb5ww] {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
    padding: 10px 14px; border: 1px solid var(--tm-lijn-licht); border-radius: var(--tm-radius);
}
.tm-bespreking-opties li.tm-bespreking-optie--juist[b-tam3hwb5ww] { background: var(--tm-goed-bg); border-color: var(--tm-goed-rand); }
.tm-bespreking-opties li.tm-bespreking-optie--fout[b-tam3hwb5ww] { background: var(--tm-fout-bg); border-color: var(--tm-fout-rand); }
.tm-bespreking-labels[b-tam3hwb5ww] { display: flex; gap: 6px; }
.tm-bespreking-label[b-tam3hwb5ww] {
    padding: 2px 10px; border-radius: var(--tm-radius-pil); font-size: var(--tm-maat-label); font-weight: 600;
    background: var(--tm-mistblauw); color: var(--tm-tekst);
}
.tm-bespreking-label--juist[b-tam3hwb5ww] { background: var(--tm-accent-toets); color: var(--tm-gebroken-wit); }
.tm-bespreking-toelichting[b-tam3hwb5ww] { margin: 0; font-size: var(--tm-maat-standaard); line-height: 1.6; color: var(--tm-tekst-zacht); white-space: pre-line; }

@media (max-width: 640px) {
    .tm-uitslag-oordeel[b-tam3hwb5ww] { flex-direction: column; align-items: flex-start; gap: 8px; }
}
/* /Components/Gedeeld/VakKiezer.razor.rz.scp.css */
.vk[b-ftnn1u8mt1] {
    position: relative;
}

.vk-knop[b-ftnn1u8mt1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 6px 14px;
    border: 1px solid var(--tm-lijn-sterk);
    border-radius: var(--tm-radius-pil);
    background: var(--tm-vlak);
    color: var(--tm-tekst);
    font-family: inherit;
    font-size: var(--tm-maat-bijschrift);
    cursor: pointer;
}

.vk-knop:hover[b-ftnn1u8mt1],
.vk-knop--open[b-ftnn1u8mt1] {
    background: var(--tm-vlak-zacht);
    border-color: var(--tm-inktblauw);
}

.vk-tekst[b-ftnn1u8mt1] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vk-pijl[b-ftnn1u8mt1] {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--tm-bijschrift);
}

/* Onzichtbaar vlak over de pagina: een klik ernaast sluit het venster. */
.vk-achtergrond[b-ftnn1u8mt1] {
    position: fixed;
    inset: 0;
    z-index: 30;
}

.vk-paneel[b-ftnn1u8mt1] {
    position: absolute;
    z-index: 31;
    top: calc(100% + 6px);
    left: 0;
    width: min(380px, calc(100vw - 32px));
    background: var(--tm-vlak);
    border: 1px solid var(--tm-lijn-sterk);
    border-radius: var(--tm-radius-groot);
    box-shadow: var(--tm-schaduw-document);
    overflow: hidden;
}

.vk-zoek[b-ftnn1u8mt1] {
    padding: 12px;
    border-bottom: 1px solid var(--tm-lijn-licht);
}

.vk-zoek input[b-ftnn1u8mt1] {
    width: 100%;
}

.vk-lijst[b-ftnn1u8mt1] {
    max-height: 320px;
    overflow-y: auto;
    padding: 6px;
}

.vk-regel[b-ftnn1u8mt1] {
    padding: 7px 8px;
    border-radius: var(--tm-radius-klein);
}

.vk-regel:hover[b-ftnn1u8mt1] {
    background: var(--tm-vlak-zacht);
}

.vk-leeg[b-ftnn1u8mt1] {
    padding: 10px 8px;
    margin: 0;
}

.vk-voet[b-ftnn1u8mt1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-top: 1px solid var(--tm-lijn-licht);
    background: var(--tm-vlak-zacht);
}

.vk-voetknoppen[b-ftnn1u8mt1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* /Components/Gedeeld/VraagCijfers.razor.rz.scp.css */
.vc[b-m2fbqgkhup] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 130px;
}

.vc-kop[b-m2fbqgkhup] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

.vc-getal[b-m2fbqgkhup] {
    font-variant-numeric: tabular-nums;
}

.vc-balk[b-m2fbqgkhup] {
    height: 6px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-lijn-licht);
    overflow: hidden;
}

.vc-goed[b-m2fbqgkhup] {
    height: 100%;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-groen-fris);
}

/* Een vraag die bijna niemand goed heeft, of juist iedereen: opvallen in de lijst. */
.vc-goed--moeilijk[b-m2fbqgkhup] {
    background: var(--tm-fout);
}

.vc-goed--makkelijk[b-m2fbqgkhup] {
    background: var(--tm-accent-toets);
}

.vc-oordeel[b-m2fbqgkhup] {
    white-space: nowrap;
}
/* /Components/Layout/AppLayout.razor.rz.scp.css */
.tm-app[b-oauoepgvra] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: var(--tm-zijmenu-breedte) minmax(0, 1fr);
    background: var(--tm-vlak-zacht);
}

.tm-menu-schakelaar[b-oauoepgvra] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tm-app-balk[b-oauoepgvra] {
    display: none;
}

.tm-app-zij[b-oauoepgvra] {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    scrollbar-width: thin;
    display: flex;
    flex-direction: column;
    gap: var(--tm-ruimte-6);
    padding: 24px 16px;
    /* Een vleugje fris groen onderin, zodat het menu niet vlak oogt. */
    background:
        radial-gradient(18rem 14rem at 0% 100%, color-mix(in srgb, var(--tm-groen-fris) 10%, transparent), transparent 70%),
        var(--tm-vlak);
    border-right: 1px solid var(--tm-lijn-licht);
}

.tm-app-merk[b-oauoepgvra] {
    display: inline-flex;
    text-decoration: none;
}

.tm-app-merk:hover[b-oauoepgvra] {
    text-decoration: none;
}

.tm-app-merk--zij[b-oauoepgvra] {
    padding: 0 12px;
}

.tm-app-inhoud[b-oauoepgvra] {
    min-width: 0;
    width: 100%;
    max-width: calc(var(--tm-inhoud-max) + 80px);
    padding: 36px 40px 64px;
}

@media (max-width: 900px) {
    .tm-app[b-oauoepgvra] {
        grid-template-columns: minmax(0, 1fr);
    }

    .tm-app-balk[b-oauoepgvra] {
        position: sticky;
        top: 0;
        z-index: 30;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 16px;
        background: var(--tm-vlak);
        border-bottom: 1px solid var(--tm-lijn-licht);
    }

    .tm-menu-knop[b-oauoepgvra] {
        width: 44px;
        height: 44px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        padding: 0 10px;
        border: 1px solid var(--tm-lijn-sterk);
        border-radius: var(--tm-radius);
        cursor: pointer;
    }

    .tm-menu-knop span[b-oauoepgvra] {
        display: block;
        height: 2px;
        background: var(--tm-tekst);
    }

    .tm-app-zij[b-oauoepgvra] {
        display: none;
        position: static;
        height: auto;
        border-right: none;
        border-bottom: 1px solid var(--tm-lijn-licht);
    }

    .tm-app-merk--zij[b-oauoepgvra] {
        display: none;
    }

    .tm-menu-schakelaar:checked ~ .tm-app-zij[b-oauoepgvra] {
        display: flex;
    }

    .tm-menu-schakelaar:focus-visible + .tm-app-balk .tm-menu-knop[b-oauoepgvra] {
        outline: 2px solid var(--tm-focus);
        outline-offset: 2px;
    }

    .tm-app-inhoud[b-oauoepgvra] {
        padding: 24px 16px 48px;
    }
}
/* /Components/Layout/PrintLayout.razor.rz.scp.css */
.tm-print[b-g304ytce0m] {
    min-height: 100vh;
    background: var(--tm-grond);
    padding: 32px 16px;
}

@media print {
    .tm-print[b-g304ytce0m] {
        background: #FFFFFF;
        padding: 0;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fb3w3ofspb],
.components-reconnect-repeated-attempt-visible[b-fb3w3ofspb],
.components-reconnect-failed-visible[b-fb3w3ofspb],
.components-pause-visible[b-fb3w3ofspb],
.components-resume-failed-visible[b-fb3w3ofspb],
.components-rejoining-animation[b-fb3w3ofspb] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-retrying[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-failed[b-fb3w3ofspb],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-fb3w3ofspb] {
    display: block;
}


#components-reconnect-modal[b-fb3w3ofspb] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-fb3w3ofspb 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-fb3w3ofspb 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-fb3w3ofspb 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-fb3w3ofspb]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-fb3w3ofspb 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-fb3w3ofspb {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-fb3w3ofspb {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-fb3w3ofspb {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-fb3w3ofspb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-fb3w3ofspb] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-fb3w3ofspb] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-fb3w3ofspb] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-fb3w3ofspb] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-fb3w3ofspb] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-fb3w3ofspb] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-fb3w3ofspb 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-fb3w3ofspb] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-fb3w3ofspb {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/StartLayout.razor.rz.scp.css */
/* Startpagina en inlogschermen: fris groene gloed en een stippenraster dat naar de randen vervaagt. */
.tm-start[b-335qg5rooy] {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(46rem 30rem at 94% 6%, color-mix(in srgb, var(--tm-groen-fris) 24%, transparent), transparent 70%),
        radial-gradient(40rem 28rem at 2% 96%, color-mix(in srgb, var(--tm-limoen) 42%, transparent), transparent 70%),
        radial-gradient(36rem 24rem at 40% 30%, color-mix(in srgb, var(--tm-vlak-wit) 70%, transparent), transparent 70%),
        var(--tm-grond);
}
.tm-start[b-335qg5rooy]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--tm-inktblauw) 14%, transparent) 1.2px, transparent 0);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 70% 35%, #000 0%, transparent 75%);
    mask-image: radial-gradient(ellipse 70% 60% at 70% 35%, #000 0%, transparent 75%);
}

.tm-start-kop[b-335qg5rooy] {
    background: color-mix(in srgb, var(--tm-vlak) 72%, transparent);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid color-mix(in srgb, var(--tm-lijn-licht) 70%, transparent);
}

.tm-start-kop-binnen[b-335qg5rooy] {
    max-width: var(--tm-inhoud-max);
    margin: 0 auto;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tm-start-merk:hover[b-335qg5rooy] {
    text-decoration: none;
}

.tm-start-inhoud[b-335qg5rooy] {
    flex: 1;
    width: 100%;
    max-width: var(--tm-inhoud-max);
    margin: 0 auto;
    padding: 72px 24px 88px;
}

.tm-start-voet[b-335qg5rooy] {
    background: var(--tm-inktblauw);
    color: var(--tm-voetnoot-tekst);
    font-size: var(--tm-maat-klein);
}

.tm-start-voet-binnen[b-335qg5rooy] {
    max-width: var(--tm-inhoud-max);
    margin: 0 auto;
    padding: 28px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 700px) {
    .tm-start-inhoud[b-335qg5rooy] {
        padding: 36px 16px 56px;
    }
    .tm-start[b-335qg5rooy]::before {
        -webkit-mask-image: radial-gradient(ellipse 90% 45% at 60% 20%, #000 0%, transparent 75%);
        mask-image: radial-gradient(ellipse 90% 45% at 60% 20%, #000 0%, transparent 75%);
    }
}
/* /Components/Layout/ToetsLayout.razor.rz.scp.css */
.tm-toets-shell[b-q41nrkmy4x] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--tm-vlak);
}
/* /Components/Layout/Zijmenu.razor.rz.scp.css */
.tm-zijmenu[b-o7gj8jw8dq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tm-zijmenu-sectie[b-o7gj8jw8dq] {
    margin-top: 16px;
    padding: 8px 12px 4px;
    font-size: var(--tm-maat-label);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--tm-bijschrift);
}

.tm-zijmenu-sectie:first-child[b-o7gj8jw8dq] {
    margin-top: 0;
}

/* Link met icoon: rustig, bij hover een licht vlak; de actieve pagina inktblauw met een limoen icoon. */
[b-o7gj8jw8dq] .tm-zijmenu-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 12px;
    border-radius: var(--tm-radius);
    font-size: var(--tm-maat-standaard);
    color: var(--tm-tekst-zacht);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease;
}

/* Lange namen passen op één regel; zo nodig met een beletselteken. */
[b-o7gj8jw8dq] .tm-zijmenu-link > span:not(.tm-zijmenu-teller):not(.tm-zijmenu-avatar) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-o7gj8jw8dq] .tm-zijmenu-link .tm-icoon {
    flex: 0 0 auto;
    color: var(--tm-bijschrift);
    transition: color 0.15s ease;
}

[b-o7gj8jw8dq] .tm-zijmenu-link:hover {
    background: color-mix(in srgb, var(--tm-groen-fris) 8%, var(--tm-vlak-wit));
    color: var(--tm-tekst);
    text-decoration: none;
}

[b-o7gj8jw8dq] .tm-zijmenu-link:hover .tm-icoon {
    color: var(--tm-groen-fris-tekst);
}

[b-o7gj8jw8dq] .tm-zijmenu-link.active {
    background: linear-gradient(135deg, var(--tm-inktblauw) 0%, color-mix(in srgb, var(--tm-inktblauw) 80%, var(--tm-accent-examen)) 100%);
    color: var(--tm-gebroken-wit);
    font-weight: 500;
    box-shadow: 0 6px 16px color-mix(in srgb, var(--tm-inktblauw) 20%, transparent);
}

[b-o7gj8jw8dq] .tm-zijmenu-link.active .tm-icoon {
    color: var(--tm-limoen);
}

.tm-zijmenu-teller[b-o7gj8jw8dq] {
    min-width: 24px;
    margin-left: auto;
    padding: 1px 8px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-groen-fris);
    color: var(--tm-vlak-wit);
    font-size: var(--tm-maat-klein);
    font-weight: 600;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.tm-zijmenu-onder[b-o7gj8jw8dq] {
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid var(--tm-lijn-licht);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tm-zijmenu-avatar[b-o7gj8jw8dq] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--tm-groen-fris) 0%, var(--tm-accent-toets) 100%);
    color: var(--tm-vlak-wit);
    font-size: var(--tm-maat-klein);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.tm-zijmenu-accounttekst[b-o7gj8jw8dq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tm-zijmenu-naam[b-o7gj8jw8dq] {
    font-size: var(--tm-maat-bijschrift);
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tm-zijmenu-sub[b-o7gj8jw8dq] {
    font-size: var(--tm-maat-klein);
    color: var(--tm-bijschrift);
}

[b-o7gj8jw8dq] .tm-zijmenu-account.active .tm-zijmenu-sub {
    color: var(--tm-lijn-sterk);
}

.tm-zijmenu-knop[b-o7gj8jw8dq] {
    width: 100%;
    border: none;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}
/* /Components/Ontwerp/TmBevestiging.razor.rz.scp.css */
.tm-bevestig-achtergrond[b-qr777njym3] {
    position: fixed;
    inset: 0;
    z-index: 900;
    background: rgba(22, 50, 74, 0.4);
}

.tm-bevestig[b-qr777njym3] {
    position: fixed;
    z-index: 901;
    top: 20vh;
    left: 50%;
    transform: translateX(-50%);
    width: min(480px, calc(100vw - 32px));
    padding: 24px;
    border-radius: var(--tm-radius-groot);
    background: var(--tm-vlak);
    border: 1px solid var(--tm-rand);
    box-shadow: 0 12px 40px rgba(22, 50, 74, 0.18);
}

.tm-bevestig-titel[b-qr777njym3] {
    font-size: var(--tm-maat-kop-klein);
    margin-bottom: var(--tm-ruimte-3);
}

.tm-bevestig-tekst[b-qr777njym3] {
    font-size: var(--tm-maat-standaard);
    color: var(--tm-tekst-zacht);
}

.tm-bevestig-knoppen[b-qr777njym3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--tm-ruimte-2);
    margin-top: var(--tm-ruimte-6);
}
/* /Components/Ontwerp/TmDonut.razor.rz.scp.css */
.tm-donut[b-r24dn97y3h] { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.tm-donut-svg[b-r24dn97y3h] { width: 150px; height: 150px; flex: none; }
.tm-donut-totaal[b-r24dn97y3h] { font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 26px; fill: var(--tm-tekst); }
.tm-donut-sub[b-r24dn97y3h] { font-size: 10px; fill: var(--tm-bijschrift); }
.tm-donut-legenda[b-r24dn97y3h] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; min-width: 160px; }
.tm-donut-legenda li[b-r24dn97y3h] { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 10px; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst-zacht); }
.tm-donut-legenda strong[b-r24dn97y3h] { color: var(--tm-tekst); font-variant-numeric: tabular-nums; }
.tm-donut-stip[b-r24dn97y3h] { width: 12px; height: 12px; border-radius: 3px; }
/* /Components/Ontwerp/TmKaart.razor.rz.scp.css */
.tm-kaart[b-y1qacx68i6] {
    background: var(--tm-vlak);
    border: 1px solid var(--tm-lijn-licht);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 4%, transparent), 0 10px 26px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
}

.tm-kaart--toets[b-y1qacx68i6] {
    border-top: 3px solid var(--tm-accent-toets);
}

.tm-kaart--examen[b-y1qacx68i6] {
    border-top: 3px solid var(--tm-accent-examen);
}

.tm-kaart-kop[b-y1qacx68i6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tm-ruimte-3);
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--tm-lijn-licht);
}

.tm-kaart-titel[b-y1qacx68i6] {
    margin: 0;
    font-family: var(--tm-font-tekst);
    font-size: 16px;
    font-weight: 600;
}

.tm-kaart-acties[b-y1qacx68i6] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tm-ruimte-2);
}

.tm-kaart-inhoud[b-y1qacx68i6] {
    padding: 20px;
}
/* /Components/Ontwerp/TmKeuzeOptie.razor.rz.scp.css */
.tm-optie[b-yqp4fopgbw] {
    display: flex; align-items: center; gap: 16px; width: 100%; min-height: 64px; padding: 18px 20px;
    border: 1px solid var(--tm-mistblauw); border-radius: var(--tm-radius-middel); background: var(--tm-vlak-wit);
    color: var(--tm-tekst); font: inherit; text-align: left; cursor: pointer;
}
.tm-optie:hover:not(:disabled)[b-yqp4fopgbw] { border-color: var(--tm-lijn-sterk); }
.tm-optie:disabled[b-yqp4fopgbw] { cursor: default; color: var(--tm-tekst); }
.tm-optie-letter[b-yqp4fopgbw] {
    flex: none; width: 32px; height: 32px; border-radius: var(--tm-radius-pil); display: flex; align-items: center; justify-content: center;
    font-size: var(--tm-maat-standaard); font-weight: 600; background: var(--tm-vlak-zacht); color: var(--tm-bijschrift);
}
.tm-optie-tekst[b-yqp4fopgbw] { font-size: var(--tm-maat-body); line-height: 1.5; }
.tm-optie-teken[b-yqp4fopgbw] { margin-left: auto; flex: none; font-size: 18px; color: var(--tm-accent, var(--tm-accent-toets)); }
.tm-optie-keuze[b-yqp4fopgbw] {
    margin-left: auto; flex: none; padding: 2px 10px; border-radius: var(--tm-radius-pil);
    font-size: var(--tm-maat-label); font-weight: 600; background: var(--tm-mistblauw); color: var(--tm-tekst);
}
.tm-optie-keuze + .tm-optie-teken[b-yqp4fopgbw] { margin-left: 0; }

.tm-optie--gekozen[b-yqp4fopgbw] { border: 2px solid var(--tm-accent, var(--tm-accent-toets)); padding: 17px 19px; background: var(--tm-accent-keuze-bg, var(--tm-goed-bg)); }
.tm-optie--gekozen .tm-optie-letter[b-yqp4fopgbw] { background: var(--tm-accent, var(--tm-accent-toets)); color: var(--tm-gebroken-wit); }

.tm-optie--juist[b-yqp4fopgbw] { border: 2px solid var(--tm-accent-toets); padding: 17px 19px; background: var(--tm-goed-bg); }
.tm-optie--juist .tm-optie-letter[b-yqp4fopgbw] { background: var(--tm-accent-toets); color: var(--tm-gebroken-wit); }
.tm-optie--juist .tm-optie-teken[b-yqp4fopgbw] { color: var(--tm-accent-toets); }
.tm-optie--fout[b-yqp4fopgbw] { border: 2px solid var(--tm-fout); padding: 17px 19px; background: var(--tm-fout-bg); }
.tm-optie--fout .tm-optie-letter[b-yqp4fopgbw] { background: var(--tm-fout); color: var(--tm-gebroken-wit); }
.tm-optie--fout .tm-optie-teken[b-yqp4fopgbw] { color: var(--tm-fout); }
.tm-optie--afgesloten[b-yqp4fopgbw] { opacity: 0.75; }

@media (max-width: 640px) {
    .tm-optie[b-yqp4fopgbw] { padding: 14px 16px; gap: 12px; }
    .tm-optie--gekozen[b-yqp4fopgbw], .tm-optie--juist[b-yqp4fopgbw], .tm-optie--fout[b-yqp4fopgbw] { padding: 13px 15px; }
}
/* /Components/Ontwerp/TmKopCijfer.razor.rz.scp.css */
.tm-kopcijfer[b-eowddalwa0] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 5px 12px;
    border: 1px solid var(--tm-lijn);
    border-radius: var(--tm-radius-pil);
    background: color-mix(in srgb, var(--tm-vlak-wit) 85%, transparent);
    font-size: var(--tm-maat-bijschrift);
    color: var(--tm-tekst-zacht);
    white-space: nowrap;
}

.tm-kopcijfer strong[b-eowddalwa0] {
    font-family: var(--tm-font-kop);
    font-weight: var(--tm-gewicht-kop);
    font-size: 17px;
    color: var(--tm-tekst);
    font-variant-numeric: tabular-nums;
}

.tm-kopcijfer--nadruk[b-eowddalwa0] {
    border-color: var(--tm-fout-rand);
    background: var(--tm-fout-bg);
    color: var(--tm-fout-tekst);
}

.tm-kopcijfer--nadruk strong[b-eowddalwa0] {
    color: var(--tm-fout-tekst);
}
/* /Components/Ontwerp/TmKopieerVeld.razor.rz.scp.css */
.tm-kopieer[b-mxyy153x6f] {
    display: flex;
    gap: var(--tm-ruimte-2);
    align-items: stretch;
}

.tm-kopieer-invoer[b-mxyy153x6f] {
    flex: 1;
    min-width: 0;
    font-size: var(--tm-maat-bijschrift);
    color: var(--tm-tekst-zacht);
    background: var(--tm-vlak-zacht);
}
/* /Components/Ontwerp/TmKpi.razor.rz.scp.css */
.tm-kpi[b-dk9phmngt2] {
    --tm-kpi-kleur: var(--tm-groen-fris);
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; min-width: 0;
    border: 1px solid var(--tm-lijn-licht); border-radius: var(--tm-radius-groot); background: var(--tm-vlak-wit);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 4%, transparent), 0 8px 22px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
}
/* Gekleurde rand bovenaan en een zachte cirkel in de hoek: sfeer, het label zegt wat het is. */
.tm-kpi[b-dk9phmngt2]::before {
    content: ""; position: absolute; inset: 0 0 auto 0; height: 3px;
    background: linear-gradient(90deg, var(--tm-kpi-kleur), color-mix(in srgb, var(--tm-kpi-kleur) 30%, var(--tm-limoen)));
}
.tm-kpi[b-dk9phmngt2]::after {
    content: ""; position: absolute; right: -34px; top: -34px; width: 90px; height: 90px; border-radius: 50%;
    background: color-mix(in srgb, var(--tm-kpi-kleur) 9%, transparent); pointer-events: none;
}
.tm-kpi-icoon[b-dk9phmngt2] {
    display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 4px;
    border-radius: 10px; background: color-mix(in srgb, var(--tm-kpi-kleur) 14%, var(--tm-vlak-wit)); color: var(--tm-kpi-kleur);
}
.tm-kpi-label[b-dk9phmngt2] { font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
.tm-kpi-waarde[b-dk9phmngt2] { font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 28px; line-height: 1.15; color: var(--tm-tekst); font-variant-numeric: tabular-nums; }
.tm-kpi-toelichting[b-dk9phmngt2] { font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
/* /Components/Ontwerp/TmLeeg.razor.rz.scp.css */
.tm-leeg[b-vfseu9nxcd] {
    display: flex;
    flex-direction: column;
    gap: var(--tm-ruimte-3);
    padding: 28px 20px;
}

.tm-leeg-tekst[b-vfseu9nxcd] {
    margin: 0;
    font-size: var(--tm-maat-standaard);
    color: var(--tm-bijschrift);
}
/* /Components/Ontwerp/TmLijngrafiek.razor.rz.scp.css */
.tm-lijngrafiek-legenda[b-7c96j6e8tj] { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 8px; font-size: var(--tm-maat-klein); color: var(--tm-tekst-zacht); }
.tm-lijngrafiek-legenda > span[b-7c96j6e8tj] { display: inline-flex; align-items: center; gap: 6px; }
.tm-lijngrafiek-stip[b-7c96j6e8tj] { width: 10px; height: 10px; border-radius: 50%; }
.tm-lijngrafiek-streep[b-7c96j6e8tj] { width: 18px; border-top: 2px dashed var(--tm-grijsblauw); }
/* /Components/Ontwerp/TmLogo.razor.rz.scp.css */
.tm-logo[b-qumxcdc76o] {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.tm-logo svg[b-qumxcdc76o] {
    flex: none;
    overflow: visible;
}

.tm-logo-woord[b-qumxcdc76o] {
    font-family: var(--tm-font-logo);
    font-weight: 600;
    letter-spacing: -0.02em;
    color: var(--tm-logo-inkt);
    white-space: nowrap;
}

.tm-logo--licht .tm-logo-woord[b-qumxcdc76o] {
    color: #FFFFFF;
}
/* /Components/Ontwerp/TmMelding.razor.rz.scp.css */
.tm-melding[b-by7dtvxt97] {
    display: flex;
    gap: var(--tm-ruimte-3);
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: var(--tm-radius-middel);
    border: 1px solid var(--tm-info-rand);
    background: var(--tm-info-bg);
    color: var(--tm-info-tekst);
    font-size: var(--tm-maat-standaard);
    line-height: 1.6;
    margin-bottom: var(--tm-ruimte-4);
}

.tm-melding--succes[b-by7dtvxt97] {
    background: var(--tm-goed-bg);
    border-color: var(--tm-goed-rand);
    color: var(--tm-goed-tekst);
}

.tm-melding--fout[b-by7dtvxt97] {
    background: var(--tm-fout-bg);
    border-color: var(--tm-fout-rand);
    color: var(--tm-fout-tekst);
}

.tm-melding-inhoud[b-by7dtvxt97] {
    flex: 1;
    min-width: 0;
}

.tm-melding-sluit[b-by7dtvxt97] {
    flex: none;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: var(--tm-radius-klein);
    background: transparent;
    color: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.tm-melding-sluit:hover[b-by7dtvxt97] {
    background: rgba(22, 50, 74, 0.08);
}
/* /Components/Ontwerp/TmPaginaKop.razor.rz.scp.css */
.tm-paginakop[b-1vw4cul6b3] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--tm-ruimte-4) var(--tm-ruimte-6);
    margin-bottom: var(--tm-ruimte-6);
    padding: 26px 30px;
    border: 1px solid var(--tm-lijn-licht);
    border-radius: 20px;
    background:
        radial-gradient(30rem 14rem at 100% 0%, color-mix(in srgb, var(--tm-groen-fris) 16%, transparent), transparent 70%),
        radial-gradient(22rem 12rem at 0% 120%, color-mix(in srgb, var(--tm-limoen) 18%, transparent), transparent 70%),
        linear-gradient(135deg, var(--tm-vlak-wit) 0%, var(--tm-vlak-zacht) 100%);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--tm-inktblauw) 6%, transparent);
}

.tm-paginakop--icoon[b-1vw4cul6b3] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

/* Stippenraster dat naar links vervaagt, zoals in de kopbanner van de kandidaat. */
.tm-paginakop[b-1vw4cul6b3]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--tm-inktblauw) 14%, transparent) 1px, transparent 0);
    background-size: 18px 18px;
    -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 35%, #000 100%);
}

.tm-paginakop-icoon[b-1vw4cul6b3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    align-self: flex-start;
    border-radius: 16px;
    color: var(--tm-limoen);
    background: linear-gradient(135deg, var(--tm-inktblauw) 0%, color-mix(in srgb, var(--tm-inktblauw) 70%, var(--tm-groen-fris)) 100%);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--tm-inktblauw) 22%, transparent);
}

.tm-paginakop-tekst[b-1vw4cul6b3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.tm-paginakop-label[b-1vw4cul6b3] {
    font-size: var(--tm-maat-label);
    font-weight: 600;
    letter-spacing: var(--tm-letterafstand-label);
    text-transform: uppercase;
    color: var(--tm-groen-fris-tekst);
}

.tm-paginakop-tekst h1[b-1vw4cul6b3] {
    margin: 0;
    font-size: 32px;
    line-height: 1.12;
    letter-spacing: -0.015em;
    overflow-wrap: anywhere;
}

.tm-paginakop-onder[b-1vw4cul6b3] {
    margin: 0;
    max-width: 70ch;
    font-size: var(--tm-maat-standaard);
    color: var(--tm-tekst-zacht);
}

.tm-paginakop-cijfers[b-1vw4cul6b3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.tm-paginakop-acties[b-1vw4cul6b3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--tm-ruimte-2);
}

@media (max-width: 900px) {
    .tm-paginakop[b-1vw4cul6b3],
    .tm-paginakop--icoon[b-1vw4cul6b3] {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .tm-paginakop:not(.tm-paginakop--icoon)[b-1vw4cul6b3] {
        grid-template-columns: minmax(0, 1fr);
    }
    .tm-paginakop-acties[b-1vw4cul6b3] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .tm-paginakop[b-1vw4cul6b3] {
        padding: 20px 18px;
        border-radius: 16px;
        margin-bottom: var(--tm-ruimte-4);
    }
    .tm-paginakop-icoon[b-1vw4cul6b3] {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }
    .tm-paginakop-tekst h1[b-1vw4cul6b3] {
        font-size: 26px;
    }
}
/* /Components/Ontwerp/TmStaafdiagram.razor.rz.scp.css */
.tm-staven[b-zrrztw3bdt] { display: flex; flex-direction: column; gap: 10px; }
.tm-staaf[b-zrrztw3bdt] { display: grid; grid-template-columns: minmax(120px, 1.4fr) 3fr minmax(90px, auto); align-items: center; gap: 12px; }
.tm-staaf-label[b-zrrztw3bdt] { font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst); overflow-wrap: anywhere; }
.tm-staaf-baan[b-zrrztw3bdt] { height: 18px; border-radius: 4px; background: var(--tm-vlak-zacht); overflow: hidden; }
.tm-staaf-vulling[b-zrrztw3bdt] { display: block; height: 100%; border-radius: 0 4px 4px 0; min-width: 2px; transition: width 0.3s ease; }
.tm-staaf-waarde[b-zrrztw3bdt] { text-align: right; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst); font-variant-numeric: tabular-nums; white-space: nowrap; }

@media (max-width: 575px) {
    .tm-staaf[b-zrrztw3bdt] { grid-template-columns: 1fr auto; }
    .tm-staaf-baan[b-zrrztw3bdt] { grid-column: 1 / -1; grid-row: 2; }
}
/* /Components/Ontwerp/TmStatusLabel.razor.rz.scp.css */
.tm-status[b-urcuob6vtn] {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border-radius: var(--tm-radius-pil);
    border: 1px solid var(--tm-lijn);
    background: var(--tm-vlak);
    color: var(--tm-bijschrift);
    font-size: var(--tm-maat-klein);
    line-height: 1.3;
    white-space: nowrap;
}

.tm-status--goed[b-urcuob6vtn] {
    background: var(--tm-goed-bg);
    border-color: var(--tm-goed-rand);
    color: var(--tm-goed-tekst);
}

.tm-status--neutraal[b-urcuob6vtn] {
    background: var(--tm-mistblauw);
    border-color: var(--tm-lijn-sterk);
    color: var(--tm-tekst);
}

.tm-status--examen[b-urcuob6vtn] {
    background: var(--tm-inktblauw);
    border-color: var(--tm-inktblauw);
    color: var(--tm-gebroken-wit);
}

.tm-status--fout[b-urcuob6vtn] {
    background: var(--tm-fout-bg);
    border-color: var(--tm-fout-rand);
    color: var(--tm-fout-tekst);
}
/* /Components/Ontwerp/TmTabs.razor.rz.scp.css */
.tm-tabs[b-n15773z5d0] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: var(--tm-ruimte-5);
    border-bottom: 1px solid var(--tm-lijn);
}

.tm-tab[b-n15773z5d0] {
    min-height: var(--tm-hoogte-bediening);
    padding: 10px 16px;
    margin-bottom: -1px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    font-family: inherit;
    font-size: var(--tm-maat-standaard);
    color: var(--tm-tekst-zacht);
    cursor: pointer;
}

.tm-tab:hover[b-n15773z5d0] {
    color: var(--tm-tekst);
}

.tm-tab--actief[b-n15773z5d0] {
    color: var(--tm-tekst);
    font-weight: 500;
    border-bottom-color: var(--tm-inktblauw);
}
/* /Components/Ontwerp/TmTijdbalk.razor.rz.scp.css */
.tm-tijdbalk[b-4vfl5h1k9j] {
    position: sticky; top: 0; z-index: 20;
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px;
    padding: 12px 32px; border-bottom: 1px solid var(--tm-lijn-licht); background: var(--tm-vlak);
    font-size: var(--tm-maat-bijschrift); font-variant-numeric: tabular-nums;
    transition: background-color 0.3s ease;
}
.tm-tijdbalk-label[b-4vfl5h1k9j] { display: inline-flex; align-items: center; gap: 7px; color: var(--tm-bijschrift); white-space: nowrap; }
.tm-tijdbalk-label svg[b-4vfl5h1k9j] { flex: none; }
.tm-tijdbalk-baan[b-4vfl5h1k9j] { display: block; height: 10px; border-radius: var(--tm-radius-pil); background: var(--tm-mistblauw); overflow: hidden; }
.tm-tijdbalk-vulling[b-4vfl5h1k9j] {
    display: block; height: 100%; border-radius: inherit;
    background: var(--tm-accent, var(--tm-accent-toets));
    transition: width 0.25s linear, background-color 0.3s ease;
}
.tm-tijdbalk-tijd[b-4vfl5h1k9j] { min-width: 3.4em; text-align: right; font-weight: 600; color: var(--tm-tekst); }

/* Laatste seconden: rood, met een rustige puls. */
.tm-tijdbalk.tm-tijdbalk--bijna[b-4vfl5h1k9j] { background: var(--tm-fout-bg); border-bottom-color: var(--tm-fout-rand); }
.tm-tijdbalk.tm-tijdbalk--bijna .tm-tijdbalk-vulling[b-4vfl5h1k9j] { background: var(--tm-fout); animation: tm-tijdbalk-puls-b-4vfl5h1k9j 1s ease-in-out infinite; }
.tm-tijdbalk.tm-tijdbalk--bijna .tm-tijdbalk-label[b-4vfl5h1k9j],
.tm-tijdbalk.tm-tijdbalk--bijna .tm-tijdbalk-tijd[b-4vfl5h1k9j] { color: var(--tm-fout-tekst); }
.tm-tijdbalk.tm-tijdbalk--bijna .tm-tijdbalk-baan[b-4vfl5h1k9j] { background: var(--tm-fout-rand); }

@keyframes tm-tijdbalk-puls-b-4vfl5h1k9j { 50% { opacity: 0.55; } }

@media (max-width: 900px) {
    .tm-tijdbalk[b-4vfl5h1k9j] { padding: 10px 24px; }
}
@media (max-width: 640px) {
    .tm-tijdbalk[b-4vfl5h1k9j] { padding: 10px 16px; gap: 10px; }
    .tm-tijdbalk-baan[b-4vfl5h1k9j] { height: 12px; }
}
@media (max-width: 380px) {
    /* Op een heel smal scherm alleen het klokje; de balk krijgt de ruimte. */
    .tm-tijdbalk-tekst[b-4vfl5h1k9j] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) {
    .tm-tijdbalk-vulling[b-4vfl5h1k9j] { transition: none; }
    .tm-tijdbalk.tm-tijdbalk--bijna .tm-tijdbalk-vulling[b-4vfl5h1k9j] { animation: none; }
}
/* /Components/Ontwerp/TmVoortgang.razor.rz.scp.css */
.tm-voortgang[b-4wrg586u2d] { height: 4px; background: var(--tm-mistblauw); }
.tm-voortgang-balk[b-4wrg586u2d] { height: 4px; background: var(--tm-accent, var(--tm-accent-toets)); transition: width 0.3s ease; }
/* /Components/Pages/Account/MijnAccount.razor.rz.scp.css */
.tm-account[b-zw4pevw5sq] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--tm-ruimte-6);
    align-items: start;
}

.tm-account-links[b-zw4pevw5sq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 900px) {
    .tm-account[b-zw4pevw5sq] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Afname/MijnToetsen.razor.rz.scp.css */
.tm-toetskaarten[b-huustn6rg3] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--tm-ruimte-4); }

@media (max-width: 640px) {
    .tm-toetskaarten[b-huustn6rg3] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/Afname/ToetsAfnemen.razor.rz.scp.css */
.tm-afname[b-hlcldtqd53] { flex: 1; display: flex; justify-content: center; padding: 64px 40px; }
.tm-afname-kolom[b-hlcldtqd53] { width: 100%; max-width: 720px; display: flex; flex-direction: column; gap: 32px; }
.tm-afname-meta[b-hlcldtqd53] {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
    font-size: var(--tm-maat-bijschrift); color: var(--tm-bijschrift);
}
/* De vraag in de schreefloze letter van de rest van de app: rustiger te lezen dan de koppenletter. */
.tm-afname-vraag[b-hlcldtqd53] {
    margin: 0; font-family: var(--tm-font-tekst); font-weight: 500; font-size: 26px; line-height: 1.45; letter-spacing: -0.005em;
    color: var(--tm-tekst); text-wrap: pretty; white-space: pre-line;
}
.tm-afname-afbeelding[b-hlcldtqd53] { align-self: flex-start; padding: 0; border: 0; background: none; cursor: zoom-in; }
.tm-afname-afbeelding img[b-hlcldtqd53] {
    display: block; max-width: 100%; max-height: 360px; border: 1px solid var(--tm-lijn); border-radius: var(--tm-radius-middel);
    background: var(--tm-vlak-wit);
}
.tm-afname-opties[b-hlcldtqd53] { display: flex; flex-direction: column; gap: 12px; }

.tm-feedback[b-hlcldtqd53] { padding: 16px; border: 1px solid; border-radius: var(--tm-radius-middel); font-size: var(--tm-maat-standaard); line-height: 1.65; }
.tm-feedback p[b-hlcldtqd53] { margin: 6px 0 0; white-space: pre-line; }
.tm-feedback--goed[b-hlcldtqd53] { background: var(--tm-goed-bg); border-color: var(--tm-goed-rand); color: var(--tm-goed-tekst); }
.tm-feedback--fout[b-hlcldtqd53] { background: var(--tm-fout-bg); border-color: var(--tm-fout-rand); color: var(--tm-fout-tekst); }

.tm-afname-voet[b-hlcldtqd53] {
    position: sticky; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 16px 32px; border-top: 1px solid var(--tm-lijn-licht); background: var(--tm-vlak);
}

.tm-afbeelding-groot[b-hlcldtqd53] {
    position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
    padding: 24px; background: var(--tm-overlay); cursor: zoom-out;
}
.tm-afbeelding-groot img[b-hlcldtqd53] { max-width: 100%; max-height: calc(100% - 40px); border-radius: var(--tm-radius-middel); background: var(--tm-vlak-wit); }
.tm-afbeelding-groot span[b-hlcldtqd53] { color: var(--tm-gebroken-wit); font-size: var(--tm-maat-bijschrift); }

@media (max-width: 900px) {
    .tm-afname[b-hlcldtqd53] { padding: 48px 32px; }
    .tm-afname-vraag[b-hlcldtqd53] { font-size: 24px; }
}
@media (max-width: 640px) {
    .tm-afname[b-hlcldtqd53] { padding: 28px 20px 32px; }
    .tm-afname-kolom[b-hlcldtqd53] { gap: 20px; }
    .tm-afname-vraag[b-hlcldtqd53] { font-size: 20px; line-height: 1.5; }
    .tm-afname-voet[b-hlcldtqd53] { flex-direction: column-reverse; align-items: stretch; padding: 14px 20px 18px; }
}
/* /Components/Pages/Afname/ToetsKop.razor.rz.scp.css */
.tm-toetskop[b-ovgb6ylpad] {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    padding: 16px 32px; border-bottom: 1px solid var(--tm-lijn-licht); background: transparent;
}
.tm-toetskop-titel[b-ovgb6ylpad] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.tm-toetskop-naam[b-ovgb6ylpad] { font-size: var(--tm-maat-bijschrift); color: var(--tm-bijschrift); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tm-toetskop-rechts[b-ovgb6ylpad] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.tm-toetskop-soort[b-ovgb6ylpad] {
    padding: 8px 13px; border-radius: var(--tm-radius-pil); background: var(--tm-goed-bg); border: 1px solid var(--tm-goed-rand);
    font-size: var(--tm-maat-bijschrift); color: var(--tm-goed-tekst); white-space: nowrap;
}
.tm-toetskop-soort--examen[b-ovgb6ylpad] { background: var(--tm-inktblauw); border-color: var(--tm-inktblauw); color: var(--tm-gebroken-wit); }

@media (max-width: 640px) {
    .tm-toetskop[b-ovgb6ylpad] { padding: 12px 16px; flex-direction: column; align-items: stretch; gap: 10px; }
    .tm-toetskop-rechts[b-ovgb6ylpad] { justify-content: flex-start; }
}
/* /Components/Pages/Beheer/Betalingen.razor.rz.scp.css */
.bt-filters[b-eeentp0yld] {
    align-items: flex-end;
}

.bt-veld[b-eeentp0yld] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--tm-maat-klein);
    font-weight: 500;
    color: var(--tm-bijschrift);
}

.bt-veld select[b-eeentp0yld],
.bt-veld input[b-eeentp0yld] {
    width: auto;
    min-width: 170px;
}

.bt-nowrap[b-eeentp0yld],
.bt-bedrag[b-eeentp0yld] {
    white-space: nowrap;
}

.bt-bedrag[b-eeentp0yld] {
    font-variant-numeric: tabular-nums;
}

.bt-uitleg[b-eeentp0yld] {
    white-space: nowrap;
    cursor: help;
    border-bottom: 1px dotted var(--tm-lijn-sterk);
}

.bt-meer[b-eeentp0yld] {
    margin: 0;
    padding: 14px 20px;
    border-top: 1px solid var(--tm-lijn-licht);
}
/* /Components/Pages/Beheer/FaqBeheer.razor.rz.scp.css */
.tm-faq-beheer[b-oco8ookmqv] { list-style: none; margin: 0; padding: 0; }
.tm-faq-beheer li[b-oco8ookmqv] {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: start;
    padding: 16px 20px; border-bottom: 1px solid var(--tm-lijn-licht);
}
.tm-faq-beheer li:last-child[b-oco8ookmqv] { border-bottom: none; }
.tm-faq-beheer li.tm-faq-beheer--bewerken[b-oco8ookmqv] { background: var(--tm-examen-keuze-bg); }

.tm-faq-beheer-nr[b-oco8ookmqv] {
    display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 99px;
    background: var(--tm-mistblauw); font-size: var(--tm-maat-klein); font-weight: 600; color: var(--tm-tekst);
}
.tm-faq-beheer-tekst strong[b-oco8ookmqv] { display: block; color: var(--tm-tekst); }
.tm-faq-beheer-tekst p[b-oco8ookmqv] {
    margin: 4px 0 0; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst-zacht); white-space: pre-line;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.tm-faq-beheer-acties[b-oco8ookmqv] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }

.tm-faq-pijlknop[b-oco8ookmqv] {
    display: inline-grid; place-items: center; width: 36px; height: 36px; padding: 0;
    border: 1px solid var(--tm-lijn-sterk); border-radius: var(--tm-radius-klein); background: var(--tm-vlak-wit);
    color: var(--tm-tekst); cursor: pointer;
}
.tm-faq-pijlknop:hover:not(:disabled)[b-oco8ookmqv] { background: var(--tm-vlak-zacht); }
.tm-faq-pijlknop:disabled[b-oco8ookmqv] { color: var(--tm-uitgeschakeld-tekst); border-color: var(--tm-lijn-licht); cursor: not-allowed; }

@media (max-width: 700px) {
    .tm-faq-beheer li[b-oco8ookmqv] { grid-template-columns: auto minmax(0, 1fr); }
    .tm-faq-beheer-acties[b-oco8ookmqv] { grid-column: 2; justify-content: flex-start; }
}
/* /Components/Pages/Beheer/Overzicht.razor.rz.scp.css */
/* Twee kolommen naast elkaar; op smallere schermen onder elkaar. */
.ov-raster[b-sxa2giclqz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--tm-ruimte-6);
    align-items: start;
}

.ov-kolom[b-sxa2giclqz] {
    display: flex;
    flex-direction: column;
    gap: var(--tm-ruimte-6);
    min-width: 0;
}

.ov-bijgewerkt[b-sxa2giclqz] {
    display: block;
    margin-top: 10px;
    font-size: var(--tm-maat-klein);
    color: var(--tm-lijn-sterk);
    text-align: right;
}

.ov-rest[b-sxa2giclqz] {
    font-size: var(--tm-maat-bijschrift);
    font-weight: 600;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.ov-tijd[b-sxa2giclqz] {
    flex: 0 0 auto;
    min-width: 58px;
    padding: 6px 8px;
    border-radius: var(--tm-radius-klein);
    background: var(--tm-vlak-zacht);
    font-family: var(--tm-font-kop);
    font-weight: var(--tm-gewicht-kop);
    font-size: var(--tm-maat-standaard);
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.ov-tekst[b-sxa2giclqz] {
    font-size: var(--tm-maat-standaard);
    line-height: 1.45;
}

.tm-lijst-icoon.ov-let-op[b-sxa2giclqz] {
    background: var(--tm-fout-bg);
    color: var(--tm-fout-tekst);
}

.ov-alles-goed[b-sxa2giclqz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    color: var(--tm-goed-tekst);
}

.ov-alles-goed-icoon[b-sxa2giclqz] {
    display: inline-flex;
    padding: 8px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-goed-bg);
    color: var(--tm-groen-fris-tekst);
}

/* Groene stip: online. */
.ov-stip[b-sxa2giclqz] {
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    margin: 0 6px;
    border-radius: 50%;
    background: var(--tm-groen-fris);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--tm-groen-fris) 20%, transparent);
}

.ov-inlog-cijfers[b-sxa2giclqz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: var(--tm-ruimte-4);
}

.ov-inlog-cijfers > div[b-sxa2giclqz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 14px;
    border: 1px solid var(--tm-lijn-licht);
    border-radius: var(--tm-radius);
    background: var(--tm-vlak-zacht);
}

.ov-inlog-cijfers strong[b-sxa2giclqz] {
    font-family: var(--tm-font-kop);
    font-weight: var(--tm-gewicht-kop);
    font-size: 24px;
    line-height: 1.1;
    font-variant-numeric: tabular-nums;
}

.ov-inlog-cijfers span[b-sxa2giclqz] {
    font-size: var(--tm-maat-klein);
    color: var(--tm-bijschrift);
}

.ov-inlog-cijfers > .ov-inlog-mislukt[b-sxa2giclqz] {
    border-color: var(--tm-fout-rand);
    background: var(--tm-fout-bg);
    color: var(--tm-fout-tekst);
}

.ov-inlog-uitleg[b-sxa2giclqz] {
    margin: 0;
}

.ov-subkop[b-sxa2giclqz] {
    margin: var(--tm-ruimte-4) 0 6px;
    font-family: var(--tm-font-tekst);
    font-size: var(--tm-maat-bijschrift);
    font-weight: 600;
}

.ov-verdacht[b-sxa2giclqz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ov-verdacht li[b-sxa2giclqz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px 12px;
    padding: 8px 12px;
    border: 1px solid var(--tm-fout-rand);
    border-radius: var(--tm-radius-klein);
    background: var(--tm-fout-bg);
    font-size: var(--tm-maat-bijschrift);
    overflow-wrap: anywhere;
}

.ov-ip[b-sxa2giclqz] {
    font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
}

.ov-melding[b-sxa2giclqz] {
    padding: 12px 20px 0;
}

@media (max-width: 1100px) {
    .ov-raster[b-sxa2giclqz] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 640px) {
    .ov-raster[b-sxa2giclqz], .ov-kolom[b-sxa2giclqz] { gap: var(--tm-ruimte-4); }
    .ov-bijgewerkt[b-sxa2giclqz] { text-align: left; }
    .ov-inlog-cijfers strong[b-sxa2giclqz] { font-size: 20px; }
}
/* /Components/Pages/Beheer/Uitgifte.razor.rz.scp.css */
.ui-filters[b-6utphn8ohl] {
    align-items: flex-end;
}

.ui-veld[b-6utphn8ohl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: var(--tm-maat-klein);
    font-weight: 500;
    color: var(--tm-bijschrift);
}

.ui-veld input[type="date"][b-6utphn8ohl] {
    width: auto;
    min-width: 160px;
}

/* Getallen onder elkaar uitlijnen, zodat kolommen te lezen zijn als een staatje. */
.ui-getal[b-6utphn8ohl] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ui-tabel th.ui-groep[b-6utphn8ohl] {
    font-size: var(--tm-maat-klein);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--tm-bijschrift);
}

/* De kolom die je aan de opleider factureert. */
.ui-tabel .ui-factuur[b-6utphn8ohl] {
    background: var(--tm-goed-bg);
}

.ui-tabel th.ui-factuur[b-6utphn8ohl] {
    color: var(--tm-tekst);
}

/* Lijn tussen wat is uitgegeven en wat is gemaakt. */
.ui-tabel .ui-scheiding[b-6utphn8ohl] {
    border-left: 1px solid var(--tm-lijn-licht);
}

.ui-tabel tfoot td[b-6utphn8ohl] {
    border-top: 2px solid var(--tm-lijn-sterk);
    background: var(--tm-vlak-zacht);
}

.ui-tabel tfoot td.ui-factuur[b-6utphn8ohl] {
    background: var(--tm-goed-bg);
}

.ui-leegjaar td[b-6utphn8ohl] {
    color: var(--tm-bijschrift);
}

.ui-klap[b-6utphn8ohl] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.ui-pijl[b-6utphn8ohl] {
    flex: none;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid var(--tm-bijschrift);
    transition: transform 0.15s ease;
}

.ui-pijl--open[b-6utphn8ohl] {
    transform: rotate(90deg);
}

.ui-inspring[b-6utphn8ohl] {
    padding-left: 14px;
}

.ui-vakrij td[b-6utphn8ohl] {
    background: var(--tm-vlak-zacht);
}

.ui-vakrij td.ui-factuur[b-6utphn8ohl] {
    background: var(--tm-goed-bg);
}

.ui-vaknaam[b-6utphn8ohl] {
    color: var(--tm-tekst-zacht);
}

/* Namen onder een vak: een tabel binnen de tabel, rustig en ingesprongen. */
.ui-namenrij td[b-6utphn8ohl] {
    padding: 0 0 0 34px;
    background: var(--tm-vlak-zacht);
}

.ui-namen[b-6utphn8ohl] {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--tm-maat-bijschrift);
    background: var(--tm-vlak);
    border-left: 3px solid var(--tm-lijn-sterk);
}

.ui-namen th[b-6utphn8ohl] {
    padding: 8px 12px;
    text-align: left;
    font-weight: 500;
    color: var(--tm-bijschrift);
    border-bottom: 1px solid var(--tm-lijn-licht);
}

.ui-namen td[b-6utphn8ohl] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--tm-lijn-licht);
    vertical-align: middle;
}

.ui-namen tr:last-child td[b-6utphn8ohl] {
    border-bottom: none;
}

.ui-namenleeg[b-6utphn8ohl] {
    margin: 0;
    padding: 12px;
}

.ui-uitleg[b-6utphn8ohl] {
    margin: 0;
    padding: 14px 20px;
    border-top: 1px solid var(--tm-lijn-licht);
}
/* /Components/Pages/Home.razor.rz.scp.css */
.tm-home[b-we5vw6raq0] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 420px);
    gap: var(--tm-ruimte-12);
    align-items: center;
}

.tm-home-tekst[b-we5vw6raq0] {
    display: flex;
    flex-direction: column;
    gap: var(--tm-ruimte-5);
    max-width: 640px;
}

.tm-home-tekst h1[b-we5vw6raq0] {
    margin: 0;
    font-size: 56px;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

/* "Toetsmoment" met een markeerstreep in limoen: de knipoog op de pagina. */
.tm-home-merk[b-we5vw6raq0] {
    color: var(--tm-groen-fris-tekst);
    background: linear-gradient(transparent 60%, color-mix(in srgb, var(--tm-limoen) 85%, transparent) 60%, color-mix(in srgb, var(--tm-limoen) 85%, transparent) 92%, transparent 92%);
    padding: 0 0.08em;
    margin: 0 -0.08em;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.tm-home-tekst .tm-lead[b-we5vw6raq0] {
    margin: 0;
    max-width: 52ch;
}

.tm-home-pil[b-we5vw6raq0] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 10px;
    border: 1px solid color-mix(in srgb, var(--tm-groen-fris) 35%, transparent);
    border-radius: var(--tm-radius-pil);
    background: color-mix(in srgb, var(--tm-vlak-wit) 80%, transparent);
    font-size: var(--tm-maat-klein);
    font-weight: 500;
    letter-spacing: 0.04em;
    color: var(--tm-groen-fris-tekst);
}

.tm-home-stip[b-we5vw6raq0] {
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: var(--tm-groen-fris);
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--tm-groen-fris) 50%, transparent);
    animation: tm-home-puls-b-we5vw6raq0 2.4s ease-out infinite;
}

@keyframes tm-home-puls-b-we5vw6raq0 {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--tm-groen-fris) 50%, transparent); }
    70%, 100% { box-shadow: 0 0 0 8px transparent; }
}

.tm-home-punten[b-we5vw6raq0] {
    list-style: none;
    margin: 4px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: var(--tm-maat-body);
}

.tm-home-punten li[b-we5vw6raq0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.tm-home-vink[b-we5vw6raq0] {
    flex: none;
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 99px;
    background: var(--tm-groen-fris);
    color: var(--tm-vlak-wit);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--tm-groen-fris) 35%, transparent);
}

/* Inlogkaart zweeft op een schuin vlak in fris groen naar limoen. */
.tm-home-inlog[b-we5vw6raq0] {
    position: relative;
    isolation: isolate;
}

.tm-home-vorm[b-we5vw6raq0] {
    position: absolute;
    inset: -26px -22px -22px -26px;
    z-index: -1;
    border-radius: 30px;
    background:
        radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--tm-vlak-wit) 45%, transparent), transparent 45%),
        linear-gradient(140deg, var(--tm-groen-fris) 0%, color-mix(in srgb, var(--tm-groen-fris) 55%, var(--tm-limoen)) 45%, var(--tm-limoen) 100%);
    transform: rotate(-4deg);
    box-shadow: 0 24px 60px color-mix(in srgb, var(--tm-groen-fris) 30%, transparent);
}

.tm-home-inlog[b-we5vw6raq0]  .tm-kaart {
    box-shadow: var(--tm-schaduw-document);
}

.tm-home-inlog-titel[b-we5vw6raq0] {
    font-size: var(--tm-maat-kop-klein);
    margin-bottom: var(--tm-ruimte-4);
}

@media (max-width: 900px) {
    .tm-home[b-we5vw6raq0] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--tm-ruimte-12);
    }
    .tm-home-inlog[b-we5vw6raq0] {
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 600px) {
    .tm-home-tekst h1[b-we5vw6raq0] {
        font-size: 38px;
    }
    .tm-home-punten[b-we5vw6raq0] {
        font-size: var(--tm-maat-standaard);
    }
    .tm-home-vorm[b-we5vw6raq0] {
        inset: -12px -8px -10px -10px;
        border-radius: 22px;
        transform: rotate(-2.5deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .tm-home-stip[b-we5vw6raq0] { animation: none; }
}
/* /Components/Pages/Kandidaat/CertificaatPagina.razor.rz.scp.css */
.cert-acties[b-29q14t4xp2] { max-width: 1040px; margin: 0 auto 16px; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

/* A4 liggend: de verhouding van de PDF. */
.cert[b-29q14t4xp2] {
    max-width: 1040px; margin: 0 auto; aspect-ratio: 297 / 210;
    display: flex; flex-direction: column; overflow: hidden;
    background: var(--tm-vlak-wit); border-radius: var(--tm-radius-groot); box-shadow: var(--tm-schaduw-document);
}

/* Band zoals .tm-banner (KandidaatBanner): inktblauw verloop, groene gloed, stippenraster en het beeldmerk groot. */
.cert-band[b-29q14t4xp2] {
    position: relative; isolation: isolate; overflow: hidden;
    display: flex; flex-direction: column; gap: 28px; flex: 0 0 42%;
    padding: 36px 52px 38px; color: var(--tm-gebroken-wit);
    background:
        radial-gradient(40rem 24rem at 100% 0%, color-mix(in srgb, var(--tm-groen-fris) 55%, transparent), transparent 70%),
        radial-gradient(28rem 16rem at 0% 110%, color-mix(in srgb, var(--tm-limoen) 22%, transparent), transparent 70%),
        linear-gradient(135deg, var(--tm-inktblauw) 0%, color-mix(in srgb, var(--tm-inktblauw) 82%, var(--tm-accent-examen)) 100%);
}
.cert-band[b-29q14t4xp2]::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--tm-vlak-wit) 22%, transparent) 1.1px, transparent 0);
    background-size: 20px 20px;
    -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000 90%);
    mask-image: linear-gradient(90deg, transparent 20%, #000 90%);
}
.cert-beeld[b-29q14t4xp2] {
    position: absolute; z-index: -1; right: -40px; top: 40px; width: 58%; max-width: 560px; aspect-ratio: 1;
    color: color-mix(in srgb, var(--tm-vlak-wit) 14%, transparent); pointer-events: none;
}

.cert-band-kop[b-29q14t4xp2] { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cert-geslaagd[b-29q14t4xp2] {
    padding: 4px 14px; border-radius: var(--tm-radius-pil); border: 1px solid var(--tm-limoen);
    font-size: var(--tm-maat-klein); font-weight: 600; color: var(--tm-limoen);
}

.cert-band-inhoud[b-29q14t4xp2] { margin-top: auto; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.cert-band-tekst[b-29q14t4xp2] { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.cert-label[b-29q14t4xp2] {
    font-size: var(--tm-maat-label); font-weight: 600; letter-spacing: var(--tm-letterafstand-label); text-transform: uppercase;
    color: var(--tm-limoen);
}
.cert-titel[b-29q14t4xp2] {
    margin: 0; font-family: var(--tm-font-logo); font-weight: 600; font-size: 40px; line-height: 1.1; letter-spacing: -0.02em;
    color: #FFFFFF;
}
.cert-vak[b-29q14t4xp2] { margin: 0; font-size: var(--tm-maat-body); color: var(--tm-lijn-sterk); }

/* Het cijfer als .tm-banner-cijfer. */
.cert-cijfer[b-29q14t4xp2] {
    flex: none; display: flex; flex-direction: column; gap: 6px; min-width: 120px; padding: 18px 26px; border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--tm-vlak-wit) 16%, transparent); background: color-mix(in srgb, var(--tm-vlak-wit) 8%, transparent);
}
.cert-cijfer strong[b-29q14t4xp2] {
    font-family: var(--tm-font-logo); font-weight: 600; font-size: 48px; line-height: 1; color: #FFFFFF; font-variant-numeric: tabular-nums;
}
.cert-cijfer span[b-29q14t4xp2] { font-size: var(--tm-maat-klein); color: var(--tm-lijn-sterk); }

.cert-lijf[b-29q14t4xp2] { flex: 1 1 auto; padding: 44px 52px 0; }
.cert-intro[b-29q14t4xp2] { margin: 0; font-size: var(--tm-maat-body); color: var(--tm-bijschrift); }
.cert-naam[b-29q14t4xp2] {
    margin: 6px 0 0; font-family: var(--tm-font-logo); font-weight: 600; font-size: 46px; line-height: 1.12; letter-spacing: -0.02em;
    color: var(--tm-logo-inkt);
}
.cert-zin[b-29q14t4xp2] { margin: 8px 0 0; font-size: var(--tm-maat-body); color: var(--tm-tekst-zacht); }
.cert-tegels[b-29q14t4xp2] { margin-top: 32px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.cert-voet[b-29q14t4xp2] {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
    margin: 0 52px; padding: 18px 0 26px; border-top: 1px solid var(--tm-lijn-licht);
    font-size: var(--tm-maat-klein); color: var(--tm-bijschrift);
}
.cert-voet strong[b-29q14t4xp2] { color: var(--tm-tekst); font-weight: 600; }
.cert-uitgereikt[b-29q14t4xp2] { display: inline-flex; align-items: center; gap: 10px; }

/* Smaller dan een liggend A4: gewoon onder elkaar, zonder vaste verhouding. */
@media (max-width: 900px) {
    .cert[b-29q14t4xp2] { aspect-ratio: auto; }
    .cert-band[b-29q14t4xp2] { padding: 28px 28px 30px; }
    .cert-band-inhoud[b-29q14t4xp2] { flex-direction: column; align-items: flex-start; gap: 20px; }
    .cert-titel[b-29q14t4xp2] { font-size: 30px; }
    .cert-lijf[b-29q14t4xp2] { padding: 32px 28px 8px; }
    .cert-naam[b-29q14t4xp2] { font-size: 34px; }
    .cert-voet[b-29q14t4xp2] { margin: 16px 28px 0; }
}
@media (max-width: 640px) {
    .cert-band-kop[b-29q14t4xp2] { flex-wrap: wrap; }
    .cert-titel[b-29q14t4xp2] { font-size: 26px; }
    .cert-naam[b-29q14t4xp2] { font-size: 28px; }
    .cert-tegels[b-29q14t4xp2] { grid-template-columns: 1fr; gap: 10px; }
}

/* Printen vanuit de browser kan nog steeds: dan zoveel mogelijk als de PDF. */
@page { size: A4 landscape; margin: 0; }
@media print {
    .cert-acties[b-29q14t4xp2] { display: none; }
    .cert[b-29q14t4xp2] { max-width: none; width: 297mm; height: 210mm; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
    /* Erft door naar de band, het cijfer en de tegels, zodat de kleuren meegeprint worden. */
    .cert[b-29q14t4xp2] { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* /Components/Pages/Kandidaat/MijnBetalingen.razor.rz.scp.css */
.mb-bedrag[b-z2b08fr8bv] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.mb-stil[b-z2b08fr8bv] {
    background: var(--tm-vlak-zacht);
    color: var(--tm-bijschrift);
}
/* /Components/Pages/Kandidaat/MijnCertificaten.razor.rz.scp.css */
.tm-certificaten[b-2ronh4hdzw] { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: var(--tm-ruimte-5); }

/* Een kleine oorkonde: kleurverloop als lijst, daarbinnen een wit vel met een fijne binnenrand. */
.tm-cert[b-2ronh4hdzw] {
    padding: 6px; border-radius: 20px;
    background: linear-gradient(140deg, var(--tm-accent-examen), var(--tm-groen-fris) 60%, var(--tm-limoen));
    box-shadow: 0 14px 34px color-mix(in srgb, var(--tm-inktblauw) 12%, transparent);
}
.tm-cert-binnen[b-2ronh4hdzw] {
    position: relative; overflow: hidden;
    display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%;
    padding: 28px 24px 22px; border-radius: 15px; text-align: center;
    background:
        radial-gradient(18rem 10rem at 50% -10%, color-mix(in srgb, var(--tm-limoen) 25%, transparent), transparent 70%),
        var(--tm-vlak-wit);
    outline: 1px solid var(--tm-lijn); outline-offset: -8px;
}
.tm-cert-medaille[b-2ronh4hdzw] {
    display: inline-grid; place-items: center; width: 56px; height: 56px; margin-bottom: 4px; border-radius: 50%;
    background: linear-gradient(140deg, var(--tm-accent-examen), var(--tm-groen-fris)); color: var(--tm-gebroken-wit);
    box-shadow: 0 0 0 5px var(--tm-vlak-wit), 0 0 0 6px var(--tm-lijn-sterk);
}
.tm-cert-label[b-2ronh4hdzw] { font-size: var(--tm-maat-label); font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--tm-accent-examen); }
.tm-cert-titel[b-2ronh4hdzw] { margin: 4px 0 0; font-size: 22px; line-height: 1.2; color: var(--tm-tekst); }
.tm-cert-vak[b-2ronh4hdzw] { margin: 0; font-size: var(--tm-maat-bijschrift); color: var(--tm-bijschrift); }
.tm-cert-gegevens[b-2ronh4hdzw] {
    width: 100%; margin: 12px 0 16px; padding-top: 14px; border-top: 1px dashed var(--tm-lijn-sterk);
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;
}
.tm-cert-gegevens dt[b-2ronh4hdzw] { font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
.tm-cert-gegevens dd[b-2ronh4hdzw] { margin: 2px 0 0; font-size: var(--tm-maat-bijschrift); font-weight: 600; color: var(--tm-tekst); overflow-wrap: anywhere; }
.tm-cert-binnen[b-2ronh4hdzw]  .tm-knop { margin-top: auto; }

.tm-cert-leeg[b-2ronh4hdzw] {
    display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 48px 24px; text-align: center;
    border: 1px dashed var(--tm-lijn-sterk); border-radius: 20px; background: var(--tm-vlak-wit);
}
.tm-cert-leeg-icoon[b-2ronh4hdzw] {
    display: inline-grid; place-items: center; width: 72px; height: 72px; margin-bottom: 6px; border-radius: 50%;
    background: var(--tm-examen-keuze-bg); color: var(--tm-accent-examen);
}
.tm-cert-leeg h2[b-2ronh4hdzw] { margin: 0; font-size: var(--tm-maat-subkop); }
.tm-cert-leeg p[b-2ronh4hdzw] { margin: 0; max-width: 42ch; color: var(--tm-tekst-zacht); }
/* /Components/Pages/Kandidaat/MijnResultaten.razor.rz.scp.css */
.tm-resultaten[b-kwhcoatktn] { display: flex; flex-direction: column; gap: 12px; }

.tm-resultaat[b-kwhcoatktn] {
    display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 20px;
    padding: 18px 22px; border: 1px solid var(--tm-lijn-licht); border-radius: 18px; background: var(--tm-vlak-wit);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.tm-resultaat:hover[b-kwhcoatktn] { border-color: var(--tm-lijn-sterk); box-shadow: 0 10px 24px color-mix(in srgb, var(--tm-inktblauw) 8%, transparent); }

.tm-resultaat-tekst[b-kwhcoatktn] { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tm-resultaat-meta[b-kwhcoatktn] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
.tm-resultaat-soort[b-kwhcoatktn] { padding: 2px 9px; border-radius: var(--tm-radius-pil); font-weight: 600; background: var(--tm-goed-bg); color: var(--tm-groen-fris-tekst); }
.tm-resultaat-soort--examen[b-kwhcoatktn] { background: var(--tm-examen-keuze-bg); color: var(--tm-accent-examen); }
.tm-resultaat-titel[b-kwhcoatktn] { margin: 2px 0 0; font-family: var(--tm-font-kop); font-weight: var(--tm-gewicht-kop); font-size: 19px; line-height: 1.25; color: var(--tm-tekst); }
.tm-resultaat-vak[b-kwhcoatktn] { margin: 0; font-size: var(--tm-maat-bijschrift); color: var(--tm-tekst-zacht); }
.tm-resultaat-acties[b-kwhcoatktn] { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }

@media (max-width: 700px) {
    .tm-resultaat[b-kwhcoatktn] { grid-template-columns: auto minmax(0, 1fr); gap: 14px 16px; padding: 16px; }
    .tm-resultaat-acties[b-kwhcoatktn] { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    .tm-resultaat[b-kwhcoatktn] { transition: none; }
}
/* /Components/Pages/Kandidaat/VeelgesteldeVragen.razor.rz.scp.css */
.tm-faq-bannericoon[b-ykx159d5vw] {
    display: inline-grid; place-items: center; width: 108px; height: 108px; border-radius: 32px;
    background: color-mix(in srgb, var(--tm-vlak-wit) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--tm-vlak-wit) 20%, transparent);
    color: var(--tm-limoen); transform: rotate(-6deg);
}

.tm-faq[b-ykx159d5vw] { display: flex; flex-direction: column; gap: 12px; max-width: 860px; }

.tm-faq-item[b-ykx159d5vw] {
    position: relative; overflow: hidden;
    border: 1px solid var(--tm-lijn-licht); border-radius: 18px; background: var(--tm-vlak-wit);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--tm-inktblauw) 5%, transparent);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.tm-faq-item[b-ykx159d5vw]::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
    background: linear-gradient(180deg, var(--tm-groen-fris), var(--tm-limoen)); opacity: 0; transition: opacity 0.2s ease;
}
.tm-faq-item[open][b-ykx159d5vw] { border-color: var(--tm-lijn-sterk); box-shadow: 0 12px 28px color-mix(in srgb, var(--tm-inktblauw) 8%, transparent); }
.tm-faq-item[open][b-ykx159d5vw]::before { opacity: 1; }

.tm-faq-item summary[b-ykx159d5vw] {
    display: flex; align-items: center; gap: 16px;
    min-height: var(--tm-hoogte-bediening); padding: 18px 22px; cursor: pointer; list-style: none;
    border-radius: 18px;
}
.tm-faq-item summary[b-ykx159d5vw]::-webkit-details-marker { display: none; }
.tm-faq-item summary:hover .tm-faq-vraag[b-ykx159d5vw] { color: var(--tm-link); }
.tm-faq-item summary:focus-visible[b-ykx159d5vw] { outline: 2px solid var(--tm-focus); outline-offset: -2px; }

.tm-faq-nr[b-ykx159d5vw] {
    flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 11px;
    background: var(--tm-goed-bg); color: var(--tm-groen-fris-tekst);
    font-family: var(--tm-font-kop); font-weight: 700; font-size: 15px;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.tm-faq-item[open] .tm-faq-nr[b-ykx159d5vw] { background: var(--tm-groen-fris); color: var(--tm-vlak-wit); }
.tm-faq-vraag[b-ykx159d5vw] { flex: 1; font-size: var(--tm-maat-body); font-weight: 600; color: var(--tm-tekst); }
.tm-faq-pijl[b-ykx159d5vw] { flex: none; color: var(--tm-bijschrift); transition: transform 0.2s ease; }
.tm-faq-item[open] .tm-faq-pijl[b-ykx159d5vw] { transform: rotate(180deg); }

.tm-faq-antwoord[b-ykx159d5vw] {
    margin: 0; padding: 0 22px 22px 72px; max-width: 72ch;
    font-size: var(--tm-maat-standaard); line-height: 1.75; color: var(--tm-tekst-zacht); white-space: pre-line;
}

@media (max-width: 640px) {
    .tm-faq-item summary[b-ykx159d5vw] { padding: 14px 16px; gap: 12px; }
    .tm-faq-antwoord[b-ykx159d5vw] { padding: 0 16px 18px 16px; }
    .tm-faq-bannericoon[b-ykx159d5vw] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .tm-faq-item[b-ykx159d5vw], .tm-faq-item[b-ykx159d5vw]::before, .tm-faq-nr[b-ykx159d5vw], .tm-faq-pijl[b-ykx159d5vw] { transition: none; }
}
/* /Components/Pages/Nakijken/Nakijkscherm.razor.rz.scp.css */
/* Balk met de antwoorden van dit examen en de voortgang. */
.nk-balk[b-88kzs7nzni] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 24px;
    flex-wrap: wrap;
    margin-bottom: var(--tm-ruimte-5);
}

.nk-stappen[b-88kzs7nzni] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.nk-stap[b-88kzs7nzni] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1.5px solid var(--tm-lijn-sterk);
    border-radius: var(--tm-radius-pil);
    background: var(--tm-vlak-wit);
    color: var(--tm-tekst-zacht);
    font-family: inherit;
    font-size: var(--tm-maat-standaard);
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.nk-stap:hover[b-88kzs7nzni] { border-color: var(--tm-accent-examen); color: var(--tm-tekst); }
.nk-stap:focus-visible[b-88kzs7nzni] { outline: 3px solid var(--tm-focus); outline-offset: 2px; }

.nk-stap--klaar[b-88kzs7nzni] {
    border-color: var(--tm-goed-rand);
    background: var(--tm-goed-bg);
    color: var(--tm-goed-tekst);
}

.nk-stap-punten[b-88kzs7nzni] {
    padding: 1px 7px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-vlak-wit);
    font-size: var(--tm-maat-klein);
    font-variant-numeric: tabular-nums;
}

.nk-stap--nu[b-88kzs7nzni] {
    border-color: var(--tm-accent-examen);
    background: var(--tm-accent-examen);
    color: var(--tm-vlak-wit);
    box-shadow: 0 4px 14px rgba(42, 90, 128, 0.25);
}

.nk-stap--nu .nk-stap-punten[b-88kzs7nzni] { color: var(--tm-accent-examen); }

.nk-balk-info[b-88kzs7nzni] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: right;
    font-size: var(--tm-maat-bijschrift);
}

/* De vraag zelf. */
.nk-vraag-meta[b-88kzs7nzni] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.nk-vraag[b-88kzs7nzni] {
    margin: 0;
    font-family: var(--tm-font-tekst);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.45;
    white-space: pre-wrap;
}

.nk-afbeelding[b-88kzs7nzni] {
    display: block;
    margin-top: var(--tm-ruimte-4);
    padding: 0;
    border: 1px solid var(--tm-lijn);
    border-radius: var(--tm-radius-middel);
    background: var(--tm-vlak-wit);
    overflow: hidden;
    cursor: zoom-in;
}

.nk-afbeelding img[b-88kzs7nzni] { display: block; max-width: 100%; max-height: 320px; object-fit: contain; }

/* Antwoord en antwoordmodel naast elkaar, zodat de corrector kan vergelijken. */
.nk-vergelijk[b-88kzs7nzni] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--tm-ruimte-5);
    margin: var(--tm-ruimte-5) 0;
}

.nk-vak[b-88kzs7nzni] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 22px;
    border: 1px solid var(--tm-rand);
    border-radius: var(--tm-radius-groot);
    background: var(--tm-vlak-wit);
}

.nk-vak--model[b-88kzs7nzni] {
    border-style: dashed;
    border-color: var(--tm-lijn-sterk);
    background: var(--tm-vlak-zacht);
}

.nk-vak-kop[b-88kzs7nzni] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.nk-vak-kop h3[b-88kzs7nzni] {
    margin: 0;
    font-size: var(--tm-maat-standaard);
    font-weight: 600;
}

.nk-tekst[b-88kzs7nzni] {
    font-size: var(--tm-maat-body);
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.nk-vak--model .nk-tekst[b-88kzs7nzni] { font-size: var(--tm-maat-standaard); color: var(--tm-tekst-zacht); }

.nk-verdacht[b-88kzs7nzni] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px 12px;
    border: 1px solid var(--tm-fout-rand);
    border-radius: var(--tm-radius);
    background: var(--tm-fout-bg);
}

/* Punten 1 tot 10. */
.nk-punten[b-88kzs7nzni] {
    margin: 0 0 var(--tm-ruimte-4);
    padding: 0;
    border: none;
}

.nk-punten legend[b-88kzs7nzni] {
    margin-bottom: 8px;
    font-size: var(--tm-maat-bijschrift);
    font-weight: 600;
}

.nk-punten-rij[b-88kzs7nzni] {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 8px;
    max-width: 620px;
    margin-bottom: 6px;
}

.nk-punt[b-88kzs7nzni] {
    height: 48px;
    border: 1.5px solid var(--tm-lijn-sterk);
    border-radius: var(--tm-radius);
    background: var(--tm-vlak-wit);
    color: var(--tm-tekst);
    font-family: var(--tm-font-kop);
    font-size: 19px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: transform 0.1s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.nk-punt:hover[b-88kzs7nzni] { border-color: var(--tm-accent-examen); }
.nk-punt:active[b-88kzs7nzni] { transform: scale(0.96); }
.nk-punt:focus-visible[b-88kzs7nzni] { outline: 3px solid var(--tm-focus); outline-offset: 2px; }

.nk-punt--aan[b-88kzs7nzni] {
    border-color: var(--tm-accent-examen);
    background: var(--tm-accent-examen);
    color: var(--tm-vlak-wit);
}

.nk-knoppen[b-88kzs7nzni] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: var(--tm-ruimte-4);
}

/* Klaar. */
.nk-klaar[b-88kzs7nzni] {
    max-width: 560px;
    margin: 8vh auto 0;
    text-align: center;
}

.nk-klaar h1[b-88kzs7nzni] { margin: 12px 0 8px; }

.nk-klaar-icoon[b-88kzs7nzni] {
    display: inline-flex;
    padding: 14px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-goed-bg);
    color: var(--tm-groen-fris-tekst);
}

/* Vergrote afbeelding. */
.nk-groot[b-88kzs7nzni] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px;
    background: var(--tm-overlay);
    color: var(--tm-vlak-wit);
    cursor: zoom-out;
}

.nk-groot img[b-88kzs7nzni] { max-width: 100%; max-height: 85vh; border-radius: var(--tm-radius); background: var(--tm-vlak-wit); }

@media (max-width: 900px) {
    .nk-vergelijk[b-88kzs7nzni] { grid-template-columns: minmax(0, 1fr); }
    .nk-balk-info[b-88kzs7nzni] { text-align: left; }
}

@media (max-width: 640px) {
    .nk-punten-rij[b-88kzs7nzni] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .nk-vraag[b-88kzs7nzni] { font-size: 18px; }
    .nk-vak[b-88kzs7nzni] { padding: 16px; }
    .nk-knoppen[b-88kzs7nzni] { flex-wrap: wrap; }
}
/* /Components/Pages/Nakijken/Voorraad.razor.rz.scp.css */
.nk-code[b-xyo65y8j46] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.nk-voortgang[b-xyo65y8j46] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 140px;
}

.nk-voortgang-balk[b-xyo65y8j46] {
    flex: 1;
    height: 6px;
    border-radius: var(--tm-radius-pil);
    background: var(--tm-lijn-licht);
    overflow: hidden;
}

.nk-voortgang-balk > span[b-xyo65y8j46] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--tm-accent-examen);
}
/* /Components/Pages/Resultaten/ResultatenLijst.razor.rz.scp.css */
.rl-duur[b-hqppzly3rw] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Toetsen/ToetsFormulier.razor.rz.scp.css */
.tm-toetsformulier[b-4py184ay4e] {
    max-width: 860px;
}

.tm-keuzekaarten[b-4py184ay4e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--tm-ruimte-3);
}

.tm-keuzekaart[b-4py184ay4e] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border: 1px solid var(--tm-lijn);
    border-radius: var(--tm-radius-middel);
    background: var(--tm-vlak-wit);
    cursor: pointer;
}

.tm-keuzekaart input[b-4py184ay4e] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.tm-keuzekaart:focus-within[b-4py184ay4e] {
    outline: 2px solid var(--tm-focus);
    outline-offset: 2px;
}

.tm-keuzekaart-titel[b-4py184ay4e] {
    font-weight: 600;
    font-size: var(--tm-maat-subkop);
}

.tm-keuzekaart--toets[b-4py184ay4e] {
    border: 2px solid var(--tm-accent-toets);
    background: var(--tm-goed-bg);
}

.tm-keuzekaart--examen[b-4py184ay4e] {
    border: 2px solid var(--tm-accent-examen);
    background: var(--tm-examen-keuze-bg);
}

.tm-rij-fout td[b-4py184ay4e] {
    background: var(--tm-fout-bg);
}

.tm-totaal-goed[b-4py184ay4e] {
    color: var(--tm-goed-tekst);
}

.tm-totaal-fout[b-4py184ay4e] {
    color: var(--tm-fout);
}
/* /Components/Pages/Vakken/VakStatistiekTab.razor.rz.scp.css */
.vs-uitleg[b-6ule2rqbgi] {
    margin: 0;
    padding: 14px 20px 12px;
}

.vs-getal[b-6ule2rqbgi] {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Vakken/VraagAnalyseTab.razor.rz.scp.css */
.tm-va-filter[b-44u7fcqyp9] { display: flex; flex-direction: column; gap: 4px; flex: 1 1 180px; font-size: var(--tm-maat-klein); color: var(--tm-bijschrift); }
.tm-va-mini-cel[b-44u7fcqyp9] { width: 64px; }
.tm-va-mini[b-44u7fcqyp9] { display: block; width: 48px; height: 36px; object-fit: cover; border-radius: 6px; border: 1px solid var(--tm-lijn); }
.tm-va-vraag[b-44u7fcqyp9] {
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    max-width: 48ch; color: var(--tm-tekst); font-weight: 500; text-decoration: none;
}
.tm-va-vraag:hover[b-44u7fcqyp9], .tm-va-vraag:focus-visible[b-44u7fcqyp9] { color: var(--tm-link); text-decoration: underline; }
.tm-va-percentage[b-44u7fcqyp9] { display: flex; align-items: center; gap: 10px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.tm-va-baan[b-44u7fcqyp9] { display: block; width: 80px; height: 8px; border-radius: 4px; background: var(--tm-vlak-zacht); overflow: hidden; flex-shrink: 0; }
.tm-va-vulling[b-44u7fcqyp9] { display: block; height: 100%; min-width: 2px; background: var(--tm-accent-examen); }
/* /Components/Pages/Vragen/VraagFormulier.razor.rz.scp.css */
.tm-vraagformulier[b-dmhdzkp5te] {
    max-width: 860px;
}

.tm-opties[b-dmhdzkp5te] {
    list-style: none;
    margin: 0 0 var(--tm-ruimte-4);
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tm-optie-rij[b-dmhdzkp5te] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid var(--tm-lijn-licht);
    border-radius: var(--tm-radius-middel);
    background: var(--tm-vlak-wit);
}

.tm-optie-rij--goed[b-dmhdzkp5te] {
    border-color: var(--tm-goed-rand);
    background: var(--tm-goed-bg);
}

.tm-optie-letter[b-dmhdzkp5te] {
    width: 32px;
    height: 32px;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--tm-vlak-zacht);
    color: var(--tm-bijschrift);
    font-weight: 600;
}

.tm-optie-rij--goed .tm-optie-letter[b-dmhdzkp5te] {
    background: var(--tm-accent-toets);
    color: var(--tm-gebroken-wit);
}

.tm-optie-goed[b-dmhdzkp5te] {
    min-height: 0;
}

.tm-afbeelding-voorbeeld[b-dmhdzkp5te] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--tm-ruimte-4);
    align-items: flex-start;
    margin-bottom: var(--tm-ruimte-4);
}

.tm-afbeelding-voorbeeld img[b-dmhdzkp5te] {
    max-width: 280px;
    max-height: 200px;
    border: 1px solid var(--tm-lijn);
    border-radius: var(--tm-radius);
}

@media (max-width: 600px) {
    .tm-optie-rij[b-dmhdzkp5te] {
        grid-template-columns: 32px minmax(0, 1fr);
    }
}

/* VR-161: de cijfers van de vraag boven het formulier. */
.vf-cijfers[b-dmhdzkp5te] {
    margin-bottom: var(--tm-ruimte-5);
}