*,:before,:after{box-sizing:border-box}:root{--papier:#f7f6f3;--kaart:#fff;--lijn:#d6d2ca;--rand:#948e85;--inkt:#1c1b19;--grijs:#57544f;--accent:#14532d;--accent-zacht:#e7f0e9;--spoed:#9b1c1c;--spoed-zacht:#fdeaea;--bot:#1a43b8;--bot-zacht:#eaf0fe}html,body{overscroll-behavior-x:none;margin:0;padding:0;overflow-x:clip}body{background:var(--papier);color:var(--inkt);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}.schil{min-height:100vh;display:flex}.zij{border-right:1px solid var(--lijn);background:var(--kaart);flex:0 0 220px;width:220px;padding:20px 16px}.merk{letter-spacing:-.01em;margin-bottom:2px;font-weight:650}.merk-sub{color:var(--grijs);margin-bottom:22px;font-size:13px}.menu{flex-direction:column;gap:2px;display:flex}.menu a{color:var(--inkt);border-radius:7px;padding:7px 10px;font-size:14px;text-decoration:none}.menu a:hover{background:var(--papier)}.menu a.actief{background:var(--accent-zacht);color:var(--accent);font-weight:600}.hoofd{flex:1;max-width:1100px;padding:28px 32px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}h2{margin:26px 0 10px;font-size:15px}.uitleg{color:var(--grijs);max-width:62ch;margin:0 0 22px}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;padding:16px}table{border-collapse:collapse;background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;width:100%;overflow:hidden}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--grijs);border-bottom:1px solid var(--lijn);padding:9px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--lijn);vertical-align:top;padding:11px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:#fbfaf8}.merkje{border:1px solid var(--lijn);color:var(--grijs);background:var(--papier);white-space:nowrap;border-radius:20px;padding:2px 7px;font-size:11px;display:inline-block}.merkje.spoed{background:var(--spoed-zacht);color:var(--spoed);border-color:#f3c9c9}.merkje.bot{background:var(--bot-zacht);color:var(--bot);border-color:#cfdcfb}.merkje.groen{background:var(--accent-zacht);color:var(--accent);border-color:#c8dccf}.merkje.label{background:var(--kaart);border-color:var(--rand);color:var(--inkt)}.merkje.kenteken{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--inkt);border-color:var(--rand);background:var(--kaart);font-weight:600}.labelrij{flex-wrap:wrap;gap:5px;margin:4px 0 2px;display:flex}.labelbalk{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.labelbalk .merkje{border-color:var(--rand);min-height:40px;color:var(--inkt);border-radius:20px;align-items:center;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.labelbalk .merkje.actief{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.tijdlijn{flex-direction:column;gap:12px;display:flex}.bubbel{border:1px solid var(--lijn);background:var(--kaart);border-radius:12px;max-width:76%;padding:10px 13px}.bubbel.in{border-bottom-left-radius:3px;align-self:flex-start}.bubbel.uit{background:var(--accent-zacht);border-color:#c8dccf;border-bottom-right-radius:3px;align-self:flex-end}.bubbel .meta{color:var(--grijs);margin-bottom:4px;font-size:11px}form.stapel{flex-direction:column;gap:12px;max-width:560px;display:flex}label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}input,textarea,select{width:100%;font:inherit;border:1px solid var(--lijn);background:var(--kaart);color:var(--inkt);border-radius:7px;padding:8px 10px;font-size:14px}textarea{resize:vertical;min-height:90px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;align-self:flex-start;padding:9px 16px;font-size:14px;font-weight:600}button:hover{background:#0f3f22}button.stil{background:var(--kaart);color:var(--inkt);border:1px solid var(--lijn)}.fout{background:var(--spoed-zacht);color:var(--spoed);border:1px solid #f3c9c9;border-radius:8px;padding:10px 12px;font-size:14px}.melding{background:var(--accent-zacht);color:var(--accent);border:1px solid #c8dccf;border-radius:8px;padding:10px 12px;font-size:14px}.rij{flex-wrap:wrap;gap:12px;display:flex}.rij>*{flex:200px}.klein{color:var(--grijs);font-size:13px}code{background:var(--papier);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}pre{background:var(--kaart);border:1px solid var(--lijn);border-radius:8px;padding:13px;font-size:12.5px;line-height:1.5;overflow-x:auto}.midden{max-width:380px;margin:14vh auto}.lijst{flex-direction:column;gap:10px;display:flex}.regel{background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;align-items:flex-start;gap:14px;padding:14px;display:flex}.regel-spoed{background:var(--spoed-zacht);border-color:#f3c9c9}.regel-tijd{font-variant-numeric:tabular-nums;min-width:52px;padding-top:1px;font-size:17px;font-weight:700}.regel-kern{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.regel-titel{font-size:15px;font-weight:650;line-height:1.35;text-decoration:none}.regel-titel:hover{text-decoration:underline}.regel-kern>.klein{margin:0}.kaartlijst{flex-direction:column;display:flex}.kaartlijst>*{border-bottom:1px solid var(--lijn);padding:10px 0;display:block}.kaartlijst>:first-child{padding-top:0}.kaartlijst>:last-child{border-bottom:none;padding-bottom:0}.kaartlijst a{font-weight:600;text-decoration:none}.kaartlijst a:hover{text-decoration:underline}.kaartlijst .bij{color:var(--grijs);font-weight:400;display:block}.kaartlijst .datum{font-variant-numeric:tabular-nums;font-weight:600}.kaartlijst .naam{color:var(--inkt);font-weight:600}.kaart-noot{border-top:1px solid var(--lijn);color:var(--grijs);margin:12px 0 0;padding-top:12px}.knoppenrij{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.knop{border:1px solid var(--rand);background:var(--kaart);min-height:44px;color:var(--inkt);border-radius:9px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.knop:active{background:var(--accent-zacht)}.knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.onderbalk{display:none}@media (max-width:760px){body{font-size:16px;line-height:1.55}.schil{flex-direction:column}.zij{display:none}.hoofd{padding:18px 16px calc(96px + env(safe-area-inset-bottom));max-width:100%}h1{margin-bottom:2px;font-size:24px;line-height:1.2}h2{letter-spacing:-.01em;margin:28px 0 10px;font-size:17px;font-weight:700}h2:first-of-type{margin-top:22px}.klein{font-size:14px;line-height:1.45}.uitleg{margin-bottom:18px}.kaart{border-radius:12px;padding:15px}.regel{gap:12px;padding:14px}.regel-kern{gap:4px}.regel-titel{font-size:16px}.kaartlijst>*{min-height:52px;padding:13px 0}.knoppenrij .knop{flex:130px;min-height:48px}.uitleg{margin-bottom:16px;font-size:14px;line-height:1.45}.tabel-inbox tr{grid-template-columns:auto 1fr auto;grid-template-areas:"nr onderwerp onderwerp""wie wie kanaal""stand stand tijd";align-items:baseline;gap:2px 10px;padding:14px;display:grid}.tabel-inbox td{padding:0}.tabel-inbox .cel-nr{font-variant-numeric:tabular-nums;grid-area:nr}.tabel-inbox .cel-nr:before{content:"#";opacity:.6}.tabel-inbox .cel-onderwerp{grid-area:onderwerp}.tabel-inbox .cel-onderwerp a{font-size:16px;line-height:1.3;text-decoration:none}.tabel-inbox .cel-wie{grid-area:wie;margin-top:6px}.tabel-inbox .cel-wie>.klein{margin-left:8px;display:inline}.tabel-inbox .cel-kanaal{text-align:right;grid-area:kanaal;margin-top:6px}.tabel-inbox .cel-stand{flex-wrap:wrap;grid-area:stand;align-items:center;gap:6px;margin-top:10px;display:flex}.tabel-inbox .cel-stand>.klein{white-space:nowrap;margin:0}.tabel-inbox .cel-tijd{text-align:right;white-space:nowrap;grid-area:tijd;margin-top:10px}.tabel-facturen tr{grid-template-columns:auto 1fr auto;grid-template-areas:"nr klant bedrag""nr vervalt vervalt""bewaking bewaking bewaking";gap:2px 10px;padding:14px;display:grid}.tabel-facturen td{padding:0}.tabel-facturen .cel-nr{font-variant-numeric:tabular-nums;grid-area:nr}.tabel-facturen .cel-nr:before{content:"#";opacity:.6}.tabel-facturen .cel-klant{grid-area:klant}.tabel-facturen .cel-klant a{font-size:16px;font-weight:600;text-decoration:none}.tabel-facturen .cel-bedrag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:bedrag;font-weight:700}.tabel-facturen .cel-vervalt{grid-area:vervalt}.tabel-facturen .cel-vervalt:before{content:"Vervalt ";color:var(--grijs);font-size:14px}.tabel-facturen .cel-bewaking{border-top:1px solid var(--lijn);grid-area:bewaking;margin-top:8px;padding-top:8px}table,thead,tbody,tr,td{width:100%;display:block}thead{display:none}table{background:0 0;border:none}tr{background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;margin-bottom:8px;padding:10px 12px}td{border:none;padding:3px 0;width:auto!important}tr:hover td{background:0 0}.rij{flex-direction:column}.rij>*{flex:auto}input,select,textarea{min-height:48px;font-size:16px}button{width:100%;min-height:48px}button.stil{width:auto}form.stapel{max-width:100%}.bubbel{max-width:92%}.onderbalk{z-index:10;background:var(--kaart);border-top:1px solid var(--lijn);padding:6px 4px calc(6px + env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.onderbalk>a{text-align:center;color:var(--grijs);border-radius:8px;flex:1;padding:6px 2px;font-size:11px;line-height:1.25;text-decoration:none}.onderbalk>a.actief{color:var(--accent);background:var(--accent-zacht);font-weight:700}.onderbalk>a .teken,.onderbalk>.meer-knop .teken{font-size:17px;display:block}}@media (min-width:761px){.midden{max-width:380px}}ol.beginnen{counter-reset:stap;flex-direction:column;gap:14px;margin:16px 0;padding:0;list-style:none;display:flex}ol.beginnen li{counter-increment:stap;grid-template-columns:28px 1fr;align-items:start;gap:4px 12px;display:grid}ol.beginnen li:before{content:counter(stap);background:var(--accent);color:#fff;border-radius:50%;grid-row:1/span 3;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:650;display:flex}ol.beginnen li strong{font-size:16px}ol.beginnen li .klein{color:var(--grijs)}ol.beginnen li .knop{justify-self:start;margin-top:4px}@media (prefers-color-scheme:dark){:root:not([data-thema=licht]){--papier:#121210;--kaart:#232320;--lijn:#35342f;--rand:#6f6c64;--inkt:#f4f2ed;--grijs:#c2beb5;--accent:#7dc79a;--accent-zacht:#1b3326;--spoed:#ffa5a5;--spoed-zacht:#3a1a1a;--bot:#9db9ff;--bot-zacht:#17223f}}:root[data-thema=donker]{--papier:#121210;--kaart:#232320;--lijn:#35342f;--rand:#6f6c64;--inkt:#f4f2ed;--grijs:#c2beb5;--accent:#7dc79a;--accent-zacht:#1b3326;--spoed:#ffa5a5;--spoed-zacht:#3a1a1a;--bot:#9db9ff;--bot-zacht:#17223f}@media (prefers-color-scheme:dark){:root:not([data-thema=licht]) button:not(.m button):not(.meer-knop){color:#fff;background:#2f7a4b}:root:not([data-thema=licht]) button:not(.m button):not(.meer-knop):hover{background:#3a8f59}:root:not([data-thema=licht]) button.stil:not(.m button){background:var(--kaart);color:var(--inkt);border:1px solid var(--rand)}}:root[data-thema=donker] button:not(.m button):not(.meer-knop){color:#fff;background:#2f7a4b}:root[data-thema=donker] button:not(.m button):not(.meer-knop):hover{background:#3a8f59}:root[data-thema=donker] button.stil:not(.m button){background:var(--kaart);color:var(--inkt);border:1px solid var(--rand)}.knop-als-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.meer-knop{display:none}.blad{overscroll-behavior:contain;background:var(--kaart);width:100%;max-height:min(72dvh,640px);color:var(--inkt);border:none;border-top:1px solid var(--lijn);padding:0;padding-bottom:env(safe-area-inset-bottom);opacity:0;transition:translate .22s cubic-bezier(.22, 1, .36, 1), opacity .16s ease, overlay .22s allow-discrete, display .22s allow-discrete;border-radius:18px 18px 0 0;margin:0;inset:auto 0 0;overflow-y:auto;translate:0 100%;box-shadow:0 -12px 40px #0000002e;box-shadow:0 -12px 40px lab(0% 0 0/.18)}.blad:popover-open{opacity:1;translate:0}@starting-style{.blad:popover-open{opacity:0;translate:0 100%}}.blad::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s ease, overlay .2s allow-discrete, display .2s allow-discrete;opacity:1;background:#00000052;background:lab(0% 0 0/.32)}@starting-style{.blad:popover-open::backdrop{opacity:0}}.blad::backdrop{opacity:0}.blad:popover-open::backdrop{opacity:1}.blad-greep{background:var(--rand);border-radius:999px;width:44px;height:5px;margin:12px auto 6px}.blad{touch-action:pan-y}.blad-lijst{gap:2px;padding:6px 8px 12px;display:grid}.blad-lijst a{min-height:56px;color:var(--inkt);text-wrap:pretty;border-radius:12px;grid-template-columns:26px 1fr;align-items:center;gap:14px;padding:8px 14px;font-size:17px;font-weight:550;line-height:1.3;text-decoration:none;display:grid}.blad-lijst a .icoon{color:var(--grijs)}.blad-lijst a.actief .icoon{color:inherit}.blad-lijst a.actief{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--accent);font-weight:700}.blad-lijst a.actief .teken{color:var(--accent)}.blad-lijst a:active{background:color-mix(in oklab, var(--inkt) 8%, transparent)}.blad-lijst a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.blad,.blad::backdrop{transition-duration:1ms}}@media (max-width:760px){.meer-knop{width:auto;min-height:0;font:inherit;color:var(--grijs);text-align:center;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 2px;font-size:11px;line-height:1.25;display:block}.meer-knop .teken{font-size:17px;display:block}.meer-knop:active{background:color-mix(in oklab, var(--inkt) 6%, transparent)}body:has(.blad:popover-open) .meer-knop{color:var(--accent);background:var(--accent-zacht);font-weight:700}}@media (min-width:761px){.blad,.blad::backdrop{display:none!important}}.knop-verstuur{justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.knop-verstuur[data-stand=bezig]{opacity:.85;cursor:progress}.knop-verstuur[data-stand=klaar]{background:var(--accent)}.knop-verstuur:disabled{cursor:not-allowed}.knop-draai{border:2px solid color-mix(in oklab, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite knop-draai}@keyframes knop-draai{to{transform:rotate(360deg)}}.knop-vink{flex:none;font-size:16px;line-height:1}@media (prefers-reduced-motion:reduce){.knop-draai{border-radius:50%;animation:1.4s ease-in-out infinite knop-klop}@keyframes knop-klop{0%,to{opacity:1}50%{opacity:.35}}}.alleen-voorlezer{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.regels{white-space:pre-line;display:block}.weekbalk{margin-bottom:16px}.weekbalk-week{margin-bottom:8px;font-size:16px;display:block}.weekbalk-knoppen{flex-wrap:wrap;gap:8px;display:flex}.weekbalk-knoppen .merkje{border-color:var(--rand);min-height:40px;color:var(--inkt);border-radius:20px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.dag{margin-bottom:18px}.dag-kop{margin:0 0 8px}.dag-leeg{border-bottom:1px solid var(--lijn);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;padding-bottom:6px;display:flex}.dag-leeg .dag-kop{color:var(--grijs);margin:0;font-weight:400}.dag-niets{color:var(--grijs)}.kerngetallen{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.kerngetal{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:700}.icoon{flex:none;display:block}.onderbalk .icoon{width:22px;height:22px;margin:0 auto 2px}.blad-lijst .icoon{width:21px;height:21px}.zij .icoon{width:18px;height:18px}.gesprek{margin-top:26px}.gesprek>summary{background:var(--kaart);border:1px solid var(--lijn);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 14px;list-style:none;display:flex}.gesprek>summary::-webkit-details-marker{display:none}.gesprek-titel{font-size:17px;font-weight:700}.gesprek>summary:after{content:"";border-right:2px solid var(--grijs);border-bottom:2px solid var(--grijs);flex:none;width:9px;height:9px;margin-left:auto;transition:rotate .18s;translate:0 -2px;rotate:45deg}.gesprek[open]>summary:after{translate:0 2px;rotate:-135deg}@media (prefers-reduced-motion:reduce){.gesprek>summary:after{transition:none}}.gesprek>summary .klein{margin-left:0}.gesprek[open]>summary{border-bottom-right-radius:0;border-bottom-left-radius:0}.gesprek .tijdlijn{border:1px solid var(--lijn);border-top:none;border-radius:0 0 10px 10px;padding:14px}.gesprek-staart{opacity:.92;margin-top:12px}.linkvak{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.linkvak-veld{border:1px solid var(--lijn);background:var(--papier);min-width:0;color:var(--inkt);border-radius:7px;flex:200px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.linkvak button{flex:none;align-self:stretch}.tabel-bedragen{background:0 0;border:none}.tabel-bedragen td{border-bottom:1px solid var(--lijn);padding:10px 0}.tabel-bedragen tr:last-child td{border-bottom:none}.tabel-bedragen td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:760px){.tabel-bedragen tr{border:none;border-bottom:1px solid var(--lijn);background:0 0;border-radius:0;align-items:baseline;gap:14px;margin:0;padding:10px 0;display:flex}.tabel-bedragen tr:last-child{border-bottom:none}.tabel-bedragen td{border-bottom:none;padding:0;display:block}.tabel-bedragen td:first-child{flex:1;min-width:0}.tabel-bedragen td:last-child{flex:none;width:auto!important}}.stand{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:4px 0 22px;display:grid}.stand-tegel{border:1px solid var(--lijn);background:var(--kaart);min-height:84px;color:var(--inkt);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.stand-tegel:active{background:var(--papier)}.stand-tegel:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stand-aantal{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.05}.stand-label{color:var(--grijs);text-wrap:pretty;font-size:14px;line-height:1.3}.stand-tegel.toon-werk{border-color:#c8dccf}.stand-tegel.toon-werk .stand-aantal{color:var(--accent)}.stand-tegel.toon-spoed{background:var(--spoed-zacht);border-color:#f3c9c9}.stand-tegel.toon-spoed .stand-aantal,.stand-tegel.toon-spoed .stand-label{color:var(--spoed)}:target{scroll-margin-top:16px}@media (max-width:760px){:target{scroll-margin-top:12px}.stand{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.stand-aantal{font-size:27px}.tabel-offertes tr{grid-template-columns:auto 1fr auto;grid-template-areas:"nr klant klant""nr stand bedrag""datum datum datum";gap:2px 10px;padding:14px;display:grid}.tabel-offertes td{padding:0}.tabel-offertes .cel-nr{font-variant-numeric:tabular-nums;grid-area:nr}.tabel-offertes .cel-nr:before{content:"#";opacity:.6}.tabel-offertes .cel-klant{grid-area:klant}.tabel-offertes .cel-klant a{font-size:16px;font-weight:600;text-decoration:none}.tabel-offertes .cel-stand{grid-area:stand;margin-top:6px}.tabel-offertes .cel-bedrag{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:bedrag;margin-top:6px;font-weight:700}.tabel-offertes .cel-datum{border-top:1px solid var(--lijn);grid-area:datum;margin-top:8px;padding-top:8px}.tabel-offertes .cel-datum:before{content:"Gemaakt "}}.stand-bij{color:var(--grijs);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px}.keten{background:var(--kaart);border:1px solid var(--lijn);border-radius:12px;margin:18px 0 22px;padding:14px 16px}.keten-kop{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.keten-titel{margin:0;font-size:15px}.keten-lijst{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.keten-stap>a,.keten-stap>span{border-bottom:1px solid var(--lijn);color:inherit;grid-template-columns:20px 1fr;align-items:baseline;gap:2px 10px;padding:9px 0;text-decoration:none;display:grid}.keten-stap:last-child>a,.keten-stap:last-child>span{border-bottom:none}.keten-stap>a:hover .keten-naam{text-decoration:underline}.keten-teken{text-align:center;font-size:14px;line-height:1.4}.keten-naam{font-weight:600}.keten-bij{color:var(--grijs);grid-column:2;font-size:13px}.keten-stap.stand-af .keten-teken{color:var(--accent)}.keten-stap.stand-nu>a,.keten-stap.stand-nu>span{background:var(--accent-zacht);border-bottom:none;border-radius:8px;margin:2px 0;padding:9px 10px}.keten-stap.stand-nu .keten-teken,.keten-stap.stand-nu .keten-naam{color:var(--accent)}.keten-stap.stand-nu .keten-naam{font-weight:700}.keten-stap.stand-wacht .keten-naam{color:var(--grijs);font-weight:500}@media (max-width:760px){.keten{padding:14px}.keten-stap>a,.keten-stap>span{padding:11px 0}.keten-stap.stand-nu>a,.keten-stap.stand-nu>span{padding:11px 10px}}.vraagbalk{background:var(--kaart);border:1px solid var(--lijn);border-radius:12px;margin-bottom:22px;padding:14px}.vraagbalk-label{margin-bottom:8px;font-size:15px;font-weight:700}.vraagbalk-rij{align-items:stretch;gap:10px;display:flex}.vraagbalk-rij input{flex:1;min-width:0}.vraagbalk-rij button{flex:none;align-self:stretch}.vraagbalk-hulp{margin:8px 0 0}.vraagbalk-hulp code{font-size:12.5px}.vraagbalk-antwoord{background:var(--papier);border-left:3px solid var(--accent);font-variant-numeric:tabular-nums;border-radius:9px;margin-top:12px;padding:12px}.vraagbalk-antwoord.niet-begrepen{border-left-color:var(--rand);color:var(--grijs)}.vraagbalk-bevestiging{gap:8px;margin-top:12px;display:flex}.vraagbalk-bevestiging .knop{flex:1;min-height:44px}@media (max-width:760px){.vraagbalk-bevestiging{flex-direction:column}.vraagbalk-bevestiging .knop{width:100%}.vraagbalk-rij{flex-direction:column}.vraagbalk-rij button{width:100%}}.tabel-invoer td{padding:5px 6px}.tabel-invoer input{font-size:14px}@media (max-width:760px){.tabel-invoer tr{padding:12px}.tabel-invoer td{padding:4px 0}.tabel-invoer td:before{content:attr(data-label);color:var(--grijs);margin-bottom:2px;font-size:12px;display:block}}.tabel-beheer .velden{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.veldje,.veldje-rij{align-items:center;gap:6px;display:inline-flex}@media (max-width:760px){.tabel-beheer tr{padding:14px}.tabel-beheer td{padding:6px 0}.tabel-beheer .cel-naam{border-bottom:1px solid var(--lijn);margin-bottom:3px;padding:0 0 9px;font-size:16px;font-weight:600}.tabel-beheer td[data-label]:before,.veldje[data-label]:before{content:attr(data-label);color:var(--grijs);margin-bottom:3px;font-size:12px;display:block}.tabel-beheer td:empty{display:none}.tabel-beheer .velden{flex-direction:column;align-items:stretch;gap:12px}.veldje{display:block}.veldje>select,.veldje>input,.tabel-beheer .velden>select{width:100%!important}.veldje-rij{display:flex}.veldje-rij input{flex:1;min-width:0;width:auto!important}}.zoekbalk{margin:0 0 18px}.zoekbalk-rij{align-items:stretch;gap:10px;margin-top:6px;display:flex}.zoekbalk-rij input{flex:1;min-width:0}.zoekbalk-rij button,.zoekbalk-rij .knop{flex:none}.regel-vast{background:var(--accent-zacht);border-color:#c8dccf}.vinkje{align-items:flex-start;gap:10px;font-size:14px;font-weight:400;display:flex}.vinkje input{flex:none;width:auto;min-height:0;margin:3px 0 0}@media (max-width:760px){.tabel-klanten tr{grid-template-columns:1fr auto;grid-template-areas:"naam naam""bereik klussen""laatst laatst";gap:2px 10px;padding:14px;display:grid}.tabel-klanten td{padding:0}.tabel-klanten .cel-naam{grid-area:naam}.tabel-klanten .cel-naam a{font-size:16px;font-weight:600;text-decoration:none}.tabel-klanten .cel-bereik{grid-area:bereik;margin-top:6px}.tabel-klanten .cel-klussen{text-align:right;grid-area:klussen;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;display:flex}.tabel-klanten .cel-laatst{border-top:1px solid var(--lijn);grid-area:laatst;margin-top:8px;padding-top:8px}.tabel-klanten .cel-laatst:before{content:"Laatst "}.zoekbalk-rij{flex-wrap:wrap}.zoekbalk-rij input{flex:100%}}.weergavekeuze{gap:8px;margin-bottom:14px;display:flex}.weergavekeuze .merkje{border-color:var(--rand);min-height:40px;color:var(--inkt);border-radius:20px;align-items:center;padding:0 16px;font-size:14px;text-decoration:none;display:inline-flex}.weergavekeuze .merkje.actief{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.maand{margin-bottom:18px}.maand-koppen,.maand-rooster{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.maand-koppen{color:var(--grijs);text-align:center;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:12px}.maand-dag{aspect-ratio:1;border:1px solid var(--lijn);background:var(--kaart);min-height:44px;color:var(--inkt);border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.maand-dag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.maand-nummer{font-variant-numeric:tabular-nums;font-size:14px}.maand-dag.buiten{color:var(--grijs);background:0 0;border-color:#0000}.maand-dag.vandaag{border-color:var(--inkt);border-width:2px;font-weight:700}.maand-dag.bezet{background:var(--accent-zacht);border-color:#c8dccf}.maand-aantal{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;line-height:1}.maand-dag.spoed{background:var(--spoed-zacht);border-color:#f3c9c9}.maand-dag.spoed .maand-aantal{color:var(--spoed)}@media (max-width:760px){.maand-koppen,.maand-rooster{gap:3px}.maand-dag{border-radius:8px;min-height:40px}.maand-nummer{font-size:13px}}.regel{position:relative}.regel-titel:after{content:"";border-radius:inherit;position:absolute;inset:0}.regel .knoppenrij,.regel form,.regel button,.regel .merkje,.regel a:not(.regel-titel){z-index:1;position:relative}.regel:has(.regel-titel:hover){border-color:var(--rand)}.regel:has(.regel-titel:active){background:var(--papier)}.regel-spoed:has(.regel-titel:active){background:var(--spoed-zacht)}.ploeggesprek{flex-direction:column;gap:2px;margin-bottom:18px;display:flex}.ploegdag{color:var(--grijs);text-transform:lowercase;letter-spacing:.02em;border-bottom:1px solid var(--lijn);margin:18px 0 8px;padding-bottom:5px;font-size:12px}.ploeggesprek>div:first-child .ploegdag{margin-top:0}.ploegregel{border:1px solid var(--lijn);background:var(--kaart);border-left:3px solid var(--lijn);border-radius:10px;padding:10px 12px}.ploegregel.van-mij{border-left-color:var(--accent)}.ploegkop{align-items:baseline;gap:8px;display:flex}.ploegkop .klein{color:var(--grijs);font-variant-numeric:tabular-nums}.ploegtekst{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0}.ploegweg{margin-top:6px}.ploegweg button{width:auto;min-height:32px;padding:0 10px}.ploegvak textarea{resize:vertical;min-height:84px}@media (max-width:760px){.ploeggesprek{gap:6px}.ploegregel{padding:12px 13px}.ploegtekst{font-size:15px;line-height:1.45}.ploegweg button{width:auto}}.liggen-regel{justify-content:space-between;align-items:baseline;gap:14px;display:flex;font-weight:400!important}.liggen-regel .wat{flex-direction:column;gap:2px;min-width:0;display:flex}.liggen-regel .wie{font-weight:650}.liggen-regel .klein{color:var(--grijs)}.liggen-regel .hoeveel{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.liggen-regel .hoeveel strong{font-size:16px}@media (max-width:760px){.liggen-regel{gap:10px}.liggen-regel .hoeveel strong{font-size:15px}}.lezing{border-top:1px solid var(--lijn);margin-top:12px;padding-top:12px}.lezing-kop{margin:0 0 8px;font-size:14px}.lezing-lijst{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lezing-lijst li{background:var(--accent-zacht);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:10px;padding:6px 10px;display:flex}.lezing-lijst .wie{font-size:14px;font-weight:650}.lezing-lijst .klein{color:var(--grijs)}.lezing-lijst.mis{margin-top:8px}.lezing-lijst.mis li{background:var(--spoed-zacht)}.lezing-lijst.mis .wie{color:var(--spoed)}.menu-groep+.menu-groep{margin-top:18px}.menu-kop{letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);padding:0 10px 6px;font-size:11px;font-weight:650}.blad-groep+.blad-groep{margin-top:14px}.blad-kop{letter-spacing:.08em;text-transform:uppercase;color:var(--grijs);padding:0 14px 4px;font-size:11px;font-weight:650}