.login-pagina{place-items:center;min-height:100vh;padding:20px;display:grid}.login-kaart{width:100%;max-width:420px}.login-kaart .logo{margin-bottom:18px}.login-kaart .knop{width:100%}.login-kaart .login-google{margin-top:10px}.registreer-pagina{place-items:center;min-height:100vh;padding:20px;display:grid}.registreer-kaart{width:100%;max-width:420px}.registreer-kaart .logo{margin-bottom:18px}.registreer-kaart .knop{width:100%}.uitleg{color:var(--grijs);margin:6px 0 0;font-size:.88rem}.wissel{text-align:center;margin:18px 0 0}.dashboard{max-width:1100px;margin:0 auto;padding:28px 16px 90px}.dashboard-raster{gap:20px;display:grid}@media (width>=900px){.dashboard-raster{grid-template-columns:1fr 2fr;align-items:start}}.taak-form{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 12px;display:grid}.taak-form .breed{grid-column:1/-1}.details{color:var(--grijs);font-size:.9rem;display:block}.kleur{border-radius:4px;width:12px;height:12px;margin-right:8px;display:inline-block}.rij-formulier{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px;width:100%;display:grid}.rij-breed{grid-column:1/-1}.rij-formulier-knoppen{margin-top:14px}.rij-hint{color:var(--tekst);margin:6px 0 0;font-size:.85rem;font-weight:700;display:block}.taak-afgewerkt{color:var(--grijs);text-decoration:line-through}.afgewerkt-titel{margin:22px 0 0;font-size:1rem;font-weight:800}.afvink-kaart{margin-bottom:20px}.afvink-bericht{margin:8px 0 0;font-weight:700}.afvink-bericht:empty{margin:0}.afvink-dag{margin:20px 0 0;font-size:1rem;font-weight:800}.afvink-taken{margin:6px 0 0;padding:0;list-style:none}.afvink-taak{border-top:1px solid var(--rand);padding:10px 0}.afvink-taak-titel{overflow-wrap:anywhere;margin:0}.afvink-vak{color:var(--grijs);font-size:.9rem}.afvink-blokken{margin:4px 0 0;padding:0;list-style:none}.afvink-blok{padding:8px 0}.afvink-knop[aria-pressed=true]{background:var(--groen);color:#fff}.afvink-knop[aria-pressed=true]:hover{background:var(--groen-donker)}.agenda{max-width:1200px;margin:0 auto;padding:28px 16px 90px}.agenda-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.agenda-kop h1{margin:0}.week-titel{color:var(--grijs);margin:4px 0 0;font-weight:700}.week-knoppen{flex-wrap:wrap;gap:8px;display:flex}.week-scroll{overflow-x:auto}.week{border:1px solid var(--rand);background:#fff;border-radius:18px;grid-template-columns:56px repeat(7,minmax(100px,1fr));min-width:760px;display:grid;overflow:hidden}.kolom+.kolom{border-left:1px solid var(--rand)}.kolom-kop{border-bottom:1px solid var(--rand);justify-content:center;align-items:center;height:44px;font-weight:800;display:flex}.vandaag .kolom-kop{background:var(--groen-licht);color:var(--groen-donker)}.vergrendeld .kolom-kop{background:var(--achtergrond);color:var(--grijs);position:relative}.kolom-uren{background-image:repeating-linear-gradient(to bottom, var(--rand) 0, var(--rand) 1px, transparent 1px, transparent 96px);position:relative}.vergrendeld .kolom-uren{background-color:var(--achtergrond);background-image:repeating-linear-gradient(to bottom, var(--rand) 0, var(--rand) 1px, transparent 1px, transparent 96px), repeating-linear-gradient(45deg, var(--rand) 0, var(--rand) 1px, transparent 1px, transparent 8px)}.uur{color:var(--grijs);margin-top:4px;font-size:.75rem;position:absolute;right:8px}.blok{color:#fff;border-radius:8px;padding:3px 6px;font-size:.75rem;line-height:1.25;position:absolute;left:4px;right:4px;overflow:hidden}.blok strong{display:block}.blok-gemist,.blok-overgeslagen{background:#fff;border:2px dashed}.vergelijk{min-width:200px}.vergelijk-label{margin-top:0}.vergelijk-uitleg{color:var(--grijs);margin:0 0 8px;font-weight:700}.week-vergelijk{min-width:1100px}.blok-links{overflow-wrap:anywhere;right:calc(50% + 2px)}.blok-rechts{overflow-wrap:anywhere;left:calc(50% + 2px)}.vrienden{max-width:640px;margin:0 auto;padding:28px 16px 90px}.vrienden-uitleg{color:var(--grijs);margin:0}.vrienden-kaart{margin-top:20px}.deelcode{letter-spacing:.15em;-webkit-user-select:all;user-select:all;margin:4px 0 12px;font-size:1.6rem;font-weight:900}.vrienden-hint{color:var(--grijs);margin:8px 0 0;font-size:.85rem}.vrienden-datum{color:var(--grijs);font-size:.9rem}.knop-bezig[aria-disabled=true]{cursor:wait;opacity:.75}.instellingen{max-width:640px;margin:0 auto;padding:28px 16px 90px}.instellingen-uitleg{color:var(--grijs);margin:0;font-size:.88rem}.instellingen-hint{color:var(--grijs);margin:4px 0 0;font-size:.85rem}.venster{border:0;grid-template-columns:1fr 1fr;gap:0 12px;margin:16px 0 0;padding:0;display:grid}.venster-titel{padding:0;font-size:.92rem;font-weight:800}.knop-opslaan[aria-disabled=true]{cursor:wait;opacity:.75}:root{--groen:#0b7a6e;--groen-donker:#08665c;--groen-licht:#e6f6f3;--tekst:#1c2430;--grijs:#5a6474;--rand:#e2e8ee;--achtergrond:#f4f7f8}*{box-sizing:border-box}body{background:var(--achtergrond);color:var(--tekst);margin:0;font-family:Nunito,system-ui,sans-serif;line-height:1.5}h1{margin:0 0 16px;font-size:1.9rem;font-weight:900}h2{margin:0 0 6px;font-size:1.3rem;font-weight:800}a{color:var(--groen-donker);font-weight:800}:focus-visible{outline:3px solid var(--groen);outline-offset:2px}.logo{margin:0;font-size:1.4rem;font-weight:900}.logo span{color:var(--groen)}.kaart{border:1px solid var(--rand);background:#fff;border-radius:18px;padding:22px;box-shadow:0 4px 14px #141e2d0d}label{margin:14px 0 6px;font-size:.92rem;font-weight:800;display:block}input,select{width:100%;color:var(--tekst);font:inherit;background:#fff;border:1.5px solid #8792a4;border-radius:12px;padding:10px 12px}input:focus,select:focus{border-color:var(--groen);outline:3px solid #0b7a6e40}.knop{background:var(--groen);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:10px 22px;font-weight:800}.knop:hover{background:var(--groen-donker)}.melding{background:var(--tekst);color:#fff;border-radius:14px;width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 20px;font-weight:700;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.melding:empty{display:none}.kopbalk{border-bottom:1px solid var(--rand);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}@media (width<=480px){.kopbalk{padding:12px 16px}.kopbalk .logo{font-size:1.2rem}}.menu{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.knop-licht{background:var(--groen-licht);color:var(--groen-donker);margin:0}.knop-licht:hover{background:#d3efe9}.link-knop{color:var(--groen-donker);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.link-knop[aria-current=page]{color:var(--tekst);text-decoration:none}.lijst{margin:20px 0 0;padding:0;list-style:none}.lijst li{border-top:1px solid var(--rand);padding:10px 0}.leeg{color:var(--grijs)}.rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.rij-tekst{overflow-wrap:anywhere;flex:220px;min-width:0}.rij-knoppen{flex-wrap:wrap;gap:8px;display:flex}.knop.knop-klein{margin:0;padding:6px 14px;font-size:.9rem}.visueel-verborgen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}