:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ed;--surface:#fff;--surface-2:#faf8f3;--line:#e3ded4;--line-strong:#c4bdae;--text:#211f1a;--text-muted:#635e54;--accent:#8a6d1f;--accent-hover:#6f5718;--accent-soft:#f4ecd8;--accent-contrast:#fff;--element-fire:#9c2413;--element-earth:#2f6b3c;--element-air:#7a5e00;--element-water:#1f5d9e;--element-fire-band:#f3c6bc;--element-earth-band:#c6e3c8;--element-air-band:#f5e49c;--element-water-band:#c3d9f1;--aspect-conjunction:#8a6d1f;--aspect-square:#b33020;--aspect-trine:#1f7a4c;--aspect-sextile:#b88a07;--aspect-opposition:#7a7268;--aspect-hard:#a8392b;--aspect-soft:#256d5a;--aspect-minor:#8d877a;--error-bg:#fbeceb;--error-line:#e3b6b1;--error-text:#8c2f24;--warn-bg:#fdf4e0;--warn-line:#e6d2a3;--warn-text:#7a5c15;--ok-bg:#e9f4ee;--ok-line:#aed4c1;--ok-text:#1f5d45;--pill-neutral-bg:#eeebe4;--pill-neutral-text:#5c574d;--pill-info-bg:#e7eef7;--pill-info-text:#2d5580;--pill-good-bg:#e4f1ea;--pill-good-text:#1f5d45;--pill-warn-bg:#fbf0d9;--pill-warn-text:#7a5c15;--pill-bad-bg:#f7e8e6;--pill-bad-text:#8c2f24;--shadow-card:0 1px 2px #211f1a0a;--shadow-panel:0 8px 32px #211f1a29;--font-ui:system-ui, -apple-system, "Segoe UI", sans-serif;--font-glyph:"Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template:"header header header""left chart right"minmax(0,1fr)/320px minmax(0,1fr) 360px;height:100%;display:grid}.app-header{border-bottom:1px solid var(--line);background:var(--surface);grid-area:header;align-items:center;gap:20px;padding:10px 20px;display:flex}.app-header h1{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0;font-size:15px;font-weight:600}.panel{padding:20px 24px;overflow-y:auto}.panel-left{border-right:1px solid var(--line);background:var(--surface);grid-area:left}.panel-right{border-left:1px solid var(--line);background:var(--surface);grid-area:right}.panel-chart{flex-direction:column;grid-area:chart;align-items:center;display:flex}@media (width<=1100px){.app{grid-template:"header""chart""left""right"/minmax(0,1fr);height:auto}.panel-left,.panel-right{border:0;border-top:1px solid var(--line)}}.modes{gap:4px;display:flex}.modes button,.segmented button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:5px;padding:6px 14px}.modes button:hover,.segmented button:hover{color:var(--text);border-color:var(--line-strong)}.modes button.is-active,.segmented button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.segmented{flex-wrap:wrap;gap:4px;display:flex}fieldset{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:0 0 16px;padding:14px 16px 16px}legend{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 6px;font-size:11px;font-weight:700}label{color:var(--text-muted);margin:12px 0 4px;font-size:13px;display:block}label.checkbox{color:var(--text);cursor:pointer;align-items:flex-start;gap:8px;margin:12px 0 0;font-size:14px;display:flex}label.checkbox input{margin-top:3px}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=password],input[type=search],select,textarea{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:5px;padding:8px 10px}input:hover,select:hover,textarea:hover{border-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled{background:var(--surface-2);opacity:.6}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row label{margin-top:12px}.quick-dates{gap:6px;margin-top:8px;display:flex}.quick-dates button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:5px;flex:1;padding:6px 0}.quick-dates button:hover{color:var(--text);border-color:var(--line-strong)}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;text-decoration:underline}a{color:var(--accent)}.place-results{border:1px solid var(--line-strong);box-shadow:var(--shadow-card);border-radius:5px;margin:4px 0 0;padding:0;list-style:none;overflow:hidden}.place-results button{background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;border:0;justify-content:space-between;gap:12px;padding:8px 10px;display:flex}.place-results button:hover{background:var(--accent-soft)}.place-summary{border:1px solid var(--line);background:var(--surface-2);border-radius:5px;flex-direction:column;gap:2px;margin:10px 0 0;padding:9px 11px;display:flex}.muted{color:var(--text-muted);font-size:13px}.error,.warning{border-radius:5px;margin:8px 0;padding:9px 13px;font-size:14px}.error{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-text)}.warning{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text)}.chart-title{text-align:center;width:100%;max-width:760px}.chart-title h2{margin:0 0 2px;font-size:19px;font-weight:600}.wheel{aspect-ratio:1;width:min(100%,760px,max(320px,100vh - 170px));height:auto;font-family:var(--font-glyph);-webkit-user-select:none;user-select:none;margin-top:8px}.wheel-ring{fill:none;stroke:var(--line-strong);stroke-width:1.2px}.sign-band{stroke:none}.sign-fire .sign-band{fill:var(--element-fire-band)}.sign-earth .sign-band{fill:var(--element-earth-band)}.sign-air .sign-band{fill:var(--element-air-band)}.sign-water .sign-band{fill:var(--element-water-band)}.sign-fire{color:var(--element-fire)}.sign-earth{color:var(--element-earth)}.sign-air{color:var(--element-air)}.sign-water{color:var(--element-water)}.tick{stroke:var(--line-strong);stroke-width:.7px}.tick-sign{stroke:var(--text-muted);stroke-width:1.4px}.cusp{stroke:var(--line-strong);stroke-width:1px;stroke-dasharray:3 5}.cusp-angle{stroke:var(--text-muted);stroke-width:1.8px;stroke-dasharray:none}.house-number{text-anchor:middle;dominant-baseline:central;fill:var(--text-muted);font-size:15px}.angle-label{text-anchor:middle;dominant-baseline:central;fill:var(--accent);paint-order:stroke;stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;font-size:17px;font-weight:700}.point{cursor:pointer}.point-tick{stroke:var(--text);stroke-width:1.6px}.point-leader{stroke:var(--line-strong);stroke-width:.8px}.point-hit{fill:#0000}.point-degree{font-family:var(--font-ui);text-anchor:middle;dominant-baseline:central;fill:var(--text);opacity:0;pointer-events:none;paint-order:stroke;stroke:var(--surface);stroke-width:3.5px;stroke-linejoin:round;font-size:13px}.point:hover .point-degree,.point:focus-within .point-degree,.point.is-selected .point-degree{opacity:1}.point:hover{color:var(--accent)}.point-inner{color:var(--text)}.point-outer{color:var(--accent)}.point-outer .point-tick{stroke:var(--accent)}.point-outer .point-leader{stroke:var(--accent);opacity:.5}.point-outer .point-degree{fill:var(--accent);opacity:.8}.point.is-dimmed{opacity:.22}.point.is-selected{color:var(--accent)}.point.is-selected .point-hit{fill:#8a6d1f1f}table{border-collapse:collapse;width:100%;margin-bottom:22px;font-size:14px}caption{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;padding-bottom:6px;font-size:11px;font-weight:700}th,td{border-bottom:1px solid var(--line);text-align:left;padding:5px 7px}thead th{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.numeric{text-align:right;font-variant-numeric:tabular-nums}.glyph{font-family:var(--font-glyph);font-size:17px}.retrograde{color:var(--aspect-hard)}.positions tbody tr{cursor:pointer}.positions tbody tr:hover{background:var(--surface-2)}.positions tbody tr.is-selected{background:var(--accent-soft)}.aspect-glyph{font-family:var(--font-glyph)}.aspect-conjunction .aspect-glyph,.aspect-glyph.aspect-conjunction{color:var(--aspect-conjunction)}.aspect-opposition .aspect-glyph,.aspect-glyph.aspect-opposition{color:var(--aspect-opposition)}.aspect-square .aspect-glyph,.aspect-glyph.aspect-square{color:var(--aspect-square)}.aspect-trine .aspect-glyph,.aspect-glyph.aspect-trine{color:var(--aspect-trine)}.aspect-sextile .aspect-glyph,.aspect-glyph.aspect-sextile{color:var(--aspect-sextile)}.aspect-grid{font-size:11px}.aspect-grid th,.aspect-grid td{border:1px solid var(--line);text-align:center;width:27px;height:27px;padding:0}.aspect-grid .cell{line-height:1.05}.aspect-grid .orb{color:var(--text-muted);font-size:8px;display:block}.aspect-grid .diagonal{background:var(--surface-2)}.windroos h4,.heersers h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:14px 0 6px;font-size:12px;font-weight:600}.roos-groep{margin-bottom:10px}.roos-regel{grid-template-columns:7.5em 1fr 2em;align-items:center;gap:8px;padding:2px 0;display:grid}.roos-label{font-size:12px}.roos-baan{background:var(--surface-2);border:1px solid var(--line);border-radius:2px;height:9px;overflow:hidden}.roos-vulling{background:var(--accent-soft);border-right:1px solid var(--line-strong);height:100%;display:block}.roos-getal{color:var(--text-muted);font-size:12px}.roos-opmerkingen{color:var(--text-muted);margin:10px 0 0;padding-left:18px;font-size:12px}.roos-opmerkingen li{margin:2px 0}.heersers-uitkomst{margin:8px 0 12px;font-size:13px}.heersers-uitkomst p{margin:3px 0}.heersers-tabel{width:100%;font-size:12px}.heersers-tabel th[scope=row]{white-space:nowrap;font-weight:500}.heersers-tabel tr.is-eindheerser th[scope=row]{font-weight:700}.schijf-knoppen{align-items:flex-end;gap:12px;margin-bottom:6px;display:flex}.schijf-knoppen .field{margin:0}.schijf-knoppen input{width:5em}.schijf-tekening{width:100%;max-width:440px;height:auto;margin:0 auto 10px;display:block;overflow:visible}.schijf-ring,.schijf-ring-binnen{fill:none;stroke:var(--line)}.schijf-ring{stroke:var(--line-strong)}.schijf-tik{stroke:var(--line);stroke-width:1px}.schijf-tik-lang{stroke:var(--line-strong)}.schijf-cijfer{fill:var(--text-muted);font-size:15px}.schijf-draad{stroke:var(--line-strong);stroke-width:1px}.schijf-punt .glyph{fill:currentColor;font-size:22px}.schijf-punt.retrograde .glyph{fill:var(--aspect-hard)}.schijf-bomen{margin:6px 0 0;padding-left:16px;font-size:12px}.schijf-bomen>li{margin:4px 0}.schijf-bomen ul{margin:1px 0 0;padding-left:18px;list-style:none}.schijf-bomen ul li{color:var(--text-muted)}.buiten-grenzen{font-weight:700}.buiten-grenzen:after{content:" ↑";font-weight:400}.directies h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:14px 0 6px;font-size:12px;font-weight:600}.directies-knoppen{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.directies-knoppen .field{margin:0}.directies-knoppen input[type=number]{width:5em}.directies-aspecten{flex-wrap:wrap;gap:10px;margin:6px 0 8px;font-size:12px;display:flex}.directies-tabel{width:100%;font-size:12px}.directies-tabel td:first-child{width:3.5em}.astroscoop-import h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 0 4px;font-size:12px;font-weight:600}.import-lijst{max-height:16em;margin:4px 0 8px;padding-left:18px;font-size:12px;overflow-y:auto}.import-lijst li{margin:3px 0}.import-reden{margin-left:2px;font-size:11px}.zijvak{border-bottom:1px solid var(--line)}.zijvak>summary{cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 2px;font-size:12px;font-weight:600;list-style-position:outside}.zijvak>summary:hover{color:var(--text)}.zijvak>:not(summary)>h3:first-child{display:none}.zijvak[open]>summary{color:var(--text)}.spiegel-lijst{margin:4px 0 8px;padding-left:18px;font-size:12px}.spiegel-lijst li{margin:2px 0}.spiegelpunten h4,.profecties h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 0 4px;font-size:11px}.profectie-jaar{margin:8px 0 2px;font-size:14px}.profectie-heer{margin:0 0 8px;font-size:13px}.profectie-tabel{width:100%;font-size:12px}.profectie-tabel tr.is-nu{background:var(--accent-soft);font-weight:600}.chart-side table{font-size:11px}.chart-side th,.chart-side td{padding:2px 5px}.chart-side thead th{font-size:10px}.chart-side .glyph{font-size:14px}.chart-side .positions td{white-space:nowrap}.chart-side .positions td:last-child{opacity:.75;font-size:10px}.chart-side fieldset{margin-bottom:10px}.chart-side legend{font-size:11px}.chart-side .schijf-tekening{max-width:300px}.glyph-svg{vertical-align:-.13em;fill:none;stroke:currentColor;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;display:inline-block;overflow:visible}.glyph-svg .glyph-letters{font-family:var(--font-ui,system-ui), sans-serif;text-anchor:middle;fill:currentColor;stroke:none;font-size:44px;font-weight:600}.glyph-terugval{opacity:.8;letter-spacing:-.03em;font-size:.78em}.sterren-knoppen{align-items:flex-end;gap:12px;margin-bottom:6px;display:flex}.sterren-knoppen .field{margin:0}.sterren-knoppen input{width:5em}.sterren h4,.firdaria h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 0 4px;font-size:11px;font-weight:600}.ster-lijst{margin:4px 0 8px;padding-left:18px;font-size:12px}.ster-lijst li{margin:3px 0}.ster-betekenis{margin-left:2px;font-size:11px}.ster-tabel{width:100%;font-size:11px}.ster-tabel th[scope=row]{white-space:nowrap;font-weight:500}.firdaria-soort{color:var(--text-muted);margin:4px 0;font-size:12px}.firdaria-nu{margin:6px 0 10px;font-size:13px}.firdaria-lijst{margin:0;padding:0;font-size:12px;list-style:none}.firdaria-lijst>li{border-bottom:1px solid var(--line)}.firdaria-lijst>li.is-nu{background:var(--accent-soft)}.firdaria-kop{text-align:left;width:100%;font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:5px 4px;display:block}.firdaria-onder{color:var(--text-muted);margin:0 0 6px;padding:0 0 0 22px;font-size:11px;list-style:none}.firdaria-onder li{padding:2px 0}.firdaria-onder li.is-nu{color:var(--text);font-weight:600}.kalender-knoppen{align-items:flex-end;gap:12px;display:flex}.kalender-knoppen .field{margin:0}.kalender-knoppen input[type=number]{width:4.5em}.kalender-aspecten{flex-wrap:wrap;gap:10px;margin:6px 0;font-size:12px;display:flex}.kalender-telling{margin:4px 0 8px;font-size:11px}.kalender-maand h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--line);margin:10px 0 3px;font-size:11px}.kalender-maand ul{margin:0;padding:0;font-size:12px;list-style:none}.kalender-maand li{padding:2px 0}.kalender-dag{text-align:right;width:1.8em;color:var(--text-muted);display:inline-block}.kalender-maand li.gewicht-5{font-weight:700}.kalender-maand li.gewicht-4{font-weight:600}.kalender-maand li.gewicht-3{font-weight:500}.kalender-maand li.gewicht-1,.kalender-maand li.gewicht-0{opacity:.72}.loten-tabel{width:100%;font-size:11px}.loten-tabel th[scope=row]{white-space:nowrap;font-weight:500}.lot-formule{font-size:10px}.loten h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 0 4px;font-size:11px;font-weight:600}.zr-nu{margin:6px 0 8px;font-size:13px}.zr-lijst{margin:0;padding:0;font-size:12px;list-style:none}.zr-lijst li{border-bottom:1px solid var(--line);padding:2px 4px}.zr-lijst li.is-nu{background:var(--accent-soft);font-weight:600}.zr-losmaking{color:var(--accent);font-weight:700}.glyph-astroscoop{vertical-align:-.12em;font-family:Astroscoop7;line-height:1;display:inline-block}text.glyph-astroscoop{fill:currentColor;stroke:none}.acg-knoppen,.acg-planeten{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.acg-hoek{border:1px solid var(--line);border-bottom:3px solid var(--hoekkleur);background:var(--surface);cursor:pointer;opacity:.45;border-radius:4px;padding:3px 10px;font-size:12px}.acg-hoek.is-aan{opacity:1;background:var(--surface-2)}.acg-planeten button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:4px;padding:2px 7px;font-size:15px;line-height:1.3}.acg-planeten button.is-aan{background:var(--accent-soft);border-color:var(--accent)}.acg-kaart{border:1px solid var(--line-strong);border-radius:3px;width:100%;height:auto;display:block}.acg-zee{fill:var(--surface-2)}.acg-net{stroke:var(--line);stroke-width:.35px}.acg-net-as{stroke:var(--line-strong);stroke-width:.6px}.acg-stad{fill:var(--text-muted);opacity:.5}.acg-geboorte circle{fill:var(--accent)}.acg-geboorte .acg-ring{fill:none;stroke:var(--accent);stroke-width:.8px}.acg-zoek{align-items:flex-end;gap:10px;margin:10px 0 6px;display:flex}.acg-zoek .field{margin:0}.acg-tabel{font-size:13px}.acg-opschrift{font-family:var(--font-ui);text-anchor:middle;paint-order:stroke;stroke:var(--surface-2);stroke-width:1.6px;stroke-linejoin:round;font-size:4.5px;font-weight:700}.elektie-velden{align-items:flex-end;gap:10px;margin:10px 0;display:flex}.elektie-velden .field{margin:0}.elektie-telling{margin:0 0 6px;font-size:12px}.elektie-lijst{margin:0;padding:0;list-style:none}.elektie-lijst>li{border-bottom:1px solid var(--line)}.elektie-kop{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) 90px 38px;align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:grid}.elektie-kop:hover{background:var(--surface-2)}.elektie-tijd{font-variant-numeric:tabular-nums}.elektie-balk{background:var(--line);border-radius:4px;height:7px;display:block;overflow:hidden}.elektie-balk>span{background:var(--accent);height:100%;display:block}.elektie-punten{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:600}.elektie-redenen{padding:2px 2px 10px;font-size:13px}.elektie-redenen ul{margin:0 0 6px;padding:0;list-style:none}.elektie-redenen li{padding:1px 0}.elektie-gewicht{text-align:right;font-variant-numeric:tabular-nums;min-width:30px;font-weight:600;display:inline-block}.elektie-redenen .is-gunstig .elektie-gewicht{color:var(--element-earth)}.elektie-redenen .is-ongunstig .elektie-gewicht{color:var(--element-fire)}.elektie-rest{font-size:11.5px;line-height:1.5}.elektie-loos{margin-top:14px}.elektie-loos h4{margin:0 0 4px;font-size:13px}.elektie-loos ul{margin:0;padding:0;font-size:12.5px;list-style:none}.elektie-loos li{color:var(--text-muted);font-variant-numeric:tabular-nums;padding:1px 0}.poort-knoppen{flex-direction:column;gap:8px;margin-top:16px;display:flex}.uurhoek-velden{align-items:flex-end;gap:10px;margin:10px 0;display:flex}.uurhoek-velden .field{margin:0}.uurhoek-plaatsen{border:1px solid var(--line);margin:4px 0 0;padding:0;list-style:none}.uurhoek-plaatsen>li+li{border-top:1px solid var(--line)}.uurhoek-plaatsen button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:5px 8px;display:block}.uurhoek-plaatsen button:hover{background:var(--surface-2)}.uurhoek h4{margin:18px 0 6px;font-size:13px}.uurhoek h5{margin:0 0 3px;font-size:13px}.uurhoek-paren{grid-template-columns:auto 1fr;gap:2px 10px;margin:0;font-size:13px;display:grid}.uurhoek-paren dt{color:var(--text-muted)}.uurhoek-paren dd{margin:0}.uurhoek-lijst{margin:0;padding:0;list-style:none}.uurhoek-lijst>li{border-left:3px solid var(--line);margin-bottom:4px;padding:6px 8px;font-size:13px}.uurhoek-lijst>li.is-belet{border-left-color:var(--element-fire);background:var(--error-bg)}.uurhoek-lijst>li.is-waarschuwing{border-left-color:var(--element-air);background:var(--warn-bg)}.uurhoek-lijst p{margin:2px 0 0;font-size:12.5px;line-height:1.5}.uurhoek-zwaarte{float:right;text-transform:uppercase;letter-spacing:.04em;opacity:.75;font-size:11px}.uurhoek-schoon{color:var(--ok-text);background:var(--ok-bg);border:1px solid var(--ok-line);padding:6px 8px;font-size:13px}.uurhoek-huizen{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px;display:grid}.uurhoek-huizen button{text-align:left;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;align-items:baseline;gap:7px;padding:5px 7px;display:flex}.uurhoek-huizen button:hover{border-color:var(--line-strong)}.uurhoek-huizen button.is-gekozen{border-color:var(--accent);background:var(--accent-soft)}.uurhoek-huisnr{font-variant-numeric:tabular-nums;min-width:1.2em;font-weight:600}.uurhoek-onderwerpen{color:var(--text-muted);font-size:11.5px;line-height:1.4}.uurhoek-betekenaar{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:8px}.uurhoek-waardigheid{margin:0;font-size:13px}.uurhoek-waardigheid>span{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:600}.uurhoek-rest{margin:3px 0 0;padding:0;font-size:12px;list-style:none}.uurhoek-rest li{justify-content:space-between;max-width:22em;padding:1px 0;display:flex}.uurhoek-rest span{font-variant-numeric:tabular-nums}.uurhoek .is-gunstig{color:var(--element-earth)}.uurhoek .is-ongunstig{color:var(--element-fire)}.uurhoek-wegen{margin:0;padding:0;list-style:none}.uurhoek-wegen>li{border-bottom:1px solid var(--line);padding:6px 0;font-size:13px}.uurhoek-wegen p{margin:2px 0 0;font-size:12.5px;line-height:1.5}.uurhoek-aanloop{font-variant-numeric:tabular-nums}.uurhoek-receptie{color:var(--element-earth);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.uurhoek-geenweg{font-size:13px;line-height:1.55}.uurhoek-tijd{background:var(--surface-2);margin-top:5px;padding:5px 8px;font-size:12.5px}.uurhoek-getal{font-variant-numeric:tabular-nums;margin-right:8px;font-size:18px;font-weight:600}.uurhoek-eenheid+.uurhoek-eenheid:before{content:" / ";color:var(--text-muted)}.uurhoek-eenheid+.uurhoek-eenheid{margin-left:6px}.uurhoek-voorbehoud{margin-top:8px;font-size:11.5px;line-height:1.5}.uurhoek-eenheid em{color:var(--text-muted);font-size:11.5px}.uurhoek-tijd .muted{margin:4px 0 0;font-size:11.5px;line-height:1.5}.melden textarea{width:100%;font:inherit;resize:vertical}.melden-lijst{margin:14px 0 0;padding:0;list-style:none}.melden-lijst>li{border-top:1px solid var(--line);padding:7px 0;font-size:13px}.melden-kop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.melden-stand{text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.melden-stand.is-open{color:var(--text-muted)}.melden-stand.is-bezig{color:var(--element-air)}.melden-stand.is-opgelost{color:var(--element-earth)}.melden-stand.is-vervalt{color:var(--element-fire)}.melden-tekst{white-space:pre-wrap;margin:3px 0 0;line-height:1.5}.melden-bericht{border-left:3px solid var(--accent);background:var(--surface-2);margin:5px 0 0 12px;padding:5px 9px;font-size:12.5px;line-height:1.5}.onderhoudsbalk{background:var(--warn-bg);color:var(--warn-text);border-bottom:1px solid var(--warn-line);padding:7px 14px;font-size:13px;line-height:1.5}.onderhoudsbalk-note{font-style:italic}.app{grid-template-columns:300px minmax(0,1fr);grid-template-areas:"header header""left main"}.panel-main{grid-area:main}@media (width<=1100px){.app{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""left""main"}}.app-header .current-client{border-left:1px solid var(--line);padding-left:16px;font-weight:600}.tabs{gap:4px;margin-left:auto;display:flex}.tabs button{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:6px 14px}.tabs button:hover{color:var(--text)}.tabs button.is-active{border-color:var(--line-strong);background:var(--surface-2);color:var(--text)}button.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;border-radius:4px;padding:7px 14px;font-weight:600}button.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost{border:1px solid var(--line);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:5px 10px}button.ghost:hover{color:var(--text);border-color:var(--line-strong)}button.ghost.danger{color:var(--error-text);border-color:var(--error-line)}button.ghost.danger:hover{background:var(--error-bg)}.invoice-toolbar button:not(.primary):not(.ghost),.settings-panel>.card>button:not(.primary):not(.ghost){border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;padding:7px 14px}.panel-left{flex-direction:column;padding:0;display:flex}.client-list{flex-direction:column;height:100%;min-height:0;display:flex}.client-list-head{border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 16px;display:flex}input[type=search]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:4px;padding:7px 9px}.clients{flex:1;min-height:0;margin:0;padding:6px;list-style:none;overflow-y:auto}.clients button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;gap:1px;padding:8px 10px;display:flex}.clients button:hover{background:var(--surface-2)}.clients button.is-active{background:var(--accent-soft)}.client-name{font-weight:500}.client-meta{color:var(--text-muted);font-size:11px}.client-list-foot{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:12px 16px;display:flex}.sync-badge{color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:flex}.sync-badge .dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.sync-local-only .dot{background:var(--warn-text)}.sync-disabled .dot{background:var(--line-strong)}.sync-idle .dot{background:var(--ok-text)}.sync-error .dot{background:var(--aspect-hard)}.sync-syncing .dot{background:var(--pill-info-text)}.empty{color:var(--text-muted);padding:20px 16px;font-size:13px}.welcome{text-align:center;max-width:420px;margin:80px auto}.welcome h2{color:var(--accent);margin:0 0 8px}.welcome p{color:var(--text-muted);margin-bottom:20px}.client-editor{flex-direction:column;gap:16px;max-width:720px;display:flex}.card{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:16px 18px}.card h3{margin:0 0 4px;font-size:14px;font-weight:600}.card-head{justify-content:space-between;align-items:center;display:flex}.card.danger-zone{border-color:var(--error-line)}.field{margin-bottom:10px}.field label{margin-top:0}.hint{color:var(--text-muted);margin:4px 0 0;font-size:11px}.sub-legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.field-row{align-items:start}.field-row>*{min-width:0}.money-input,.vat-input{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.money-input input,.vat-input input{flex:1;min-width:80px}.money-input .suffix,.vat-input .suffix{color:var(--text-muted);font-size:12px}.vat-presets{gap:4px;display:flex}.vat-presets button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:4px;padding:4px 8px;font-size:11px}.vat-presets button.is-active{border-color:var(--accent);color:var(--accent)}.form-actions{gap:8px;margin-top:12px;display:flex}.billing-preview{background:var(--bg);border-radius:4px;margin-top:14px;padding:12px}.billing-preview address{flex-direction:column;font-size:13px;font-style:normal;display:flex}.billing-preview address span{color:var(--text-muted)}.billing-preview address strong{color:var(--text)}.consultation-form{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:6px;margin:12px 0;padding:14px}.consultation-form .field-row{grid-template-columns:repeat(3,1fr)}.consultations td,.invoice-list td{vertical-align:middle}.consultations .actions{justify-content:flex-end;gap:4px;display:flex}.status{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.status-planned{background:var(--pill-info-bg);color:var(--pill-info-text)}.status-done{background:var(--pill-good-bg);color:var(--pill-good-text)}.status-invoiced{background:var(--pill-warn-bg);color:var(--pill-warn-text)}.status-cancelled{background:var(--pill-bad-bg);color:var(--pill-bad-text)}.status-draft{background:var(--pill-neutral-bg);color:var(--pill-neutral-text)}.status-issued{background:var(--pill-warn-bg);color:var(--pill-warn-text)}.status-sent{background:var(--pill-info-bg);color:var(--pill-info-text)}.status-paid{background:var(--pill-good-bg);color:var(--pill-good-text)}.invoice-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.invoice-actions .hint{flex:100%}.invoice-list tbody tr{cursor:pointer}.invoice-list tbody tr:hover{background:var(--surface-2)}.invoice-list tbody tr.is-selected{background:var(--accent-soft)}.invoices-tab{max-width:780px}.invoice-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.success{border:1px solid var(--ok-line);background:var(--ok-bg);color:var(--ok-text);border-radius:5px;margin:8px 0;padding:8px 12px;font-size:13px}.invoice-document{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:32px}.invoice-document header{justify-content:space-between;margin-bottom:28px;display:flex}.invoice-document h2{margin:0;font-size:22px}.invoice-number{color:var(--text-muted);margin:2px 0 0;font-size:13px}.invoice-dates p{text-align:right;margin:0;font-size:13px}.invoice-dates span{min-width:90px;color:var(--text-muted);display:inline-block}.invoice-parties{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}.invoice-parties address{flex-direction:column;font-size:13px;font-style:normal;display:flex}.invoice-parties .sub-legend{color:var(--text-muted)}.invoice-lines{width:100%;margin-bottom:18px;font-size:13px}.invoice-lines th,.invoice-lines td{border-bottom:1px solid var(--line);padding:7px 6px}.invoice-lines thead th{color:var(--text-muted);border-bottom:2px solid var(--line-strong)}.invoice-totals{width:280px;margin-left:auto;font-size:13px}.invoice-totals p{justify-content:space-between;margin:3px 0;display:flex}.invoice-totals span{color:var(--text-muted)}.invoice-totals .grand{border-top:2px solid var(--line-strong);margin-top:8px;padding-top:8px;font-size:16px}.invoice-totals .grand span{color:var(--text);font-weight:600}.invoice-document footer{border-top:1px solid var(--line);color:var(--text-muted);margin-top:28px;padding-top:14px;font-size:12px}.invoice-document .vat-note{color:var(--text);font-weight:600}@media print{.app-header,.panel-left,.invoice-toolbar,.invoice-list{display:none!important}.app{height:auto;display:block}.panel{padding:0;overflow:visible}.invoice-document{background:#fff;border:0;padding:0}}.settings-overlay{z-index:10;background:var(--bg);display:flex;position:fixed;inset:0}.settings-panel{background:var(--bg);width:100%;max-width:1100px;margin:0 auto;padding:0 24px 40px;overflow-y:auto}.settings-panel header{z-index:1;border-bottom:1px solid var(--line);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 0;display:flex;position:sticky;top:0}.settings-panel header h2{margin:0;font-size:16px}.settings-panel .card{margin-top:16px}.chart-workspace{flex-direction:column;height:100%;min-height:0;display:flex}.techniques{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.techniques button{border:1px solid var(--line);background:var(--surface-2);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:4px;padding:6px 14px}.techniques button:hover{color:var(--text)}.techniques button.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.chart-body{grid-template-columns:minmax(0,1fr) minmax(380px,46%);gap:20px;height:calc(100vh - 150px);min-height:0;display:grid}.chart-main{flex-direction:column;align-items:flex-start;min-width:0;min-height:0;display:flex;overflow:hidden}.chart-main .wheel{flex:none;width:min(100%,100vh - 250px)}.chart-side{flex-direction:column;min-width:0;min-height:0;display:flex}.zij-inhoud{flex:auto;min-height:0;padding-right:4px;overflow-y:auto}.zij-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;flex:none;gap:2px;margin-bottom:8px;display:flex}.zij-tabs button{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 8px;font-size:11px}.zij-tabs button:hover{color:var(--text)}.zij-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent)}.zij-tabs .zij-tab-rechts{margin-left:auto}@media (width<=1200px){.chart-body{grid-template-columns:minmax(0,1fr);height:auto}.chart-main{align-items:center;overflow:visible}.chart-side{min-height:24em}}.app.lijst-dicht{grid-template-columns:0 minmax(0,1fr)}.app.lijst-dicht .panel-left{display:none}.client-list-boven{align-items:stretch;gap:8px;display:flex}.client-list-boven .primary{flex:auto}.paneel-sluit{border:1px solid var(--line);background:var(--surface);width:30px;color:var(--text-muted);cursor:pointer;border-radius:6px;flex:none;font-size:17px;line-height:1}.paneel-sluit:hover{background:var(--surface-2);color:var(--text)}.lijst-terug{border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer;white-space:nowrap;border-radius:6px;margin-right:10px;padding:4px 10px;font-size:13px}.lijst-terug:hover{background:var(--surface-2)}.categorie-nieuw{width:100%;padding:4px;font-size:12.5px}.categorie-nieuw-veld{width:100%}.groepen{flex:auto;min-height:0;overflow-y:auto}.client-groep.is-doel{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent);border-radius:4px}.groep-kop{border-bottom:1px solid var(--line);align-items:stretch;display:flex}.groep-knop{font:inherit;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:flex}.groep-knop:hover{background:var(--surface-2);color:var(--text)}.groep-pijl{width:9px;font-size:9px}.groep-naam{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.groep-aantal{font-variant-numeric:tabular-nums;opacity:.7}.groep-weg{width:26px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:0;flex:none;font-size:15px;line-height:1}.groep-kop:hover .groep-weg,.groep-weg:focus-visible{opacity:1}.groep-weg:hover{color:var(--element-fire)}.groep-leeg{color:var(--text-muted);padding:8px 12px 10px 26px;font-size:11.5px;font-style:italic}.clients button.is-sleept{opacity:.4}.clients button[draggable=true]{cursor:grab}@media (width<=1100px){.app.lijst-dicht{grid-template-columns:minmax(0,1fr)}}.settings-body{grid-template-columns:170px 1fr;align-items:start;gap:18px;display:grid}.settings-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:0}.settings-nav button{text-align:left;cursor:pointer;font:inherit;color:var(--text-muted);background:0 0;border:0;border-left:2px solid #0000;padding:7px 10px}.settings-nav button:hover{color:var(--text);background:var(--surface-2)}.settings-nav button.is-active{color:var(--text);border-left-color:var(--accent);background:var(--surface-2);font-weight:600}.settings-inhoud>.card:first-child{margin-top:0}@media (width<=720px){.settings-body{grid-template-columns:1fr}.settings-nav{flex-flow:wrap;position:static}.settings-nav button{border-bottom:2px solid #0000;border-left:0}.settings-nav button.is-active{border-left:0;border-bottom-color:var(--accent)}}.sleutelknop{cursor:pointer;color:var(--text-muted);background:0 0;border:0;padding:4px 6px;line-height:0}.sleutelknop:hover{color:var(--text)}.sleutelknop svg{width:16px;height:16px;display:block}.client-list-foot .bugknop{font-size:12px}.afwijzen-venster{background:var(--bg);border:1px solid var(--line-strong);width:min(520px,100%);box-shadow:var(--shadow-panel);max-height:100%;margin:auto;padding:0 22px 24px;overflow-y:auto}.afwijzen-venster header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.afwijzen-venster header h2{margin:0;font-size:15px}.afwijzen-venster textarea{width:100%;font:inherit;resize:vertical}.afwijzen-redenen{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}.afwijzen-redenen button{padding:4px 9px;font-size:12.5px}.week-kolom.is-planbaar{cursor:crosshair}.week-kolom.is-planbaar .week-afspraak{cursor:pointer}.week-sleep{border:1px dashed var(--accent);background:var(--accent-soft);color:var(--text-muted);pointer-events:none;border-radius:2px;padding:1px 4px;font-size:11px;position:absolute;left:2px;right:2px}.afronden-bedrag{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin:14px 0 4px;padding-bottom:10px;display:flex}.afronden-bedrag strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.5rem}.afronden-keuze{flex-wrap:wrap;gap:8px;margin:16px 0 4px;display:flex}.afronden-keuze button{flex:auto}.afronden-qr{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;margin:18px 0 10px;padding:12px;display:flex}.afronden-qr canvas,.afronden-qr img{width:232px;height:232px;display:block}.afronden-wacht{text-align:center}.planning{flex-direction:column;gap:16px;max-width:1100px;display:flex}.planning-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1100px){.planning-grid{grid-template-columns:minmax(0,1fr)}}.toolbar{flex-wrap:wrap;gap:8px;display:flex}.toolbar button:not(.primary):not(.ghost){border:1px solid var(--line);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:4px;padding:7px 14px}.weekly-hours{margin:12px 0 16px}.weekday{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);align-items:start;gap:10px;padding:6px 0;display:grid}.weekday:last-child{border-bottom:0}.weekday-name{color:var(--text-muted);text-transform:capitalize;padding-top:7px;font-size:12px}.ranges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.range{border:1px solid var(--line);background:var(--bg);border-radius:4px;align-items:center;gap:4px;padding:2px 4px 2px 6px;display:inline-flex}.range input[type=time]{background:0 0;border:0;width:96px;padding:4px 6px}.range>span{color:var(--text-muted)}.range button.ghost{padding:2px 6px;line-height:1}.exceptions{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.exception-list{margin:8px 0;padding:0;list-style:none}.exception-list li{background:var(--bg);border-radius:4px;align-items:center;gap:10px;margin-bottom:4px;padding:5px 8px;font-size:13px;display:flex}.exception-list li span:first-child{font-variant-numeric:tabular-nums}.exception-list li span:nth-child(2){flex:1}.exception-add{align-items:center;gap:8px;display:flex}.exception-add input{flex:0 0 170px}.services{flex-direction:column;gap:8px;margin-top:10px;display:flex}.service{border:1px solid var(--line);background:var(--bg);border-radius:6px}.service summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;font-weight:500;display:flex}.service[open] summary{border-bottom:1px solid var(--line)}.service>:not(summary){margin-left:12px;margin-right:12px}.service>:last-child{margin-bottom:12px}.bookings{margin-top:12px}.bookings td{vertical-align:middle}.bookings .actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.bookings .actions button{padding:4px 9px;font-size:12px}.status-pending{background:var(--pill-warn-bg);color:var(--pill-warn-text)}.status-confirmed{background:var(--pill-good-bg);color:var(--pill-good-text)}.status-no-show{background:var(--pill-bad-bg);color:var(--pill-bad-text)}.status-completed{background:var(--pill-info-bg);color:var(--pill-info-text)}.slot-preview{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:10px;display:grid}.slot-day h4{color:var(--text-muted);text-transform:capitalize;margin:0 0 5px;font-size:12px;font-weight:600}.slot-chips{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);font-variant-numeric:tabular-nums;color:var(--text-muted);border-radius:4px;padding:3px 7px;font-size:11px}.live-status{color:var(--text-muted);align-items:center;gap:8px;margin:8px 0 0;font-size:12px;display:flex}.live-status .dot{background:var(--ok-text);border-radius:50%;flex:none;width:7px;height:7px}.slot-picker{margin-bottom:12px}.embed-snippet{margin:10px 0 4px}.embed-row{align-items:stretch;gap:8px;display:flex}.embed-row code{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);white-space:nowrap;border-radius:4px;flex:1;padding:9px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;overflow-x:auto}.poort{background:var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.poort-kaart{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:24rem;padding:28px 26px 24px;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.poort-kaart.poort-breed{max-width:32rem}.poort-kop{margin-bottom:20px}.poort-kop h1{letter-spacing:-.01em;margin:0;font-size:1.5rem}.poort-kop p{margin:2px 0 0;font-size:.875rem}.poort-kaart h2{margin:0 0 10px;font-size:1.125rem}.poort-kaart p{margin:0 0 14px;line-height:1.5}.poort-kaart form{gap:14px;display:grid}.poort-kaart label{color:var(--text-muted);gap:5px;font-size:.875rem;font-weight:500;display:grid}.poort-kaart input{border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}.poort-kaart input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.poort-kaart button{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.9375rem}.poort-kaart button:disabled{opacity:.55;cursor:default}.poort-kaart button.link{all:unset;color:var(--accent);cursor:pointer;text-decoration:underline}.poort-kaart button.link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.poort-wissel{color:var(--text-muted);margin:16px 0 0;font-size:.875rem}.poort-hint{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.poort-fout{background:var(--error-bg);border:1px solid var(--error-line);color:var(--error-text);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:.875rem}.poort-melding{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-text);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:.875rem}.sleutelblok{background:var(--surface-2);border:1px solid var(--line);letter-spacing:.04em;word-break:break-all;white-space:pre-wrap;-webkit-user-select:all;user-select:all;border-radius:8px;margin:0 0 14px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;line-height:1.7}.sleutelblok.klein{letter-spacing:.08em;font-size:.8125rem}.qr{border:1px solid var(--line);background:#fff;border-radius:8px;margin:0 auto 14px;padding:8px;display:block}.abo-kaart{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;margin:0 0 16px;padding:18px 20px}.abo-kaart h3{margin:0 0 4px;font-size:1rem}.abo-prijs{letter-spacing:-.01em;margin:0 0 12px;font-size:1.5rem;font-weight:600}.abo-prijs .muted{font-size:.875rem;font-weight:400}.abo-lijst{color:var(--text-muted);margin:0 0 16px;padding-left:1.1rem;font-size:.9375rem;line-height:1.7}.abo-keuze{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:12px;margin-bottom:16px;display:grid}.abo-keuze .abo-kaart{margin:0}.abo-uitleg{color:var(--text-muted);margin:0 0 14px;font-size:.875rem}.app-account{color:var(--text-muted);align-items:center;gap:10px;margin-left:auto;font-size:.8125rem;display:flex}.app-account-adres{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;overflow:hidden}.app-account-proef{background:var(--pill-neutral-bg,var(--surface-2));color:var(--pill-neutral-text,var(--text-muted));white-space:nowrap;border-radius:999px;padding:2px 8px}button.app-account-proef{border:1px solid var(--line);font:inherit;cursor:pointer;font-size:.8125rem}button.app-account-proef:hover{color:var(--text);border-color:var(--line-strong)}.app-account button:not(.app-account-proef){cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.8125rem}.agenda-tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.agenda-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 14px;font-size:.9375rem}.agenda-tabs button.is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.week-kop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.week-kop h2{margin:0;font-size:1.125rem}.week-kop p{margin:2px 0 0;font-size:.875rem}.week-knoppen{gap:6px;display:flex}.week-knoppen button{cursor:pointer;border-radius:7px;padding:5px 11px}.week-knoppen button:disabled{opacity:.5;cursor:default}.week-raster{grid-template-columns:3.25rem repeat(var(--week-kolommen), minmax(0, 1fr));gap:1px;display:grid;overflow-x:auto}.week-uren{position:relative}.week-uur{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;right:8px;transform:translateY(-50%)}.week-dag{min-width:7rem}.week-dagkop{border-bottom:1px solid var(--line);align-items:baseline;gap:6px;margin-bottom:4px;padding:0 0 6px;display:flex}.week-dagnaam{color:var(--text-muted);text-transform:capitalize;font-size:.8125rem}.week-dagnummer{font-size:1rem;font-weight:600}.week-dag.is-vandaag .week-dagnummer{color:var(--accent)}.week-dag.is-vandaag .week-dagkop{border-bottom-color:var(--accent)}.week-kolom{background:var(--surface-2);border-radius:6px;position:relative;overflow:hidden}.week-werkuren{background:var(--surface);pointer-events:none;position:absolute;inset-inline:0}.week-lijn{background:var(--line);opacity:.6;pointer-events:none;height:1px;position:absolute;inset-inline:0}.week-afspraak{text-align:left;border:1px solid var(--accent);background:var(--accent-soft);color:var(--text);cursor:pointer;border-left-width:3px;border-radius:5px;padding:3px 6px;font-size:.75rem;line-height:1.3;display:block;position:absolute;inset-inline:2px;overflow:hidden}.week-afspraak>span{display:block}.week-tijd{font-variant-numeric:tabular-nums;color:var(--text-muted)}.week-naam{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.week-dienst{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.week-afspraak.soort-boeking{background:var(--surface);border-style:dashed}.week-afspraak.is-wachtend{border-color:var(--warn-line);background:var(--warn-bg)}.poort-koprij{justify-content:space-between;align-items:center;gap:12px;display:flex}.taalkiezer select{border:1px solid var(--line);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:6px;width:auto;padding:3px 6px;font-size:.8125rem}.taalkiezer.is-compact select{padding:2px 4px}.taalkiezer select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-account+.app-account.app-account-knoppen{margin-left:0}.week-urenbalk .week-dagkop{visibility:hidden}.offline-balk{z-index:50;background:var(--warn-bg);border-bottom:1px solid var(--warn-line);color:var(--warn-text);text-align:center;padding:7px 16px;font-size:.8125rem;position:sticky;top:0}.wacht-op-net{background:var(--warn-bg);color:var(--warn-text);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.75rem}.aanmeldingen{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.aanmeldingen h3{margin:0 0 6px;font-size:1rem}.aanmeldlijst{gap:8px;margin:14px 0;padding:0;list-style:none;display:grid}.aanmeldlijst li{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.aanmeldlijst li.is-deze{border-color:var(--accent);background:var(--accent-soft)}.aanmeldlijst li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.aanmeldlijst .muted{font-size:.8125rem}.aanmeld-nu{color:var(--accent);font-size:.75rem;font-weight:600}
