.lv{min-height:100dvh;background:var(--achtergrond)}.lv-midden{min-height:100dvh;display:grid;place-items:center;padding:16px}.lv-start{background:var(--kaart);border:1px solid var(--lijn);border-radius:16px;padding:1.6rem;max-width:560px;width:100%;box-shadow:var(--schaduw);display:flex;flex-direction:column;gap:.6rem}.lv-start h1{font-size:1.6rem;margin:0}.lv-rollen{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0}@media(max-width:520px){.lv-rollen{grid-template-columns:1fr}}.lv-rol{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;text-align:left;padding:1.1rem;border-radius:14px;border:2px solid var(--lijn);background:var(--achtergrond);cursor:pointer}.lv-rol:hover{border-color:var(--primair)}.lv-rol strong{font-size:1.1rem}.lv-rol span{color:var(--tekst-zacht);font-size:.9rem}.lv-rol .lv-rol-icoon{font-size:1.8rem}.lv-knoppen{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.4rem}.knop.groot{min-height:46px;padding:.6rem 1.2rem;font-size:1.05rem}.lv-invoer,.lv-nieuwsform input,.lv-nieuwsform textarea,.lv-startknoppen select{padding:.55rem .65rem;border:1px solid var(--lijn);border-radius:8px;background:var(--achtergrond);width:100%}.lv-codeveld{font-size:2rem;letter-spacing:.4em;text-align:center;text-transform:uppercase;font-family:ui-monospace,monospace;font-weight:800;padding:.4rem;border:2px solid var(--lijn);border-radius:10px;background:var(--achtergrond);width:100%}.lv-kop{position:sticky;top:0;z-index:6;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;padding:.55rem 1rem;background:var(--kaart);border-bottom:1px solid var(--lijn)}.lv-merk{font-weight:700;display:flex;gap:.4rem;align-items:center}.lv-ruimte{flex:1}.lv-code{font-family:ui-monospace,monospace;font-weight:800;letter-spacing:.25em;font-size:1.15rem;padding:.1rem .5rem;border:1px solid var(--lijn);border-radius:8px}.lv-code.groot{font-size:3rem;border:0;padding:0;letter-spacing:.3em;line-height:1.1}.lv-status{font-size:.85rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:var(--lijn);white-space:nowrap}.lv-status b{font-variant-numeric:tabular-nums;margin-left:.2rem}.lv-stat{display:flex;flex-direction:column;line-height:1.15}.lv-stat small{font-size:.72rem;color:var(--tekst-zacht)}.lv-stat b{font-variant-numeric:tabular-nums}.lv-flits{position:sticky;top:50px;z-index:5;padding:.7rem 1rem;background:var(--focus);color:#1b2430;animation:flitsin .4s ease-out}.lv .melding{margin:.8rem auto 0;max-width:1400px}.lv-paneel{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:1rem;min-width:0}.lv-paneel h2{font-size:1.05rem;margin:0 0 .7rem}.lv-paneel h3{font-size:.95rem;margin:1rem 0 .4rem}.lv-rij{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.lv-hint{font-size:.78rem;color:var(--tekst-zacht);margin:.3rem 0 0}.lv-pct{font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}.lv-tabs{display:flex;gap:.2rem;border-bottom:1px solid var(--lijn);margin:-.2rem 0 .8rem;overflow-x:auto}.lv-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:.45rem .7rem;cursor:pointer;color:var(--tekst-zacht);white-space:nowrap;font-weight:600}.lv-tabs button.actief{color:var(--primair);border-bottom-color:var(--primair)}.lv-link{background:none;border:0;padding:0;color:var(--primair);cursor:pointer;text-decoration:underline;font-size:inherit}.lv-leerling{display:grid;gap:.9rem;padding:.9rem;max-width:1400px;margin:0 auto;grid-template-columns:1fr}@media(min-width:760px){.lv-leerling{grid-template-columns:260px 1fr}.lv-zij{grid-column:1 / -1}}@media(min-width:1200px){.lv-leerling{grid-template-columns:260px 1fr 320px}.lv-zij{grid-column:auto}}.lv-fondsen{padding:.4rem;align-self:start}.lv-fondslijst{list-style:none;margin:0;padding:0}@media(max-width:759px){.lv-fondslijst{display:grid;grid-template-columns:1fr 1fr}.lv-fondslijst button{padding:.4rem .5rem;font-size:.9rem}}.lv-fondslijst button{width:100%;display:grid;grid-template-columns:1fr auto;column-gap:.5rem;text-align:left;background:none;border:0;border-radius:8px;padding:.55rem .6rem;cursor:pointer;color:inherit}.lv-fondslijst button:hover{background:color-mix(in srgb,var(--primair) 7%,transparent)}.lv-fondslijst button.gekozen{background:color-mix(in srgb,var(--primair) 15%,transparent)}.lv-fnaam{font-weight:600;grid-row:1 / span 2;align-self:center}.lv-fnaam small{color:var(--tekst-zacht);font-weight:400}.lv-fkoers{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.lv-fondslijst .lv-pct{text-align:right;grid-column:2}.lv-detailkop{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.6rem}.lv-grotekoers{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.lv-orderbox{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--achtergrond);border:1px solid var(--lijn);display:flex;flex-direction:column;gap:.7rem}.lv-kant{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--lijn);border-radius:10px;overflow:hidden}.lv-kant button{padding:.6rem;border:0;background:var(--kaart);cursor:pointer;font-weight:700;color:var(--tekst-zacht)}.lv-kant button.actief.koop{background:var(--winst);color:#fff}.lv-kant button.actief.verkoop{background:var(--verlies);color:#fff}.lv-velden{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.lv-velden label{display:flex;flex-direction:column;gap:.25rem}.lv-actie.koop{background:var(--winst);border-color:var(--winst);color:#fff;font-weight:700}.lv-actie.verkoop{background:var(--verlies);border-color:var(--verlies);color:#fff;font-weight:700}.lv-details{margin-top:.9rem}.lv-details summary{cursor:pointer;font-weight:600;padding:.3rem 0}.lv-zij{align-self:start}.lv-orders{list-style:none;margin:0;padding:0}.lv-orders li{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--lijn);font-size:.9rem}.lv-nieuwslijst{list-style:none;margin:0;padding:0}.lv-nieuwslijst li{display:flex;flex-direction:column;gap:.15rem;padding:.55rem 0;border-top:1px solid var(--lijn)}.lv-nieuwslijst li:first-child{border-top:0}.lv-docent{display:grid;gap:.9rem;padding:.9rem;max-width:1500px;margin:0 auto;grid-template-columns:1fr}@media(min-width:980px){.lv-docent{grid-template-columns:1fr 360px}.lv-startblok,.lv-onder{grid-column:1 / -1}.lv-nieuwskolom{align-self:start;position:sticky;top:60px}}.lv-startblok{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;border:2px solid var(--primair)}.lv-startknoppen{display:flex;flex-direction:column;gap:.4rem;min-width:220px}.lv-koersraster{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.lv-koersblok{border:1px solid var(--lijn);border-radius:10px;padding:.55rem .65rem .3rem;background:var(--achtergrond)}.lv-koersblok strong{font-size:.9rem}.lv-koers{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.lv-nieuwsform{display:flex;flex-direction:column;gap:.55rem}.lv-chips{display:flex;flex-wrap:wrap}.lv-richting{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.lv-richting button{width:40px;height:34px;border-radius:8px;border:1px solid var(--lijn);background:var(--kaart);cursor:pointer;font-weight:800}.lv-richting button.actief{color:#fff;border-color:transparent;background:var(--neutraal)}.lv-richting button.actief.r1,.lv-richting button.actief.r2{background:var(--winst)}.lv-richting button.actief.r-1,.lv-richting button.actief.r-2{background:var(--verlies)}.lv-effect{display:inline-block;font-size:.85rem;margin-right:.7rem}.lv-instellingen{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.lv-instellingen input[type=range]{width:100%}@media(min-width:1200px){.lv-test{display:grid;grid-template-columns:minmax(0,1fr) 46%}.lv-test .lv-docent{grid-template-columns:1fr}.lv-test .lv-nieuwskolom{position:static}}.lv-testpaneel{background:var(--kaart);border-left:1px solid var(--lijn);position:sticky;top:50px;height:calc(100dvh - 50px);display:flex;flex-direction:column}.lv-testpaneel iframe{flex:1;width:100%;border:0}@media(max-width:1199px){.lv-testpaneel{position:static;height:90dvh;border-left:0;border-top:1px solid var(--lijn)}}.lv-midden.kort{min-height:60dvh}.lv-start .lv-rol-icoon{font-size:2.4rem}.lv-stappen{list-style:none;display:flex;gap:.3rem;margin:0;padding:.55rem 1rem;background:var(--kaart);border-bottom:1px solid var(--lijn);overflow-x:auto}.lv-stappen li{display:flex;align-items:center;gap:.4rem;padding:.3rem .75rem .3rem .35rem;border-radius:999px;font-size:.88rem;color:var(--tekst-zacht);white-space:nowrap}.lv-stappen .nr{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lijn);font-size:.75rem;font-weight:700}.lv-stappen li.klaar .nr{background:var(--winst);color:#fff}.lv-stappen li.nu{background:color-mix(in srgb,var(--primair) 15%,transparent);color:var(--tekst);font-weight:700}.lv-stappen li.nu .nr{background:var(--primair);color:var(--primair-tekst)}.lv-docent-stap{display:flex;flex-direction:column;gap:.9rem;padding:.9rem .9rem 6rem;max-width:1100px;margin:0 auto}.lv-smal{max-width:760px;margin:0 auto;padding:.9rem}.lv-volgende{position:fixed;left:0;right:0;bottom:0;z-index:7;display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--kaart);border-top:2px solid var(--primair);box-shadow:0 -4px 16px #00000026}.lv-volgende-knoppen{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media(min-width:1200px){.lv-test .lv-volgende{right:46%}}.lv-docent{padding-bottom:6rem}.lv-select{padding:.5rem;border:1px solid var(--lijn);border-radius:8px;background:var(--achtergrond)}.lv-cat-raster{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.lv-cat{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.85rem;border-radius:12px;border:2px solid var(--lijn);background:var(--achtergrond);cursor:pointer;opacity:.65}.lv-cat.aan{border-color:var(--winst);background:color-mix(in srgb,var(--winst) 10%,var(--kaart));opacity:1}.lv-cat-kop{display:flex;align-items:center;gap:.4rem;font-size:1.05rem}.lv-schakel{margin-left:auto;font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;background:var(--lijn)}.lv-cat.aan .lv-schakel{background:var(--winst);color:#fff}.lv-sit-raster{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lv-sit{display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:.85rem;border-radius:12px;border:2px solid var(--lijn);background:var(--achtergrond);cursor:pointer}.lv-sit.aan{border-color:var(--primair);background:color-mix(in srgb,var(--primair) 12%,var(--kaart))}.lv-sit-icoon{font-size:1.8rem}.lv-aanmeld{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-bottom:.8rem}.lv-namen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.lv-namen li{padding:.3rem .7rem;border-radius:999px;background:var(--achtergrond);border:1px solid var(--lijn);font-size:.9rem}.lv-namen li.klaar{border-color:var(--winst);color:var(--winst)}.lv-voortgang{height:12px;border-radius:999px;background:var(--lijn);overflow:hidden;margin:.3rem 0 .6rem}.lv-voortgang div{height:100%;background:var(--winst);transition:width .4s}.lv-markt h2{margin:0;font-size:1.4rem}.lv-markt-titel{display:flex;align-items:center;gap:.8rem;margin-bottom:.6rem}.lv-markt-icoon{font-size:2.6rem}.lv-markt-punten{margin:0 0 .9rem;padding-left:1.2rem;font-size:1.05rem;line-height:1.6}.lv-markt.compact .lv-markt-punten{font-size:.95rem}.lv-verwachting{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lv-verw{display:grid;grid-template-columns:auto 1fr auto;gap:.1rem .5rem;align-items:center;padding:.55rem .7rem;border-radius:10px;background:var(--achtergrond);border:1px solid var(--lijn)}.lv-verw small{grid-column:1 / -1}.lv-pijl{font-weight:700;font-size:.85rem}.lv-wild{color:var(--focus)}.lv-tip{margin:.9rem 0 0;padding:.6rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--focus) 15%,transparent)}.lv-samenstellen{max-width:1200px;margin:0 auto;padding:.9rem .9rem 11rem;display:flex;flex-direction:column;gap:.9rem}.lv-samen-intro{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem}.lv-kaartjes{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lv-kaartje{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:12px;border:2px solid var(--lijn);background:var(--achtergrond)}.lv-kaartje.gekozen{border-color:var(--primair)}.lv-kaartje-kop{display:flex;gap:.6rem;align-items:center}.lv-kaartje-uitleg{min-height:2.4em}.lv-logo{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--kaart);border:1px solid var(--lijn);font-size:1.4rem;flex:none}.lv-logo.groot{width:52px;height:52px;font-size:1.8rem}.lv-teller{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;gap:.3rem;margin-top:auto}.lv-teller button{height:40px;border-radius:10px;border:1px solid var(--lijn);background:var(--kaart);font-size:1.3rem;font-weight:700;cursor:pointer}.lv-teller button:last-child:not(:disabled){background:var(--primair);color:var(--primair-tekst);border-color:var(--primair)}.lv-teller button:disabled{opacity:.35;cursor:not-allowed}.lv-teller span{line-height:1.15}.lv-mandje{position:fixed;left:0;right:0;bottom:0;z-index:7;background:var(--kaart);border-top:2px solid var(--primair);box-shadow:0 -4px 16px #00000026;padding:.7rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:center}.lv-mandje-cijfers{display:flex;align-items:center;gap:1.2rem;flex:1 1 420px}.lv-verdeling{flex:1;display:flex;height:26px;border-radius:8px;overflow:hidden;background:var(--lijn);min-width:140px}.lv-verdeling span{display:grid;place-items:center;font-size:.85rem;transition:width .3s}.cat-aandelen{background:#3b82f6}.cat-fondsen{background:#8b5cf6}.cat-obligaties{background:#14b8a6}.cat-grondstoffen{background:#eab308}.cat-alternatieven{background:#f97316}.cat-opties{background:#ef4444}.cat-geld{background:#94a3b8}.lv-tips{display:flex;flex-direction:column;gap:.15rem;flex:1 1 100%;order:3}.lv-mandje-actie{display:flex;align-items:center;gap:.8rem;margin-left:auto}.lv-howto{max-width:1400px;margin:.8rem auto 0;padding:.6rem .9rem;border-radius:var(--radius);background:color-mix(in srgb,var(--primair) 12%,var(--kaart));display:flex;gap:1rem;justify-content:space-between;align-items:center;width:calc(100% - 1.8rem)}.lv-filter{position:sticky;top:50px;z-index:4;display:flex;flex-wrap:wrap;gap:.2rem;padding:.6rem .7rem .3rem;background:var(--achtergrond);border-bottom:1px solid var(--lijn)}.lv-zoek{display:flex;flex-direction:column;gap:.35rem;padding:.3rem .3rem .5rem}.lv-groepkop{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tekst-zacht);padding:.7rem .6rem .2rem}.lv-fondsen{max-height:calc(100dvh - 140px);overflow-y:auto;position:sticky;top:60px}.lv-chipgroep{margin-top:.4rem}.lv-sector-raster{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.lv-sector{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:1rem;border-radius:14px;border:2px solid var(--lijn);background:var(--kaart);cursor:pointer}.lv-sector:hover{border-color:var(--primair)}.lv-sector.aan{border-color:var(--primair);background:color-mix(in srgb,var(--primair) 14%,var(--kaart))}.lv-sector strong{font-size:1.05rem}.lv-sector-kop{display:flex;justify-content:space-between;align-items:center}.lv-sector-icoon{font-size:2rem}.lv-vink{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:2px solid var(--lijn);font-weight:800}.lv-sector.aan .lv-vink{background:var(--primair);border-color:var(--primair);color:var(--primair-tekst)}.lv-verkoopknop{margin-top:.25rem;min-height:28px;padding:.15rem .6rem;border-color:var(--verlies);color:var(--verlies)}.lv-podium{display:flex;justify-content:center;align-items:flex-end;gap:.6rem;margin:1rem 0 1.4rem}.lv-trede{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:120px;text-align:center}.lv-medaille{font-size:2rem}.lv-blok{width:100%;background:var(--primair);color:var(--primair-tekst);font-weight:800;font-size:1.4rem;border-radius:8px 8px 0 0;display:grid;place-items:center}.lv-trede.t1 .lv-blok{height:90px}.lv-trede.t2 .lv-blok{height:64px;opacity:.85}.lv-trede.t3 .lv-blok{height:44px;opacity:.7}.db{display:flex;flex-direction:column;gap:.9rem;padding:.9rem .9rem 6rem;max-width:1500px;margin:0 auto}.db h2{font-size:1.02rem;margin:0 0 .6rem}.db-kpis{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.db-kpi{display:flex;gap:.7rem;align-items:center;padding:.85rem .95rem;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);min-width:0}.db-kpi>div{min-width:0}.db-kpi-icoon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--primair) 14%,transparent);font-size:1.3rem}.db-kpi-waarde{font-size:1.45rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-rij,.db-rij3,.db-rij2{display:grid;gap:.9rem;grid-template-columns:1fr}@media(min-width:1000px){.db-rij{grid-template-columns:minmax(0,1fr) 380px}.db-rij3{grid-template-columns:1fr 1.3fr 1.2fr}.db-rij2{grid-template-columns:1fr 1fr}}.lv-test .db-rij,.lv-test .db-rij3,.lv-test .db-rij2{grid-template-columns:1fr}.db-groot-pct{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.db-lijst{list-style:none;margin:0;padding:0}.db-lijst li{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--lijn)}.db-lijst li:first-child{border-top:0}.db-koersen{display:grid;gap:.2rem 1.2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.db-koers{display:grid;grid-template-columns:1fr 100px auto;gap:.6rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--lijn)}.db-koers-naam{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-spark .grafiek{height:30px!important}.wie-lijst{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}.wie-lijst li{display:grid;grid-template-columns:30px 1fr auto;gap:.5rem;align-items:start;padding:.45rem 0;border-top:1px solid var(--lijn);font-size:.9rem}.wie-lijst li:first-child{border-top:0}.wie-lijst li.jij{background:color-mix(in srgb,var(--primair) 10%,transparent);border-radius:6px}.wie-icoon{font-size:1.25rem;text-align:center}.sims{margin-top:1rem}.sims h3{margin:0 0 .2rem;font-size:.95rem}.sims-uitleg p{margin:.25rem 0}.sim-auto{display:flex;gap:.4rem;align-items:center;font-size:.88rem;margin:.3rem 0}.nf-soorten{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.nf-soorten button{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .2rem;border-radius:10px;border:1px solid var(--lijn);background:var(--achtergrond);cursor:pointer;font-size:.82rem;font-weight:600;color:var(--tekst-zacht)}.nf-soorten button span{font-size:1.3rem}.nf-soorten button.actief{border-color:var(--primair);color:var(--tekst);background:color-mix(in srgb,var(--primair) 15%,var(--kaart))}.nf-kracht{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.nf-kracht button{padding:.45rem .2rem;border-radius:8px;border:1px solid var(--lijn);background:var(--kaart);cursor:pointer;font-size:.8rem;font-weight:600}.nf-kracht button.actief.r1,.nf-kracht button.actief.r2{background:var(--winst);border-color:var(--winst);color:#fff}.nf-kracht button.actief.r-1,.nf-kracht button.actief.r-2{background:var(--verlies);border-color:var(--verlies);color:#fff}.nf-sjablonen{display:flex;flex-direction:column;gap:.3rem;max-height:260px;overflow-y:auto}.nf-sjabloon{text-align:left;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--lijn);background:var(--achtergrond);cursor:pointer;font-size:.9rem}.nf-sjabloon.actief{border-color:var(--primair);background:color-mix(in srgb,var(--primair) 15%,var(--kaart));font-weight:600}.nf-verwachting{padding:.5rem .6rem;border-radius:8px;background:var(--achtergrond);border:1px dashed var(--lijn)}.nf-effect{display:inline-block;margin:.15rem .7rem 0 0;font-size:.85rem}:root{--achtergrond: #f5f7fa;--kaart: #ffffff;--tekst: #1b2430;--tekst-zacht: #5b6572;--lijn: #dfe4ea;--primair: #1f5fbf;--primair-tekst: #ffffff;--winst: #0f766e;--verlies: #c2410c;--neutraal: #64748b;--focus: #f59e0b;--radius: 12px;--schaduw: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--tekst);background:var(--achtergrond)}@media(prefers-color-scheme:dark){:root{--achtergrond: #0f1620;--kaart: #18212d;--tekst: #e6ebf2;--tekst-zacht: #9aa6b5;--lijn: #2a3644;--primair: #5b9dff;--primair-tekst: #0b1220;--winst: #2dd4bf;--verlies: #fb923c}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond)}a{color:var(--primair)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:1rem}p{margin:0 0 .6rem;line-height:1.45}small,.zacht{color:var(--tekst-zacht)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.statusbalk{position:sticky;top:0;z-index:5;background:var(--kaart);border-bottom:1px solid var(--lijn);padding:.5rem .9rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.statusbalk .titel{font-weight:700}.statusbalk .tijd{color:var(--tekst-zacht);font-size:.9rem}.statusbalk .waarde{margin-left:auto;font-weight:600}.tijdknoppen{display:flex;gap:.35rem;flex-wrap:wrap}main{padding:.9rem .9rem 5rem;max-width:1040px;width:100%;margin:0 auto}@media(min-width:900px){.app{grid-template-columns:220px 1fr;grid-template-rows:auto 1fr}.statusbalk{grid-column:1 / -1}nav.hoofd{grid-row:2;position:sticky;top:56px;align-self:start;display:flex;flex-direction:column;padding:.9rem .6rem;border-right:1px solid var(--lijn);background:var(--kaart);min-height:calc(100dvh - 56px)}nav.hoofd button{justify-content:flex-start;padding:.6rem .8rem}main{grid-row:2;padding-bottom:2rem}}@media(max-width:899px){nav.hoofd{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--kaart);border-top:1px solid var(--lijn);z-index:5}nav.hoofd button{flex-direction:column;font-size:.75rem;padding:.45rem .2rem;border-radius:0}}nav.hoofd button{display:flex;align-items:center;gap:.5rem;background:none;border:0;color:var(--tekst-zacht);cursor:pointer;border-radius:8px}nav.hoofd button[aria-current=page]{color:var(--primair);font-weight:600;background:color-mix(in srgb,var(--primair) 10%,transparent)}nav.hoofd .icoon{font-size:1.2rem}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:.9rem;box-shadow:var(--schaduw);margin-bottom:.9rem}.rooster{display:grid;gap:.9rem}.rooster-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rooster-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;border-radius:10px;border:1px solid var(--lijn);background:var(--kaart);cursor:pointer;min-height:40px}.knop:hover{border-color:var(--primair)}.knop.primair{background:var(--primair);color:var(--primair-tekst);border-color:var(--primair);font-weight:600}.knop.klein{padding:.3rem .6rem;min-height:32px;font-size:.9rem}.knop:disabled{opacity:.5;cursor:not-allowed}.knop.gevaar{border-color:var(--verlies);color:var(--verlies)}.meter{display:flex;flex-direction:column;gap:.25rem}.meter .cijfer{font-size:1.5rem;font-weight:700}.meter .balk{height:8px;border-radius:4px;background:var(--lijn);overflow:hidden}.meter .balk>span{display:block;height:100%;background:var(--primair)}.winst{color:var(--winst)}.verlies{color:var(--verlies)}.neutraal{color:var(--neutraal)}.lijst{list-style:none;margin:0;padding:0}.lijst>li{padding:.65rem 0;border-top:1px solid var(--lijn)}.lijst>li:first-child{border-top:0}.rij{display:flex;gap:.75rem;align-items:center}.rij .groei{flex:1;min-width:0}.rij-knop{width:100%;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit}.chip{display:inline-block;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--lijn);font-size:.8rem;color:var(--tekst-zacht);margin:0 .3rem .3rem 0;background:var(--kaart)}.chip.actief{border-color:var(--primair);color:var(--primair);background:color-mix(in srgb,var(--primair) 10%,transparent)}button.chip{cursor:pointer}.label{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .45rem;border-radius:6px;background:var(--lijn);color:var(--tekst-zacht)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid var(--lijn);vertical-align:top}th{color:var(--tekst-zacht);font-weight:600;font-size:.8rem}td.num,th.num{text-align:right;white-space:nowrap}.scroll-x{overflow-x:auto}.veld{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.veld label{font-weight:600;font-size:.9rem}.veld input,.veld select,.veld textarea{padding:.5rem .6rem;border:1px solid var(--lijn);border-radius:8px;background:var(--achtergrond);width:100%}.fout{color:var(--verlies);font-weight:600}.melding{padding:.6rem .8rem;border-radius:8px;background:color-mix(in srgb,var(--primair) 10%,transparent);border:1px solid color-mix(in srgb,var(--primair) 35%,transparent);margin-bottom:.75rem}.melding.waarschuwing{background:color-mix(in srgb,var(--focus) 12%,transparent);border-color:color-mix(in srgb,var(--focus) 45%,transparent)}.disclaimer{font-size:.8rem;color:var(--tekst-zacht);border-top:1px solid var(--lijn);padding-top:.6rem;margin-top:1rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080c148c;display:flex;align-items:flex-end;justify-content:center;z-index:20}@media(min-width:700px){.overlay{align-items:center}}.dialoog{background:var(--kaart);border-radius:16px 16px 0 0;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:1rem}@media(min-width:700px){.dialoog{border-radius:16px}}.radiogroep{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.4rem}.radiogroep label{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border:1px solid var(--lijn);border-radius:8px;cursor:pointer}.radiogroep label:has(input:checked){border-color:var(--primair);background:color-mix(in srgb,var(--primair) 10%,transparent)}.staaf{display:grid;grid-template-columns:130px 1fr 60px;gap:.5rem;align-items:center;font-size:.9rem;margin:.25rem 0}.staaf .balk{height:10px;background:var(--lijn);border-radius:5px;overflow:hidden}.staaf .balk>span{display:block;height:100%;background:var(--primair)}.grafiek svg{width:100%;height:auto;display:block}.blokjes{display:inline-flex;gap:2px;vertical-align:middle}.blokjes span{width:8px;height:12px;border-radius:2px;background:var(--lijn)}.blokjes span.aan{background:var(--primair)}.profielkaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.profielkaarten label{display:block;padding:.9rem;border:2px solid var(--lijn);border-radius:var(--radius);cursor:pointer}.profielkaarten label:has(input:checked){border-color:var(--primair)}.profielkaarten input{margin-right:.4rem}.uitlegwoord{text-decoration:underline dotted;cursor:help}details summary{cursor:pointer;font-weight:600}.uitlegwoord{position:relative;display:inline-block}.uitlegwoord-knop{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:help;text-decoration:underline dotted;text-decoration-color:var(--primair);text-underline-offset:3px;border-radius:4px}.uitlegwoord-knop:focus-visible{outline:2px solid var(--primair);outline-offset:2px}.uitlegwoord-i{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;margin-left:.3em;border-radius:50%;font-size:.7em;font-weight:700;font-style:normal;background:color-mix(in srgb,var(--primair) 15%,transparent);color:var(--primair);vertical-align:.1em}.uitlegwoord-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:30;width:min(320px,86vw);padding:.6rem .75rem;border-radius:10px;background:var(--kaart);color:var(--tekst);border:1px solid var(--primair);box-shadow:0 8px 24px #0000002e;font-size:.9rem;line-height:1.4;font-weight:400;text-align:left;white-space:normal}.uitlegwoord-popup.rechts{left:auto;right:0}.uitlegwoord-popup strong{display:block;margin-bottom:.25rem}th .uitlegwoord-knop{font-weight:600}.live{min-height:100dvh}.live .statusbalk{position:sticky;top:0}.live-raster{display:grid;gap:.9rem;grid-template-columns:1fr;max-width:1400px;padding-bottom:2rem}.live-raster>.kaart{margin-bottom:0;min-width:0}@media(min-width:900px){.live-raster{grid-template-columns:minmax(300px,1fr) minmax(360px,1.4fr)}.live-raster.docent{grid-template-columns:1fr 1fr}.live-breed{grid-column:1 / -1}}.testmodus{display:grid;grid-template-columns:1fr}.testmodus>main,.testmodus>aside{grid-row:auto}.live main{grid-row:auto}@media(min-width:1100px){.testmodus{grid-template-columns:minmax(0,1fr) minmax(420px,42%)}.testmodus .live-raster.docent{grid-template-columns:1fr}}.testpaneel{border-left:1px solid var(--lijn);background:var(--kaart);position:sticky;top:52px;height:calc(100dvh - 52px);display:flex;flex-direction:column}.testpaneel iframe{flex:1;width:100%;border:0;background:var(--achtergrond)}@media(max-width:1099px){.testpaneel{position:static;height:85dvh;border-left:0;border-top:1px solid var(--lijn)}}.klascode{font-size:1.3rem;font-weight:800;letter-spacing:.2em;font-family:ui-monospace,monospace}.status-open{background:color-mix(in srgb,var(--winst) 18%,transparent);color:var(--winst)}.status-pauze{background:color-mix(in srgb,var(--focus) 22%,transparent);color:var(--tekst)}.status-dicht{background:color-mix(in srgb,var(--verlies) 18%,transparent);color:var(--verlies)}.melding{max-width:1400px;margin:.9rem auto 0;padding:.6rem .9rem;border-radius:var(--radius);background:color-mix(in srgb,var(--focus) 15%,var(--kaart));width:calc(100% - 1.8rem)}.nieuwsflits{position:sticky;top:52px;z-index:4;margin:0;padding:.7rem .9rem;background:var(--focus);color:#1b2430;animation:flitsin .4s ease-out}@keyframes flitsin{0%{transform:translateY(-100%);opacity:0}}.grafiek{width:100%;display:block}.fondsenlijst>li{padding:0}.fondsrij{display:grid;grid-template-columns:1fr 90px auto;gap:.6rem;align-items:center;padding:.5rem .4rem;border-radius:8px}.fondsrij.gekozen{background:color-mix(in srgb,var(--primair) 10%,transparent)}.fondsrij:hover{background:color-mix(in srgb,var(--primair) 6%,transparent)}.fondsrij .getal{text-align:right}.getal{text-align:right;font-variant-numeric:tabular-nums}.flits-op{background:color-mix(in srgb,var(--winst) 30%,transparent);border-radius:4px;transition:background .6s}.flits-neer{background:color-mix(in srgb,var(--verlies) 30%,transparent);border-radius:4px;transition:background .6s}.orderboek td,.orderboek th{padding:.25rem .4rem;font-variant-numeric:tabular-nums}.orderformulier{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--lijn)}.schakel{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.koersraster{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.koersblok{border:1px solid var(--lijn);border-radius:10px;padding:.5rem .6rem}tr.ik td{font-weight:700}.stip{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lijn)}.stip.aan{background:var(--winst)}