:root{--papier: #ffffff;--achtergrond: #f6f4f0;--inkt: #16150f;--zacht: #6f6a5f;--lijn: #e3ded3;--lijn-sterk: #cfc7b6;--zand: #b0a088;--zand-diep: #8a7c66;--zand-licht: #f0ebe1;--waarschuwing: #7d5a12;--waarschuwing-vlak: #fbf3e2;--fout: #8f2f2c;--fout-vlak: #fbecea;--schaduw: 0 1px 2px rgba(22,21,15,.04), 0 8px 24px -12px rgba(22,21,15,.18)}*{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;padding: 0 22px 72px;background: var(--achtergrond);color: var(--inkt);font: 15px/1.6 "Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif}.breed{max-width: 900px;margin: 0 auto}header{padding: 40px 0 22px;text-align: center}header img{width: 210px;height: auto;display: block;margin: 0 auto 22px}header h1{font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;font-size: 27px;font-weight: 400;margin: 0;letter-spacing: .02em}header p{margin: 8px 0 0;color: var(--zacht);font-size: 14px}.kopstreep{width: 64px;height: 2px;background: var(--zand);margin: 18px auto 0;border-radius: 2px}#instellingen-knop{position: absolute;top: 22px;right: 22px}button, .knop{font: inherit;font-size: 13px;letter-spacing: .04em;padding: 9px 18px;border-radius: 4px;cursor: pointer;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);text-decoration: none;display: inline-block;transition: all .14s ease;white-space: nowrap}@media (hover: hover){button:hover, .knop:hover{border-color: var(--zand);background: var(--zand-licht)}}button[hidden], .knop[hidden]{display: none !important}button.primair, .knop.primair{background: var(--inkt);border-color: var(--inkt);color: #fdfcfa;font-weight: 500}@media (hover: hover){button.primair:hover, .knop.primair:hover{background: #2b2820;border-color: #2b2820}}.knop.zand{background: var(--zand);border-color: var(--zand);color: #14130e;font-weight: 500}@media (hover: hover){.knop.zand:hover{background: var(--zand-diep);border-color: var(--zand-diep);color: #fff}}#dropzone{border: 1px dashed var(--lijn-sterk);border-radius: 10px;background: var(--papier);padding: 52px 22px;text-align: center;cursor: pointer;transition: all .15s ease;box-shadow: var(--schaduw)}#dropzone.actief{border-color: var(--zand);background: #fffdf9}@media (hover: hover){#dropzone:hover{border-color: var(--zand);background: #fffdf9}}#dropzone.actief{border-style: solid}#dropzone strong{display: block;font-family: Georgia, serif;font-size: 19px;font-weight: 400;margin-bottom: 6px}#dropzone span{color: var(--zacht);font-size: 13.5px}#bestandskiezer{display: none}.kaart{background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;padding: 22px 24px;margin-top: 18px;box-shadow: var(--schaduw);position: relative}.kaart::before{content: "";position: absolute;left: 0;top: 18px;bottom: 18px;width: 3px;background: var(--zand);border-radius: 0 3px 3px 0}.kaart.gefactureerd::before{background: var(--lijn-sterk)}.kaart.gefactureerd{background: #fbfaf7}.kaart.meegenomen::before{background: var(--zand-diep);width: 5px}.bestandsnaam{font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);margin-bottom: 14px;word-break: break-all;font-weight: 600}.melding{border-radius: 6px;padding: 10px 13px;font-size: 13.5px;margin-bottom: 14px}.melding.waarschuwing{background: var(--waarschuwing-vlak);color: var(--waarschuwing)}.melding.fout{background: var(--fout-vlak);color: var(--fout)}.raster{display: grid;grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));gap: 14px}.veld{display: flex;flex-direction: column;gap: 5px}.veld .label{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.veld.breed{grid-column: 1 / -1}.kaart > .veld.breed{margin-top: 14px}.veld textarea{font: inherit;font-size: 13.5px;padding: 8px 10px;border: 1px solid var(--lijn);border-radius: 5px;background: #fdfcfa;color: var(--inkt);width: 100%;resize: vertical;line-height: 1.45}.veld textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.veld input, .veld select{font: inherit;font-size: 14px;padding: 8px 10px;border: 1px solid var(--lijn);border-radius: 5px;background: #fdfcfa;color: var(--inkt);width: 100%}.veld input:focus, .veld select:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.extra{margin-top: 14px;font-size: 13px;color: var(--zacht)}.specificatie{margin-top: 12px;font-size: 13px}.specificatie summary{cursor: pointer;color: var(--zand-diep)}.specificatie table{width: 100%;border-collapse: collapse;margin-top: 10px}.specificatie td{padding: 5px 7px;border-bottom: 1px solid var(--lijn);color: var(--zacht)}.specificatie td.getal{text-align: right;white-space: nowrap}.knoppen{margin-top: 18px;display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.samen-keuze{display: inline-flex;align-items: center;gap: 7px;font-size: 13px;color: var(--zacht);cursor: pointer}.samen-keuze input{accent-color: var(--zand-diep);width: 15px;height: 15px}.status{font-size: 13px;color: var(--zacht)}.status a{color: var(--zand-diep)}.voorbeeld{margin-top: 18px}.voorbeeld iframe{width: 100%;height: 620px;border: 1px solid var(--lijn);border-radius: 6px;background: #fff}.voorbeeld-kop{display: flex;align-items: center;gap: 12px;margin-bottom: 10px;flex-wrap: wrap}.keuze{display: inline-flex;border: 1px solid var(--lijn-sterk);border-radius: 5px;overflow: hidden}.keuzeknop{border: 0;border-radius: 0;background: transparent;padding: 7px 14px;font-size: 12.5px;color: var(--zacht);letter-spacing: .02em}.keuzeknop + .keuzeknop{border-left: 1px solid var(--lijn)}.keuzeknop.actief{background: var(--zand-licht);color: var(--inkt);font-weight: 600}@media (hover: hover){.keuzeknop:hover{background: var(--zand-licht)}}.voorbeeld-melding{font-size: 12.5px;color: var(--zand-diep)}.voorbeeld .balk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-top: 12px;padding-top: 12px;border-top: 1px solid var(--lijn)}.hint{font-size: 13px;color: var(--zacht)}#samenvoegen{margin-top: 18px;background: var(--inkt);color: #f4f1ea;border-radius: 10px;padding: 20px 24px;box-shadow: var(--schaduw)}#samenvoegen h2{font-family: Georgia, serif;font-weight: 400;font-size: 17px;margin: 0 0 4px}#samen-samenvatting{font-size: 13.5px;color: #cfc7b6}#samen-regels{list-style: none;margin: 12px 0 16px;padding: 0;font-size: 13px;color: #e8e3d8}#samen-regels li{display: flex;justify-content: space-between;gap: 16px;padding: 5px 0;border-bottom: 1px solid #2e2a21}#samen-regels li:last-child{border-bottom: 0}#samen-regels .bedrag{color: var(--zand);white-space: nowrap}#samenvoegen .veld .label{color: #b6ad9b}#samenvoegen .veld input, #samenvoegen .veld select{background: #221f18;border-color: #3a352a;color: #f4f1ea}#samenvoegen .status{color: #cfc7b6}#samenvoegen .status a{color: var(--zand)}#samen-melding{background: #2e2718;color: #e2cf9f}#samen-voorbeeld .balk{border-top-color: #3a352a}#samen-voorbeeld .keuze{border-color: #3a352a}#samen-voorbeeld .keuzeknop{color: #b6ad9b}#samen-voorbeeld .keuzeknop + .keuzeknop{border-left-color: #3a352a}#samen-voorbeeld .keuzeknop.actief{background: #2b2619;color: #f4f1ea}@media (hover: hover){#samen-voorbeeld .keuzeknop:hover{background: #2b2619}}#samen-voorbeeld .hint{color: #cfc7b6}.voorbeeld-melding.let-op{color: #8a6a1e;font-weight: 600}#samen-voorbeeld .voorbeeld-melding.let-op{color: #f0d79a}.voorbeeld.concept iframe{border-color: var(--zand-diep);border-width: 2px}.knop.uit, button.uit{opacity: .4;pointer-events: none}.verkley-bedrag{margin-top: 12px}.verkley-bedrag .veld{max-width: 320px;margin: 0}.verkley-bedrag input.nogleeg{border-color: var(--zand-diep);background: #fffaf0}.verkley-bedrag .hint{margin-top: 6px}.verkley-overnemen{margin-top: 8px;font-size: 12.5px;padding: 5px 10px}.verkley-blok .weekhint{display: block;margin-top: 6px}.springknop{border: 1px solid var(--lijn-sterk);border-radius: 5px}#samen-voorbeeld .springknop{border-color: var(--zand-diep);color: var(--zand)}@media (hover: hover){#samen-voorbeeld .springknop:hover{background: #2b2619}}.zijblok{margin-top: 28px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;padding: 20px 24px;box-shadow: var(--schaduw)}.zijblok h2{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 12px;font-weight: 600}.zijblok ul{list-style: none;margin: 0;padding: 0;font-size: 13px;color: var(--zacht)}.zijblok li{padding: 7px 0;border-bottom: 1px solid var(--lijn);display: flex;align-items: center;justify-content: space-between;gap: 14px}.register-tekst{flex: 1;min-width: 0}.wegknop{font-size: 12px;padding: 4px 10px;color: var(--zacht);border-color: var(--lijn);background: transparent;opacity: .55;transition: all .12s ease}@media (hover: hover){.zijblok li:hover .wegknop{opacity: 1}}@media (hover: hover){.wegknop:hover{color: var(--fout);border-color: var(--fout);background: var(--fout-vlak)}}.zijblok li:last-child{border-bottom: 0}.zijblok .regelvoet{margin-top: 14px;font-size: 13px;color: var(--zacht);display: flex;gap: 12px;align-items: center;flex-wrap: wrap}dialog{border: 0;border-radius: 10px;padding: 0;max-width: 640px;width: calc(100% - 40px);box-shadow: 0 24px 60px -20px rgba(0,0,0,.4)}dialog::backdrop{background: rgba(22,21,15,.45)}.dialoog-inhoud{padding: 26px 28px}dialog h2{font-family: Georgia, serif;font-weight: 400;margin: 0 0 4px;font-size: 19px}dialog p.uitleg{margin: 0 0 18px;color: var(--zacht);font-size: 13px}.dialoog-voet{display: flex;gap: 10px;align-items: center;margin-top: 22px}#instellingen-status{font-size: 13px;color: var(--zacht)}.werkblad{display: flex;gap: 26px;align-items: flex-start}.zijbalk{position: sticky;top: 22px;flex: 0 0 168px;display: flex;flex-direction: column;gap: 4px}.tabknop{text-align: left;border: 0;background: transparent;border-radius: 6px;padding: 10px 14px;font-size: 14px;letter-spacing: 0;color: var(--zacht);border-left: 3px solid transparent}@media (hover: hover){.tabknop:hover{background: var(--zand-licht);border-color: transparent}}.tabknop.actief{background: var(--papier);color: var(--inkt);font-weight: 600;border-left-color: var(--zand);box-shadow: var(--schaduw)}.tabknop small{display: block;font-size: 12px;font-weight: 400;color: var(--zacht);margin-top: 2px}.inhoud{flex: 1;min-width: 0}@media (max-width: 760px){.werkblad{flex-direction: column}.zijbalk{position: static;flex-direction: row;width: 100%}.tabknop{flex: 1;text-align: center;border-left: 0;border-bottom: 3px solid transparent}.tabknop.actief{border-left: 0;border-bottom-color: var(--zand)}}.breed{transition: max-width .25s ease}body[data-tab="projecten"] .breed{max-width: 1160px}.projectkop{display: flex;align-items: flex-end;gap: 16px;flex-wrap: wrap}.projectkop h2{font-family: Georgia, serif;font-weight: 400;font-size: 26px;margin: 0;letter-spacing: .01em}.projectkop .projecten-sub{margin: 4px 0 0;color: var(--zacht);font-size: 14px}.projectkop .kop-knoppen{display: flex;gap: 8px;flex-wrap: wrap;margin-left: auto}#projecten-samenvatting{margin: 22px 0 0}.som-rij{display: grid;grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));gap: 10px}.sombrok{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 14px 16px 12px 18px;box-shadow: var(--schaduw);position: relative;overflow: hidden;display: flex;flex-direction: column}.sombrok::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--zand)}.sombrok.positief::before{background: #6f9a76}.sombrok.negatief::before{background: var(--fout)}.som-label{font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.som-waarde{font-family: Georgia, serif;font-size: 19.5px;margin-top: 3px;font-variant-numeric: tabular-nums;color: var(--inkt);line-height: 1.25;white-space: nowrap}.som-waarde.positief{color: #3f6b45}.som-waarde.negatief{color: var(--fout)}.som-sub{font-size: 12px;color: var(--zacht);margin-top: 3px}.controlepaneel{margin-top: 12px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;box-shadow: var(--schaduw);padding: 16px 18px 18px}.controle-kop{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 6px}.controle-kop strong{font-family: Georgia, serif;font-size: 17px;font-weight: 400;display: block}.controle-titel .hint{font-size: 12px;color: var(--zacht)}.controle-groep.info h5{color: var(--zacht)}.controle-chips{display: flex;flex-wrap: wrap;gap: 6px;padding-top: 4px}.controle-chip{font-family: inherit;font-size: 12px;padding: 4px 11px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--achtergrond);color: var(--zacht);cursor: pointer}@media (hover: hover){.controle-chip:hover{color: var(--inkt);border-color: rgba(22,21,15,.28)}}.controle-dicht{font-family: inherit;font-size: 12px;padding: 5px 12px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--achtergrond);cursor: pointer;color: var(--zacht)}.controle-groep{margin-top: 14px}.controle-groep h5{margin: 0 0 6px;font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.controle-rij{display: flex;gap: 10px;align-items: baseline;padding: 6px 0;border-top: 1px solid var(--lijn);font-size: 13px}.controle-rij span{color: var(--zacht)}.controle-werk{font-family: inherit;font-size: 13px;font-weight: 600;color: var(--inkt);background: none;border: 0;padding: 0;cursor: pointer;text-align: left;white-space: nowrap;text-decoration: underline;text-underline-offset: 3px}@media (hover: hover){.controle-werk:hover{color: var(--zand-diep)}}.controlepaneel > button.primair{margin-top: 14px}.dubbelmelding{margin-top: 12px;display: flex;align-items: center;gap: 12px;flex-wrap: wrap;background: var(--waarschuwing-vlak);border: 1px solid #e6d7b4;border-radius: 12px;padding: 11px 16px;font-size: 13px;color: #7a5c14}.dubbelmelding button{font-family: inherit;font-size: 12px;font-weight: 600;padding: 6px 14px;border-radius: 999px;border: 1px solid #d9c48d;background: var(--papier);color: #7a5c14;cursor: pointer;margin-left: auto}@media (hover: hover){.dubbelmelding button:hover{background: #fffdf6}}.factuurstand{margin-top: 12px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;box-shadow: var(--schaduw);padding: 16px 18px 14px}.factuurstand-kop{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;flex-wrap: wrap}.fs-titel{font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.fs-cijfer{font-family: Georgia, serif;font-size: 16px;font-variant-numeric: tabular-nums;color: var(--inkt)}.fs-balk{height: 8px;border-radius: 999px;background: var(--zand-licht);overflow: hidden;margin: 10px 0 6px}.fs-balk i{display: block;height: 100%;width: 0;background: #4f7f7f;border-radius: 999px;transition: width .35s ease}.fs-sub{font-size: 12px;color: var(--zacht)}.klanttabel{width: 100%;border-collapse: collapse;margin-top: 12px;font-size: 13px}.klanttabel th{text-align: left;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;padding: 8px 8px;border-bottom: 1px solid var(--lijn);white-space: nowrap}.klanttabel td{padding: 9px 8px;border-bottom: 1px solid var(--lijn);vertical-align: middle}.klanttabel tr:last-child td{border-bottom: none}.klanttabel th.getal, .klanttabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.klanttabel td.getal.open{color: #8a5a2b;font-weight: 600}.klanttabel td.klantnaam{font-weight: 600}.klanttabel td.klantnaam span{display: block;font-weight: 400;font-size: 12px;color: var(--zacht);margin-top: 2px}.klanttabel td.balkcel{width: 180px}.klanttabel td.balkcel span{display: block;font-size: 12px;color: var(--zacht);margin-top: 4px}.klantbalk{height: 5px;border-radius: 999px;background: var(--zand-licht);overflow: hidden}.klantbalk i{display: block;height: 100%;background: #4f7f7f;border-radius: 999px}#projecten-samenvatting[hidden], .project-balk[hidden]{display: none !important}.project-balk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 18px 0 2px}.project-balk .filter{display: inline-flex;align-items: center;gap: 7px;font-size: 12.5px;color: var(--zacht)}.project-balk select{font: inherit;font-size: 13px;padding: 7px 9px;border: 1px solid var(--lijn);border-radius: 8px;background: var(--papier);color: var(--inkt)}.project-balk .zoek{flex: 1;min-width: 200px;font: inherit;font-size: 13.5px;padding: 8px 14px;border: 1px solid var(--lijn);border-radius: 999px;background: var(--papier);box-shadow: var(--schaduw)}.project-balk .zoek:focus, .project-balk select:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.project-balk #project-inklappen{margin-left: auto}.projecten-leeg{margin-top: 18px;padding: 44px 24px;text-align: center;background: var(--papier);border: 1px dashed var(--lijn-sterk);border-radius: 12px;color: var(--zacht);font-size: 14px}.projecten-leeg h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0 0 6px;color: var(--inkt)}.projecten-leeg p{margin: 0 auto;max-width: 520px}.projecten-leeg button{margin-top: 16px}.werken-telling{margin: 16px 0 8px;font-size: 12.5px;color: var(--zacht)}.werken-tabelwik{overflow-x: auto;background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;box-shadow: var(--schaduw)}.werken-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.werken-tabel th{text-align: left;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;padding: 12px 10px;border-bottom: 1px solid var(--lijn);background: #fbfaf7;white-space: nowrap}.werken-tabel th.getal, .werken-tabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap;padding-left: 8px;padding-right: 8px}.werken-tabel th.pijl, .werken-tabel td.pijl{width: 24px;text-align: right;color: var(--zand-diep)}.werken-tabel td{padding: 12px 10px;border-bottom: 1px solid var(--lijn);vertical-align: top}.werken-tabel tr:last-child td{border-bottom: none}.werken-tabel tr.werkrij{cursor: pointer;transition: background .12s ease}.werken-tabel tr.werkrij:focus td{background: var(--zand-licht)}@media (hover: hover){.werken-tabel tr.werkrij:hover td{background: var(--zand-licht)}}.werken-tabel tr.werkrij:focus{outline: none}.werken-tabel td.naamcel{min-width: 180px}.werken-tabel td.statuscel{display: table-cell}.werken-tabel td.statuscel > *{display: inline-flex}.werken-tabel td.statuscel .factuurpil{margin-top: 6px}.werken-tabel td.week{white-space: nowrap;font-variant-numeric: tabular-nums}.werken-tabel td.week.zacht{color: var(--zacht)}.werken-tabel th button.kopsorteer{font: inherit;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;font-weight: 600;color: var(--zacht);background: none;border: 0;padding: 0;cursor: pointer;display: inline-flex;align-items: center;gap: 4px;transition: color .12s ease}.werken-tabel th.getal button.kopsorteer{flex-direction: row-reverse}@media (hover: hover){.werken-tabel th button.kopsorteer:hover{color: var(--inkt)}}.werken-tabel th button.kopsorteer.actief{color: var(--zand-diep)}.kopsorteer-pijl{font-size: 12px;line-height: 1}.werken-tabel td.sterk{font-weight: 600}.werken-tabel td.positief{color: #3f6b45}.werken-tabel td.negatief{color: var(--fout)}.werk-naam{font-family: Georgia, serif;font-size: 15.5px;color: var(--inkt)}.werk-nr{margin-left: 9px;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;white-space: nowrap}.werk-sub{font-size: 12px;color: var(--zacht);margin-top: 2px}.werk-balk{height: 4px;border-radius: 999px;background: var(--zand-licht);overflow: hidden;margin-top: 7px;max-width: 240px}.werk-balk i{display: block;height: 100%;width: 0;background: var(--zand);border-radius: 999px}.werk-balk i.rood{background: var(--fout)}.werken-rooster{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 14px;margin-top: 4px}.werkkaart{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 16px 18px 18px;box-shadow: var(--schaduw);cursor: pointer;position: relative;overflow: hidden;transition: transform .16s ease, box-shadow .16s ease}.werkkaart::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--zand)}.werkkaart.uitvoering::before{background: #4f7f7f}.werkkaart.klaar::before{background: #7f9a7f}.werkkaart.opgeleverd::before{background: #3f6b45}.werkkaart.hold::before{background: #c3963f}.werkkaart:focus{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32);outline: none}@media (hover: hover){.werkkaart:hover{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32);outline: none}}.werkkaart-kop{display: flex;align-items: flex-start;gap: 10px;justify-content: space-between}.werkkaart-titel{min-width: 0}.werkkaart-cijfers{display: flex;gap: 18px;margin-top: 14px;flex-wrap: wrap}.werkkaart-post{display: flex;flex-direction: column}.werkkaart-post b{font-size: 15px;font-weight: 600;font-variant-numeric: tabular-nums}.werkkaart-post b.pos{color: #3f6b45}.werkkaart-post b.neg{color: var(--fout)}.werkkaart-post b.openstaand{color: #8a5a2b}.werkkaart-voortgang{font-size: 12px;color: var(--zacht);margin-top: 5px}.project-titelbalk .terugknop{font: inherit;font-size: 12.5px;padding: 6px 12px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--zand-diep);cursor: pointer;white-space: nowrap;flex: none}@media (hover: hover){.project-titelbalk .terugknop:hover{background: var(--zand-licht);color: var(--inkt)}}.project.open .project-titelbalk{cursor: default}.snel{background: #fbfaf7;border: 1px solid var(--lijn);border-radius: 11px;padding: 14px 16px 12px;margin-top: 10px}.snel-kop{display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap;margin-bottom: 10px}.snel-kop strong{font-size: 13.5px}.snel-kop .hint{font-size: 12px;color: var(--zacht)}.snel-rij{display: flex;flex-wrap: wrap;gap: 10px 12px;align-items: flex-end}.snelveld{display: flex;flex-direction: column;gap: 3px}.snelveld[hidden]{display: none !important}.snelveld .label{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.snelveld input, .snelveld select{font: inherit;font-size: 13px;padding: 7px 9px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt);min-width: 120px}.snelveld input:focus, .snelveld select:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.snelveld.breed input, .snelveld.breed select{min-width: 210px}.snelveld input.kort, .snelveld input.getal.kort{min-width: 84px;width: 84px}.snelveld input.getal{text-align: right;font-variant-numeric: tabular-nums}.snelveld .veld-week{font-size: 12px;color: var(--zand-diep);font-variant-numeric: tabular-nums;min-height: 13px;margin-top: 1px}.snel-uit{display: flex;flex-direction: column;gap: 3px;padding-bottom: 6px;min-width: 96px}.snel-uit b{font-size: 16px;font-variant-numeric: tabular-nums}.snel-knop{align-self: flex-end}.snel-tarieven{margin-left: auto;font: inherit;font-size: 12px;padding: 5px 11px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--zand-diep);cursor: pointer}@media (hover: hover){.snel-tarieven:hover{background: var(--zand-licht);color: var(--inkt)}}.kostentabel td.lopendtotaal{color: var(--zand-diep);font-weight: 600;font-variant-numeric: tabular-nums;white-space: nowrap}.snel-uit .snel-totaal{font-size: 12px;color: var(--zand-diep);white-space: nowrap}.snel-status{font-size: 12px;color: var(--zand-diep);min-height: 16px;margin-top: 8px}.km-tabel tr.klikbaar{cursor: pointer}@media (hover: hover){.km-tabel tr.klikbaar:hover td{background: var(--zand-licht)}}.onderhoud-zone{margin-top: 10px;padding: 16px;border: 1px dashed var(--lijn-sterk);border-radius: 10px;text-align: center;color: var(--zacht);font-size: 13px;cursor: pointer;background: var(--papier)}.onderhoud-zone.groot{padding: 22px 16px}.onderhoud-zone.over{border-color: var(--zand);background: var(--zand-licht);color: var(--inkt)}@media (hover: hover){.onderhoud-zone:hover{border-color: var(--zand);background: var(--zand-licht);color: var(--inkt)}}.onderhoud-zone.vol{border-style: solid;border-color: var(--zand);background: var(--zand-licht);color: var(--inkt)}.onderhoud-rooster{display: grid;grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));gap: 12px;margin-top: 14px}.onderhoudkaart{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 14px 16px 16px;box-shadow: var(--schaduw);cursor: pointer;transition: transform .16s ease, box-shadow .16s ease}.onderhoudkaart:focus{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32);outline: none}@media (hover: hover){.onderhoudkaart:hover{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32);outline: none}}.onderhoudkaart.leeg{background: #fbfaf7}.onderhoudkaart-kop{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.onderhoudkaart .werkkaart-cijfers{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px}.onderhoudkaart .werkkaart-post b{font-size: 14px}.kenteken{font-size: 12px;font-weight: 700;letter-spacing: .08em;padding: 3px 8px;border-radius: 5px;background: #f2c94c;color: #1d1a10;border: 1px solid #d8ae2c;white-space: nowrap}#onderhoud-dialoog{max-width: 1060px;width: min(1060px, 96vw)}#onderhoud-inhoud{overflow: auto}.onderhoud-rij{flex-wrap: wrap}.onderhoud-titel{display: flex;align-items: center;gap: 12px;flex-wrap: wrap}.onderhoud-titel h2{margin: 0}.onderhoud-soort{font-size: 12px;color: var(--zand-diep);text-transform: uppercase;letter-spacing: .07em;font-weight: 600}.onderhoud-kies{display: flex;align-items: center;gap: 9px;margin-top: 8px;font-size: 12.5px;color: var(--zacht)}.onderhoud-kies select{font: inherit;font-size: 13px;padding: 6px 9px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier)}.onderhoud-balans{margin-top: 14px}.onderhoud-rij{margin-top: 12px}.onderhoud-tabel td .koppelknop{font: inherit;font-size: 12px;padding: 4px 9px;border-radius: 7px;border: 1px solid var(--lijn-sterk);background: var(--papier);cursor: pointer;color: var(--inkt);max-width: 190px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (hover: hover){.onderhoud-tabel td .koppelknop:hover{background: var(--zand-licht)}}#onderhoud-status{font-size: 12.5px;color: var(--zand-diep)}.onderhoud-verslag{position: relative;margin: 14px 0 4px;padding: 12px 34px 12px 14px;border-radius: 10px;background: var(--zand-licht);border: 1px solid var(--lijn-sterk);font-size: 13px}.onderhoud-verslag .verslag-kop{display: flex;gap: 10px;flex-wrap: wrap;align-items: baseline}.onderhoud-verslag .verslag-kop span{color: var(--zand-diep)}.verslag-voertuigen{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 8px}.verslag-chip{display: inline-flex;gap: 5px;align-items: baseline;font-size: 12px;padding: 3px 8px;border-radius: 999px;background: var(--papier);border: 1px solid var(--lijn)}.verslag-fout{margin-top: 6px;font-size: 12px;color: var(--fout)}.verslag-weg{position: absolute;top: 8px;right: 10px;border: 0;background: none;font-size: 16px;color: var(--zand-diep);cursor: pointer}.onderhoud-los{margin-top: 12px;padding: 12px 14px;border: 1px solid var(--lijn-sterk);border-radius: 10px;background: #fbfaf7}.los-rij{display: grid;grid-template-columns: minmax(140px, auto) minmax(0, 1fr) minmax(170px, 220px) auto;align-items: center;gap: 10px;margin-top: 8px;font-size: 12.5px;padding-top: 8px;border-top: 1px solid var(--lijn)}.los-rij .los-sub{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.los-rij button{white-space: nowrap}@media (max-width: 780px){.los-rij{grid-template-columns: 1fr}}.los-naam{font-weight: 600}.los-sub{color: var(--zacht)}.los-rij select{font: inherit;font-size: 12.5px;padding: 5px 8px;border: 1px solid var(--lijn-sterk);border-radius: 7px;background: var(--papier)}.project{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;margin-top: 12px;box-shadow: var(--schaduw);position: relative;overflow: hidden;transition: box-shadow .18s ease, transform .18s ease, margin .18s ease}.project::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--zand)}.project.uitvoering::before{background: #4f7f7f}.project.klaar::before{background: #7f9a7f}.project.opgeleverd::before{background: #3f6b45}.project.hold::before{background: #c3963f}@media (hover: hover){.project.ingeklapt:hover{transform: translateY(-1px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 16px 32px -16px rgba(22,21,15,.28)}}.project:not(.ingeklapt){margin-top: 18px;margin-bottom: 18px;box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 28px 56px -28px rgba(22,21,15,.38)}.project-titelbalk{display: flex;align-items: center;gap: 18px;flex-wrap: wrap;padding: 15px 22px 14px 20px;cursor: pointer}.project:not(.ingeklapt) .project-titelbalk{border-bottom: 1px solid var(--lijn);background: linear-gradient(180deg, #fbfaf7 0%, #ffffff 100%)}.project-titelbalk .vouw{font-size: 12px;color: var(--zand-diep);width: 12px;flex: none;transition: transform .18s ease}.project.ingeklapt .vouw{transform: rotate(-90deg)}.project-titel{flex: 1 1 280px;min-width: 220px}.project-titel .naam{font-family: Georgia, serif;font-size: 18px;color: var(--inkt)}.project-titel .nr{margin-left: 10px;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;white-space: nowrap}.project-sub{font-size: 12.5px;color: var(--zacht);margin-top: 1px}.project-voortgang{display: flex;align-items: center;gap: 10px;margin-top: 7px;font-size: 12px;color: var(--zacht)}.project-voortgang .balk{flex: 0 1 200px;height: 5px;border-radius: 999px;background: var(--zand-licht);overflow: hidden}.project-voortgang .voortgang-tekst{white-space: nowrap}.project-voortgang .balk i{display: block;height: 100%;width: 0;background: var(--zand);border-radius: 999px;transition: width .3s ease}.project-voortgang .balk i.rood{background: var(--fout)}.project-vlag{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;font-weight: 600;padding: 4px 11px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep);white-space: nowrap}.project-vlag.uitvoering{background: #e3ecec;color: #35605f}.project-vlag.hold{background: #f6ecd4;color: #8a6a1c}.project-vlag.klaar{background: #e7efe7;color: #3f6b45}.project-vlag.opgeleverd{background: #3f6b45;color: #f4f8f4}.project-vlag.statuswik{position: relative;display: inline-flex;align-items: center;padding-right: 24px;border: 1px solid transparent;transition: border-color .12s ease, box-shadow .12s ease}@media (hover: hover){.project-vlag.statuswik:hover{border-color: rgba(22,21,15,.18)}}.project-vlag.statuswik:focus-within{border-color: rgba(22,21,15,.28);box-shadow: 0 0 0 3px var(--zand-licht)}.project-vlag.statuswik .statuskeuze{appearance: none;-webkit-appearance: none;background: transparent;border: 0;padding: 0;margin: 0;font: inherit;font-size: inherit;font-weight: inherit;letter-spacing: inherit;text-transform: inherit;color: inherit;cursor: pointer;line-height: 1.35}.project-vlag.statuswik .statuskeuze:focus{outline: none}.project-vlag.statuswik .statuskeuze option{text-transform: none;letter-spacing: normal;font-size: 13px;font-weight: 400;color: var(--inkt);background: var(--papier)}.factuurpil{font-family: inherit;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;font-weight: 600;padding: 4px 11px 4px 22px;border-radius: 999px;border: 1px solid transparent;cursor: pointer;white-space: nowrap;position: relative;transition: border-color .12s ease, box-shadow .12s ease, background .12s ease}.factuurpil::before{content: "";position: absolute;left: 9px;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;border-radius: 50%;background: currentColor;opacity: .85}.factuurpil.open{background: #f6ead9;color: #8a5a2b}.factuurpil.klaar{background: #dfe9f2;color: #2f5573}.factuurpil.klaar::before{content: "\2713";width: auto;height: auto;border-radius: 0;background: none;font-size: 12px;opacity: 1}@media (hover: hover){.factuurpil:hover{border-color: rgba(22,21,15,.2)}}.factuurpil:focus-visible{outline: none;border-color: rgba(22,21,15,.3);box-shadow: 0 0 0 3px var(--zand-licht)}.titel-vlaggen, .werkkaart-vlaggen{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.werken-tabel td.getal.openstaand{color: #8a5a2b}.werken-tabel td.getal.voldaan{color: var(--zacht)}.soortschakel{display: inline-flex;border: 1px solid var(--lijn-sterk);border-radius: 999px;overflow: hidden;background: var(--achtergrond)}.soortschakel button{font-family: inherit;font-size: 12px;font-weight: 600;letter-spacing: .02em;padding: 6px 14px;border: 0;background: transparent;color: var(--zacht);cursor: pointer}.soortschakel button.actief{background: var(--inkt);color: var(--papier)}@media (hover: hover){.soortschakel button:not(.actief):hover{color: var(--inkt)}}.snel.is-baten{border-color: #cfe0d3;background: #f6faf6}.statuspijl{position: absolute;right: 9px;font-size: 12px;font-style: normal;opacity: .75;pointer-events: none}@media print{.statuspijl{display: none}.project-vlag.statuswik{padding-right: 11px;border-color: transparent}}.project-mini{display: flex;gap: 26px;margin-left: auto;font-variant-numeric: tabular-nums}.mini-post{display: flex;flex-direction: column;align-items: flex-end;min-width: 92px}.mini-label{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.project-mini b{font-size: 15px;font-weight: 600;color: var(--inkt)}.project-mini b.neg{color: var(--fout)}.project-mini b.pos{color: #3f6b45}.project-mini b.openstaand{color: #8a5a2b}.project-lijf{padding: 4px 24px 24px}.project.ingeklapt .project-lijf{display: none}.project-sectie{display: flex;align-items: baseline;gap: 14px;margin: 28px 0 10px}.project-sectie h4{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 18px;color: var(--inkt)}.project-sectie .sectie-lijn{flex: 1;height: 1px;background: var(--lijn);align-self: center}.project-sectie .sectie-som{font-size: 12.5px;color: var(--zacht);font-variant-numeric: tabular-nums;white-space: nowrap}.project-sectie .sectie-som b{color: var(--inkt);font-weight: 600}.balans{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));margin-top: 18px;background: #fbfaf7;border: 1px solid var(--lijn);border-radius: 10px;overflow: hidden}.balanspost{padding: 14px 18px 13px;border-left: 1px solid var(--lijn);display: flex;flex-direction: column;gap: 2px;min-width: 0}.balanspost:first-child{border-left: 0}.balans-label{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.balans-bedrag{font-family: Georgia, serif;font-size: 21px;font-variant-numeric: tabular-nums;line-height: 1.25}.balans-sub{font-size: 12px;color: var(--zacht);line-height: 1.35}.balans-balk{height: 4px;border-radius: 999px;background: var(--zand-licht);overflow: hidden;margin-top: 7px}.balans-balk i{display: block;height: 100%;width: 0;background: var(--zand);border-radius: 999px;transition: width .3s ease}.balanspost.positief .balans-bedrag{color: #3f6b45}.balanspost.negatief .balans-bedrag{color: var(--fout)}.balanspost.negatief .balans-balk i{background: var(--fout)}.verdeling{margin: 14px 0 0}.verdeling-balk{display: flex;height: 10px;border-radius: 999px;overflow: hidden;background: var(--zand-licht)}.verdeling-balk i{display: block;height: 100%;min-width: 2px}.verdeling-legenda{display: flex;flex-wrap: wrap;gap: 6px 18px;margin-top: 8px;font-size: 12px;color: var(--zacht)}.verdeling-legenda .cat-stip{display: inline-block;width: 8px;height: 8px;border-radius: 2px;margin-right: 6px;vertical-align: 0}.verdeling-legenda b{color: var(--inkt);font-weight: 500;font-variant-numeric: tabular-nums;margin-left: 4px}.project-gegevens{margin-top: 12px;background: #fbfaf7;border: 1px solid var(--lijn);border-radius: 10px;padding: 16px 20px 18px}.project-kop{display: grid;grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));gap: 14px 22px}.project-kop .veld{display: flex;flex-direction: column;gap: 3px;min-width: 0}.project-kop .veld.groot{grid-column: span 2}.project-kop .veld.heel{grid-column: 1 / -1}.project-kop .label{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.project-kop input, .project-kop select{font: inherit;font-size: 14px;padding: 6px 2px 6px;border: 0;border-bottom: 1px solid var(--lijn-sterk);border-radius: 0;background: transparent;width: 100%;color: var(--inkt);transition: border-color .15s ease, box-shadow .15s ease}.project-kop select{padding-left: 0;cursor: pointer}.project-kop textarea{font: inherit;font-size: 13.5px;padding: 8px 10px;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);width: 100%;resize: vertical;line-height: 1.45;min-height: 52px}.project-kop input.getal{text-align: right;font-variant-numeric: tabular-nums;font-weight: 500}@media (hover: hover){.project-kop input:hover, .project-kop select:hover{border-bottom-color: var(--zand)}}.project-kop input:focus, .project-kop select:focus{outline: none;border-bottom-color: var(--zand);box-shadow: 0 1px 0 0 var(--zand)}.project-kop textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.categorie{margin-top: 12px;border: 1px solid var(--lijn);border-radius: 10px;padding: 10px 18px 12px;background: var(--papier)}.categorie.leeg{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;padding: 8px 18px;background: #fcfbf9;border-style: dashed}.categorie.leeg .categorie-kop{flex: 1;padding: 2px 0;min-width: 200px}.categorie.leeg .cat-toevoegen{margin-top: 0}.categorie-kop{display: flex;align-items: center;gap: 10px;padding: 5px 0 8px;flex-wrap: wrap}.categorie-kop .cat-stip{width: 10px;height: 10px;border-radius: 3px;flex: none}.categorie-kop .cat-naam{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;font-weight: 700;color: var(--inkt)}.categorie-kop .cat-aantal{font-size: 12px;color: var(--zacht)}.categorie-kop .cat-getallen{margin-left: auto;display: flex;gap: 16px;align-items: center;font-size: 12px;color: var(--zacht);font-variant-numeric: tabular-nums}.categorie-kop .cat-getallen b{color: var(--inkt);font-weight: 600}.categorie-kop .cat-getallen .over{color: #3f6b45}.categorie-kop .cat-getallen .over.negatief{color: var(--fout)}.categorie-kop .begroting-invoer{width: 96px;font: inherit;font-size: 12.5px;padding: 4px 8px;border: 1px solid var(--lijn);border-radius: 6px;background: #fdfcfa;text-align: right;font-variant-numeric: tabular-nums}.categorie-kop .begroting-invoer:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.kostentabel{width: 100%;border-collapse: collapse;margin-top: 2px;font-size: 13px;table-layout: fixed}.kostentabel col.c-datum{width: 12%}.kostentabel col.c-week{width: 4%}.kostentabel col.c-oms{width: 15%}.kostentabel col.c-wie{width: 11%}.kostentabel col.c-aantal{width: 6%}.kostentabel col.c-eenheid{width: 6%}.kostentabel col.c-tarief{width: 8%}.kostentabel col.c-bedrag{width: 10%}.kostentabel col.c-totaal{width: 11%}.kostentabel col.c-bon{width: 7%}.kostentabel col.c-betaald{width: 6%}.kostentabel col.c-weg{width: 4%}.kostentabel th{text-align: left;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 2px 6px 6px;border-bottom: 1px solid var(--lijn-sterk);line-height: 1.25}.kostentabel th.getal, .kostentabel td.getal{text-align: right}.kostentabel th.midden, .kostentabel td.midden{text-align: center}.kostentabel td{padding: 2px 3px;border-bottom: 1px solid #f2efe9;vertical-align: middle}.kostentabel tr:last-child td{border-bottom: 0}@media (hover: hover){.kostentabel tr:hover td{background: #fcfbf8}}.kostentabel input, .kostentabel select{font: inherit;font-size: 13px;border: 1px solid transparent;border-radius: 6px;padding: 6px 6px;width: 100%;background: transparent;color: var(--inkt)}@media (hover: hover){.kostentabel input:hover, .kostentabel select:hover{border-color: var(--lijn);background: var(--papier)}}.kostentabel input:focus, .kostentabel select:focus{outline: none;border-color: var(--zand);background: #fffdf9;box-shadow: 0 0 0 3px var(--zand-licht)}.kostentabel input.getal{text-align: right;font-variant-numeric: tabular-nums}.kostentabel input[type=date]{padding-left: 4px;padding-right: 2px}.kostentabel tr.batenkop td{border-bottom: 0;padding-top: 9px}.kostentabel tr.batenkop td.kopcel{padding-right: 8px}.kostentabel input.kopinvoer{width: 100%;font-family: Georgia, serif;font-size: 14px;font-weight: 400;color: var(--inkt);background: #eef3ee;border: 1px solid #cfdccf;border-radius: 6px;padding: 5px 9px}.kostentabel input.kopinvoer::placeholder{font-family: inherit;font-size: 12.5px;color: var(--zand-diep)}.kostentabel input.kopinvoer:focus{background: #fffdf9;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.kostentabel td.kopknoppen{white-space: nowrap;text-align: right}.kostentabel .kop-schuif{font-size: 13px;line-height: 1;padding: 3px 7px;margin-right: 3px;border-radius: 6px;border: 1px solid var(--lijn);background: var(--papier);color: var(--zand-diep);cursor: pointer}@media (hover: hover){.kostentabel .kop-schuif:hover{color: var(--inkt);border-color: var(--lijn-sterk);background: var(--zand-licht)}}.kostentabel .kop-erbij{font-size: 12px;padding: 3px 9px;border-radius: 999px;border: 1px dashed var(--lijn-sterk);background: transparent;color: var(--zand-diep);white-space: nowrap;cursor: pointer}@media (hover: hover){.kostentabel .kop-erbij:hover{color: var(--inkt);border-style: solid}}.factuur-regeltabel tr.kopregel input.kopinvoer{font-family: Georgia, serif;font-size: 13.5px;background: #eef3ee;border-color: #cfdccf}.kostentabel td.weekcel{text-align: center;white-space: nowrap;font-size: 12px;font-variant-numeric: tabular-nums;color: var(--zand-diep);letter-spacing: -.01em;padding-left: 0;padding-right: 0}.kostentabel td.regelbedrag{white-space: nowrap;color: var(--inkt);font-variant-numeric: tabular-nums;padding-right: 8px;font-weight: 600}.kostentabel td.regelbedrag.onbetaald{color: var(--fout)}.kostentabel input[type=checkbox]{width: 16px;height: 16px;accent-color: #3f6b45;cursor: pointer}.kostentabel .wegknop{padding: 2px 7px;font-size: 15px;line-height: 1;opacity: .3;border-color: transparent;background: transparent}@media (hover: hover){.kostentabel tr:hover .wegknop{opacity: 1}}@media (hover: hover){.kostentabel .wegknop:hover{color: var(--fout)}}.cat-toevoegen{margin-top: 8px;display: flex;gap: 8px;flex-wrap: wrap}.cat-toevoegen button{font-size: 12px;padding: 5px 13px;color: var(--zand-diep);border-style: dashed;border-radius: 999px}@media (hover: hover){.cat-toevoegen button:hover{color: var(--inkt);border-style: solid}}.opbrengsten{margin-top: 12px}.project-facturen{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;font-size: 12.5px;color: var(--zacht);margin: 2px 0 8px}.opbrengst-bron{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.factuur-chip{display: inline-flex;align-items: center;gap: 6px;padding: 3px 10px;border-radius: 999px;background: #eef3ee;color: #3f6b45;font-size: 12px;font-variant-numeric: tabular-nums}.factuur-chip b{font-weight: 600}.project-voet{display: flex;gap: 8px;margin-top: 22px;flex-wrap: wrap;align-items: center}.project-voet .gevaar{margin-left: auto;color: var(--zacht)}@media (hover: hover){.project-voet .gevaar:hover{color: var(--fout);border-color: var(--fout);background: var(--fout-vlak)}}@media (max-width: 760px){.project-mini{margin-left: 0;gap: 16px}.balanspost{border-left: 0;border-top: 1px solid var(--lijn)}.balanspost:first-child{border-top: 0}}@media print{body{background: #fff;padding: 0}#instellingen-knop, .werkbalk-boven, .zijbalk, #tab-facturen, footer, header p, .kopstreep, .project-balk, .projectkop .kop-knoppen, .project-voet, .cat-toevoegen, .wegknop, #projecten-samenvatting{display: none !important}.werkblad{display: block}.project{box-shadow: none;border: 1px solid #ccc;break-inside: avoid}.project.ingeklapt .project-lijf{display: block}body.afdruk-een .project{display: none}body.afdruk-een .project.afdrukken{display: block}.kostentabel input, .kostentabel select, .project-kop input, .project-kop select, .project-kop textarea, .categorie-kop .begroting-invoer{border-color: transparent !important;background: transparent !important;box-shadow: none !important}.categorie, .project-gegevens, .balans{break-inside: avoid}}.werkbalk-boven{position: absolute;top: 22px;right: 22px;display: flex;gap: 8px;z-index: 5}#instellingen-knop{position: static;top: auto;right: auto}@media (max-width: 620px){.werkbalk-boven{position: static;justify-content: flex-end;margin: 12px 0 0}}.tarieven-balk{display: flex;align-items: center;gap: 6px;flex-wrap: wrap;margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid var(--lijn)}.tarieven-balk .keuzeknop{border: 1px solid var(--lijn-sterk);border-radius: 999px}.tarieven-balk .keuzeknop.actief{background: var(--inkt);color: #fdfcfa;border-color: var(--inkt)}.tarieven-acties{margin-left: auto;display: flex;gap: 6px}.tarieven-acties .gevaar{color: var(--zacht)}@media (hover: hover){.tarieven-acties .gevaar:hover{color: var(--fout);border-color: var(--fout);background: var(--fout-vlak)}}#tarieven-dialoog{max-width: 780px}.uren-invoer{margin-top: 16px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;padding: 16px 18px;box-shadow: var(--schaduw)}.uren-invoer-kop{display: flex;flex-direction: column;gap: 3px;margin-bottom: 8px}.uren-invoer-kop strong{font-family: Georgia, serif;font-weight: 400;font-size: 16px}.uren-invoer textarea{width: 100%;font: inherit;font-size: 13px;line-height: 1.45;padding: 9px 11px;border: 1px solid var(--lijn);border-radius: 6px;background: #fdfcfa;resize: vertical;color: var(--inkt)}.uren-invoer textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.uren-invoer-balk{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 10px}.uren-invoer-balk .primair{margin-left: auto}.uren-invoer-balk .filter{display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: var(--zacht)}.klein-getal{width: 74px;font: inherit;font-size: 13px;padding: 5px 7px;border: 1px solid var(--lijn);border-radius: 5px;background: #fdfcfa}.uren-inbox{margin-top: 14px;display: flex;align-items: center;gap: 12px;flex-wrap: wrap;background: #eef3ee;border: 1px solid #cfdccf;color: #2f4f36;border-radius: 8px;padding: 10px 14px;font-size: 13px}.uren-inbox .primair{margin-left: auto}.uren-weekkop{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 22px}.uren-weekkop h3{font-family: Georgia, serif;font-weight: 400;font-size: 19px;margin: 0}.uren-bron{font-size: 12.5px;color: var(--zacht)}.uren-weekknoppen{margin-left: auto;display: flex;gap: 8px;flex-wrap: wrap}.uren-weekknoppen .gevaar{color: var(--zacht)}@media (hover: hover){.uren-weekknoppen .gevaar:hover{color: var(--fout);border-color: var(--fout);background: var(--fout-vlak)}}.uren-overzicht{width: 100%;border-collapse: collapse;margin-top: 12px;font-size: 13.5px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;box-shadow: var(--schaduw);overflow: hidden}.uren-overzicht th{text-align: left;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 10px 10px 8px;border-bottom: 1px solid var(--lijn);background: #fbfaf7}.uren-overzicht th.getal, .uren-overzicht td.getal{text-align: right;font-variant-numeric: tabular-nums}.uren-overzicht td{padding: 8px 10px;border-bottom: 1px solid #f2efe9}.uren-overzicht tr.klik{cursor: pointer}@media (hover: hover){.uren-overzicht tr.klik:hover td{background: var(--zand-licht)}}.uren-overzicht td.naam{font-weight: 600}.uren-overzicht td.functie{color: var(--zacht);font-size: 12.5px}.uren-overzicht td.totaal{font-weight: 600}.uren-overzicht tr.totaalrij td{border-top: 2px solid var(--lijn-sterk);border-bottom: 0;font-weight: 600;background: #fbfaf7}.uren-overzicht td.pdfcel{text-align: right}button.klein{font-size: 12px;padding: 4px 10px}.uren-status{font-size: 12px;letter-spacing: .05em;text-transform: uppercase;font-weight: 600;padding: 3px 8px;border-radius: 999px;white-space: nowrap;background: var(--zand-licht);color: var(--zand-diep)}.uren-status.ok{background: #e7efe7;color: #3f6b45}.uren-status.let-op{background: #fbf3e2;color: #7d5a12}.uren-status.leeg{background: #f0eee9;color: var(--zacht)}.uren-status.regel{background: #eaeef5;color: #3b4f7a}.hint.klein{font-size: 12px;margin: 8px 0 0}.urentabel col.u-code{width: 15%}.urentabel col.u-adres{width: 25%}.urentabel col.u-dag{width: 7.5%}.urentabel col.u-tot{width: 9%}.urentabel col.u-weg{width: 5%}.urentabel input.ontbreekt{border-color: var(--fout);background: var(--fout-vlak)}.urentabel tr.totaalrij td{border-top: 2px solid var(--lijn-sterk);font-weight: 600;font-variant-numeric: tabular-nums;padding: 6px 6px}.urentabel.bijzonder td:first-child{color: var(--zacht);padding-left: 8px}.urenkaart .project-titelbalk button.klein{margin-left: 4px}.kaart.bijlage::before{background: var(--lijn-sterk);width: 3px}.kaart.bijlage .raster, .kaart.bijlage .veld.breed{opacity: .55}.verkley-blok{margin-top: 14px;padding: 12px 14px;background: #f6f8f6;border: 1px solid #d9e3d9;border-radius: 8px}.verkley-status{font-size: 12.5px;color: var(--zacht);margin-bottom: 8px}.verkley-status.ok{color: #3f6b45}.verkley-blok .veld{max-width: 420px}.verkley-spec{margin-top: 10px;font-size: 13px}.verkley-spec-kop{color: var(--zacht);margin-bottom: 6px}.verkley-spec table{border-collapse: collapse;width: 100%}.verkley-spec td{padding: 4px 7px;border-bottom: 1px solid var(--lijn)}.verkley-spec td.getal{text-align: right;white-space: nowrap;font-variant-numeric: tabular-nums}.verkley-spec tr.totaal td{font-weight: 600;border-bottom: 0}.verkley-spec .hint{margin-top: 6px}.kaart.wachtkaart::before{background: var(--lijn-sterk)}.verkley-spec .melding.ok{background: #e7efe7;color: #3f6b45;margin-top: 8px}.verkley-spec .melding.waarschuwing{margin-top: 8px}.start-hero{position: relative;overflow: hidden;border-radius: 20px;margin-top: 2px;padding: 32px 34px 28px;color: #f4f0e8;background: radial-gradient(1100px 420px at 92% -20%, rgba(214,196,161,.26), transparent 62%), linear-gradient(140deg, #17160f 0%, #232019 52%, #34301f 100%);box-shadow: 0 2px 4px rgba(22,21,15,.06), 0 36px 70px -34px rgba(22,21,15,.62)}.start-hero::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg, #e2d3b3, #8a7c66)}.start-hero::after{content: "";position: absolute;right: -140px;top: -170px;width: 460px;height: 460px;border-radius: 50%;background: radial-gradient(circle, rgba(214,196,161,.16), transparent 66%);pointer-events: none}.start-hero > *{position: relative;z-index: 1}.start-hero .start-kop h2{color: #fdfaf4;font-size: 30px;letter-spacing: .005em}.start-hero .start-datum{color: #b9ae98}.start-hero .start-chip{background: rgba(255,255,255,.055);border-color: rgba(255,255,255,.16);color: #d6cbb5}@media (hover: hover){.start-hero button.start-chip:hover{background: rgba(255,255,255,.12);border-color: #d6cbb5;color: #fdfaf4}}.start-hero .start-chip::before{color: #cdbfa5}.start-hero .start-chip.goed::before{color: #9fc9a2}.start-hero .start-chip.let-op{color: #ecc98c;border-color: rgba(236,201,140,.4);background: rgba(236,201,140,.1)}.start-hero .start-chip.let-op::before{color: #ecc98c}.start-hero .start-acties button{background: rgba(255,255,255,.07);border-color: rgba(255,255,255,.18);color: #efe9dd}@media (hover: hover){.start-hero .start-acties button:hover{background: rgba(255,255,255,.14);border-color: #d6cbb5;color: #fff}}.start-hero .start-acties button.primair{background: linear-gradient(135deg, #eadec4, #cbb894);border-color: #e6d9bd;color: #1a1913;font-weight: 600}@media (hover: hover){.start-hero .start-acties button.primair:hover{background: #f2e8d2;border-color: #f2e8d2;color: #14130e}}.start-hero .omzet{background: none;box-shadow: none;margin: 24px 0 0;padding: 22px 0 0;border-radius: 0;border-top: 1px solid rgba(255,255,255,.12)}.start-hero .omzet::before{display: none}@media (max-width: 620px){.start-hero{padding: 24px 20px 22px;border-radius: 16px}.start-hero .start-kop h2{font-size: 25px}}@media print{.start-hero{display: none}}.start-kop{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;flex-wrap: wrap}.start-kop h2{font-family: Georgia, serif;font-weight: 400;font-size: 26px;margin: 0;letter-spacing: .01em}.start-datum{margin: 4px 0 0;color: var(--zacht);font-size: 14px}.start-acties{display: flex;gap: 8px;flex-wrap: wrap}.km-invoer{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 16px 18px 14px;box-shadow: var(--schaduw);margin-top: 18px}.km-invoer-kop{display: flex;flex-direction: column;gap: 4px;margin-bottom: 10px}.km-invoer textarea{width: 100%;font: inherit;font-size: 13px;padding: 10px 12px;border: 1px solid var(--lijn);border-radius: 8px;background: var(--papier);color: var(--inkt);resize: vertical;box-sizing: border-box}.km-invoer textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.km-invoer-balk{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 10px}.km-invoer-balk .filter{display: inline-flex;align-items: center;gap: 6px;font-size: 12.5px;color: var(--zacht)}.km-invoer-balk .klein-getal{width: 74px;font: inherit;font-size: 13px;padding: 6px 8px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt)}#km-invoer-status{font-size: 12.5px;color: var(--zand-diep);margin-left: auto}#km-dropzone{margin-top: 12px;border: 1px dashed var(--lijn-sterk);border-radius: 10px;padding: 14px 16px;text-align: center;cursor: pointer;color: var(--zacht);font-size: 13px;transition: background .15s ease, border-color .15s ease}#km-dropzone.over{background: var(--zand-licht);border-color: var(--zand);color: var(--inkt)}@media (hover: hover){#km-dropzone:hover{background: var(--zand-licht);border-color: var(--zand);color: var(--inkt)}}#km-bestand{display: none}.km-map{margin-top: 14px;padding-top: 12px;border-top: 1px solid var(--lijn)}.km-map-kop{display: flex;flex-direction: column;gap: 4px;margin-bottom: 8px}.km-map-balk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}#km-map-status{font-size: 12.5px;color: var(--zand-diep)}#km-map-status.fout{color: var(--fout)}.km-balans{margin-top: 20px}.km-verschil.op{color: #3f6b45}.km-verschil.neer{color: #8a6a1c}.km-blok{margin-top: 6px}.km-punten{list-style: none;margin: 6px 0 0;padding: 0}.km-punt{display: flex;align-items: flex-start;gap: 11px;padding: 11px 14px;border: 1px solid var(--lijn);border-radius: 9px;background: var(--papier);margin-bottom: 8px;position: relative;overflow: hidden}.km-punt::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--zand)}.km-punt.zwaar::before{background: var(--fout)}.km-punt.af{opacity: .5}.km-punt.af .km-punt-regel{text-decoration: line-through}.km-punt-vink{display: flex;align-items: center;padding-top: 1px}.km-punt-vink input{accent-color: var(--zand-diep);width: 16px;height: 16px}.km-punt-tekst{display: flex;flex-direction: column;gap: 2px;min-width: 0}.km-punt-soort{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.km-punt-regel{font-size: 13.5px;color: var(--inkt)}.km-punt-tekst{flex: 1}.km-punt-ga{align-self: center;padding: 5px 11px;font-size: 12px;opacity: 0;transition: opacity .15s ease}.km-punt-ga:focus{opacity: 1}@media (hover: hover){.km-punt:hover .km-punt-ga{opacity: 1}}.km-punt.weekend::before, .km-punt.eendag::before{background: #8478a0}.km-punt.langstil::before, .km-punt.verplaatst::before{background: #b06b3a}.km-punt.record::before, .km-punt.stijgt::before{background: #3f6b45}.km-punt.daalt::before, .km-punt.record-laag::before{background: #8a6a1c}.km-punt.kosten::before{background: #9a6b6b}.km-punt.werkplaats::before{background: #5f8a8a}.km-punt.wagenpark::before{background: var(--inkt)}.km-puntbalk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 10px 0 2px}.km-puntsoort{font: inherit;font-size: 12.5px;padding: 6px 10px;border: 1px solid var(--lijn-sterk);border-radius: 5px;background: var(--papier);color: var(--inkt);max-width: 260px}.km-puntbalk .klein{margin-left: auto}.km-tabel tr.gemarkeerd td{background: var(--zand-licht);transition: background .3s ease}.km-dagbalk.weekend{background: #8478a0}.km-tabelwik{overflow-x: auto;margin-top: 6px}.km-tabel{width: 100%;border-collapse: collapse;font-size: 13px}.km-tabel th{text-align: left;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 7px 9px;border-bottom: 1px solid var(--lijn-sterk);white-space: nowrap}.km-tabel td{padding: 7px 9px;border-bottom: 1px solid var(--lijn);color: var(--inkt)}.km-tabel th.getal, .km-tabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.km-tabel td.sterk{font-weight: 600}.km-tabel td.op{color: var(--fout)}.km-tabel td.neer{color: #8a6a1c}.km-tabel td.vlagcel{font-size: 12px;color: var(--zand-diep)}.km-tabel tr.let-op td{background: #fbfaf4}.km-tabel td.zacht{color: var(--zacht)}.km-machine-uitleg{margin: 6px 0 2px}.km-dagen-kop{display: flex;align-items: baseline;gap: 10px;margin-top: 18px}.km-dagen-titel{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.km-tabel td.dag{padding-top: 6px;padding-bottom: 6px}.km-dagcel{display: flex;flex-direction: column;align-items: stretch;gap: 4px;min-width: 40px}.km-dagwaarde{font-size: 12.5px;font-variant-numeric: tabular-nums;text-align: right}.km-dagwaarde.weekend{color: var(--zand-diep);font-weight: 600}.km-dagspoor{height: 4px;background: var(--lijn);border-radius: 2px;overflow: hidden}.km-dagbalk{height: 100%;background: var(--zand-diep);border-radius: 2px;opacity: .75}.km-tabel tr.zwaar td{background: var(--fout-vlak)}.km-voet{margin-top: 24px}.km-voet .veld textarea{width: 100%;box-sizing: border-box}.wagenpark-tabel{width: 100%;border-collapse: collapse;font-size: 13px}.wagenpark-tabel th{text-align: left;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 6px 7px;border-bottom: 1px solid var(--lijn-sterk)}.wagenpark-tabel td{padding: 4px 7px;border-bottom: 1px solid var(--lijn)}.wagenpark-tabel input[type=text]{font: inherit;font-size: 13px;padding: 6px 8px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt);width: 100%;box-sizing: border-box}.wagenpark-tabel input[type=text]:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.wagenpark-tabel input[type=checkbox]{accent-color: var(--zand-diep);width: 15px;height: 15px}.wagenpark-tabel .wegknop{opacity: 1}body[data-tab="voertuigen"] .breed{max-width: 1160px}body[data-tab="start"] .breed{max-width: 1160px}.start-tegels{display: grid;grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));gap: 14px;margin-top: 22px}.start-tegel{background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;padding: 16px 18px 14px;box-shadow: var(--schaduw);position: relative;overflow: hidden}.start-tegel::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg, var(--zand), var(--zand-diep))}.start-tegel{transition: transform .16s ease, box-shadow .16s ease}@media (hover: hover){.start-tegel:hover{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 20px 36px -20px rgba(22,21,15,.3)}}.start-tegel-kop{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-bottom: 10px}.start-tegel-titel{font-family: Georgia, serif;font-size: 16.5px;flex: 1 1 auto;min-width: 0;line-height: 1.25}.start-tegel-kop{flex-wrap: wrap;align-items: baseline}.start-tegel-kop button.klein{flex: 0 0 auto;padding: 4px 8px;font-size: 12px}.start-regel{display: flex;flex-direction: column;gap: 1px;padding: 6px 0;border-top: 1px solid #f2efe9}.start-regel:first-of-type{border-top: 0}.start-regel-label{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.start-regel-waarde{font-size: 14px;font-variant-numeric: tabular-nums}.start-regel.groot .start-regel-waarde{font-size: 18px;font-family: Georgia, serif;line-height: 1.3}.start-regel-waarde.positief{color: #3f6b45}.start-regel-waarde.negatief{color: var(--fout)}.start-regel-waarde.let-op{color: var(--waarschuwing)}.start-rij{display: grid;grid-template-columns: 1.2fr 1fr;gap: 14px;margin-top: 14px;align-items: start}@media (max-width: 760px){.start-rij{grid-template-columns: 1fr}}.start-blok{background: var(--papier);border: 1px solid var(--lijn);border-radius: 14px;padding: 18px 20px;box-shadow: var(--schaduw)}.start-blok h3{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 10px;font-weight: 600}.start-lijst{list-style: none;margin: 0;padding: 0;font-size: 13.5px}.start-lijst li{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 8px 0;border-bottom: 1px solid #f2efe9}.start-lijst li:last-child{border-bottom: 0}.start-lijst li.let-op{color: var(--waarschuwing)}.start-lijst li.let-op::before{content: "●";color: var(--waarschuwing);margin-right: 4px;font-size: 12px}.start-lijst li.positief{color: #3f6b45}.start-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.start-tabel td{padding: 7px 6px;border-bottom: 1px solid #f2efe9}.start-tabel tr:last-child td{border-bottom: 0}.start-tabel td.nr{font-weight: 600}.start-tabel td.zacht{color: var(--zacht);white-space: nowrap}.start-tabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.start-chips{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 10px}.start-chip{font: inherit;font-size: 12px;line-height: 1;padding: 6px 10px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--zacht);display: inline-flex;align-items: center;gap: 6px}button.start-chip{cursor: pointer;transition: border-color .15s ease, color .15s ease, background .15s ease}@media (hover: hover){button.start-chip:hover{border-color: var(--zand);color: var(--inkt);background: var(--zand-licht)}}.start-chip::before{content: "●";font-size: 12px;color: var(--zand)}.start-chip.goed::before{color: #3f6b45}.start-chip.let-op{color: var(--waarschuwing);border-color: #e6d7b4;background: var(--waarschuwing-vlak)}.start-chip.let-op::before{color: var(--waarschuwing)}.start-chip.zacht::before{color: var(--lijn-sterk)}.start-cijfers{display: grid;grid-template-columns: repeat(2, 1fr);gap: 12px;margin-top: 18px}.start-cijfer{background: var(--papier);padding: 16px 18px 15px;display: flex;flex-direction: column;gap: 4px;border: 1px solid var(--lijn);border-radius: 13px;box-shadow: var(--schaduw);position: relative;overflow: hidden}.start-cijfer::after{content: "";position: absolute;left: 18px;right: 18px;top: 0;height: 2px;border-radius: 0 0 3px 3px;background: linear-gradient(90deg, var(--zand), rgba(176,160,136,0));opacity: .75}.start-cijfer.klikbaar{cursor: pointer;transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease}.start-cijfer.klikbaar:focus{outline: none;transform: translateY(-2px);border-color: var(--lijn-sterk);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32)}@media (hover: hover){.start-cijfer.klikbaar:hover{outline: none;transform: translateY(-2px);border-color: var(--lijn-sterk);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 34px -18px rgba(22,21,15,.32)}}.start-cijfer-label{font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.start-cijfer-waarde{font-family: Georgia, serif;font-size: 23px;line-height: 1.15;font-variant-numeric: tabular-nums;color: var(--inkt)}.start-cijfer-sub{font-size: 12px;color: var(--zacht)}.start-cijfer.goed .start-cijfer-waarde{color: #3f6b45}.start-cijfer.minder .start-cijfer-waarde{color: var(--fout)}@media (min-width: 620px){.start-cijfers{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1080px){.start-cijfers{grid-template-columns: repeat(6, 1fr)}.start-cijfer-waarde{font-size: 21px}}@media (min-width: 1080px){.start-tegels{grid-template-columns: repeat(3, 1fr)}}.start-blok-kop{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 10px}.start-blok-kop h3{margin: 0}.start-rij.wijd{grid-template-columns: 1.45fr 1fr}@media (max-width: 900px){.start-rij.wijd{grid-template-columns: 1fr}}.start-voet{margin: 10px 0 0;font-size: 12px;color: var(--zacht)}.start-werktabel{width: 100%;border-collapse: collapse;font-size: 13px}.start-werktabel th{text-align: left;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 0 6px 7px;border-bottom: 1px solid var(--lijn-sterk);white-space: nowrap}.start-werktabel th.getal, .start-werktabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.start-werktabel td{padding: 9px 6px;border-bottom: 1px solid #f2efe9;vertical-align: top}.start-werktabel tr:last-child td{border-bottom: 0}.start-werktabel tr.werkrij{cursor: pointer;transition: background .12s ease}.start-werktabel tr.werkrij:focus td{background: var(--zand-licht)}@media (hover: hover){.start-werktabel tr.werkrij:hover td{background: var(--zand-licht)}}.start-werktabel tr.werkrij:focus{outline: none}.start-werktabel td.naam{min-width: 190px}.start-werktabel td.positief{color: #3f6b45}.start-werktabel td.negatief{color: var(--fout)}.werk-naam{display: block;font-weight: 600}.werk-sub{display: block;font-size: 12px;color: var(--zacht);margin-top: 2px}.werk-spoor{height: 4px;border-radius: 999px;background: var(--lijn);overflow: hidden;margin: 6px 0 3px;max-width: 220px}.werk-spoor i{display: block;height: 100%;background: var(--zand-diep);border-radius: 999px}.start-status{display: inline-block;font-size: 12px;letter-spacing: .04em;padding: 3px 8px;border-radius: 999px;border: 1px solid var(--lijn-sterk);color: var(--zacht);white-space: nowrap;background: var(--achtergrond)}.start-status.uitvoering{color: #3f6b45;border-color: #cfe0cf;background: #f2f7f2}.start-status.hold{color: var(--waarschuwing);border-color: #e6d7b4;background: var(--waarschuwing-vlak)}.start-status.voorbereiding{color: var(--zand-diep)}.start-status.klaar{color: var(--zacht)}.start-klant{padding: 7px 0;border-bottom: 1px solid #f2efe9}.start-klant:last-of-type{border-bottom: 0}.start-klant-regel{display: flex;align-items: baseline;gap: 10px;font-size: 13.5px}.start-klant-naam{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.start-klant-bedrag{font-variant-numeric: tabular-nums;white-space: nowrap}.start-klant-balk{height: 7px;border-radius: 999px;background: var(--zand-licht);overflow: hidden;margin: 5px 0 3px}.start-klant-balk i{display: block;height: 100%;border-radius: 999px;background: linear-gradient(90deg, var(--zand-diep), var(--zand))}.start-klant-sub{font-size: 12px;color: var(--zacht)}.start-tijdlijn{list-style: none;margin: 0;padding: 0}.start-tijdlijn li{display: flex;align-items: flex-start;gap: 10px;padding: 8px 0;border-bottom: 1px solid #f2efe9;cursor: pointer}.start-tijdlijn li:last-child{border-bottom: 0}@media (hover: hover){.start-tijdlijn li:hover .tl-regel{color: var(--zand-diep)}}.start-tijdlijn li::before{content: "";flex: 0 0 auto;width: 8px;height: 8px;border-radius: 50%;margin-top: 5px;background: var(--zand)}.start-tijdlijn li.tl-onderhoud::before{background: #9a6b6b}.start-tijdlijn li.tl-uren::before{background: #5f8a8a}.start-tijdlijn li.tl-km::before{background: #8478a0}.start-tijdlijn li.tl-bank::before{background: #46647d}.tl-tekst{display: flex;flex-direction: column;gap: 1px;min-width: 0;flex: 1}.tl-regel{font-size: 13.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.tl-wanneer{font-size: 12px;color: var(--zacht)}.tl-bedrag{font-size: 13px;font-variant-numeric: tabular-nums;white-space: nowrap;color: var(--inkt)}.omzet{margin-top: 20px;border-radius: 14px;padding: 22px 26px 20px;color: #f4f0e8;background: linear-gradient(135deg, #1d1c16 0%, #2b2921 60%, #3a3628 100%);box-shadow: 0 2px 4px rgba(22,21,15,.06), 0 28px 56px -28px rgba(22,21,15,.55);display: grid;grid-template-columns: minmax(280px, 1.1fr) minmax(260px, 1fr);gap: 20px 36px;align-items: stretch;position: relative;overflow: hidden}.omzet::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: var(--zand)}.omzet-label{font-size: 12px;letter-spacing: .12em;text-transform: uppercase;color: #cdbfa5;font-weight: 600}.omzet-teller{font-family: Georgia, serif;font-size: 46px;line-height: 1.1;margin-top: 8px;font-variant-numeric: tabular-nums;color: #fbf8f2;letter-spacing: .005em}.omzet-sub{font-size: 13px;color: #b9ae98;margin-top: 8px}.omzet-doel{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 16px}.omzet-balk{flex: 1 1 180px;height: 6px;border-radius: 999px;background: rgba(255,255,255,.12);overflow: hidden}.omzet-balk i{display: block;height: 100%;width: 0;background: linear-gradient(90deg, #b0a088, #d9c9ab);border-radius: 999px;transition: width .6s ease}.omzet-doel-tekst{font-size: 12px;color: #d6cbb5;flex-basis: 100%}.omzet-doelknop{background: transparent;color: #d6cbb5;border-color: rgba(255,255,255,.25)}@media (hover: hover){.omzet-doelknop:hover{background: rgba(255,255,255,.08);border-color: #d6cbb5;color: #fbf8f2}}.omzet-rechts{display: flex;flex-direction: column;gap: 14px;justify-content: flex-end}.omzet-maanden{display: flex;align-items: flex-end;gap: 6px;height: 74px}.omzet-maand{flex: 1;display: flex;flex-direction: column;align-items: center;gap: 5px;height: 100%}.omzet-staaf{flex: 1;width: 100%;display: flex;align-items: flex-end;border-bottom: 1px solid rgba(255,255,255,.14)}.omzet-staaf i{display: block;width: 100%;border-radius: 3px 3px 0 0;background: #8a7c66;transition: height .5s ease}.omzet-maand.nu .omzet-staaf i{background: linear-gradient(180deg, #e0d2b4, #b0a088)}.omzet-maand.straks .omzet-staaf i{background: #4a453a}.omzet-maandnaam{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: #8d8470}.omzet-maand.nu .omzet-maandnaam{color: #e0d2b4;font-weight: 600}.omzet-feiten{display: grid;grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));gap: 10px 16px}.omzet-feit{display: flex;flex-direction: column;gap: 1px}.omzet-feit-label{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: #8d8470;font-weight: 600}.omzet-feit-waarde{font-size: 14px;font-variant-numeric: tabular-nums;color: #f4f0e8}.omzet-feit-waarde.positief{color: #a9d0a9}.omzet-feit-waarde.negatief{color: #e2a29c}@media (max-width: 760px){.omzet{grid-template-columns: 1fr}.omzet-teller{font-size: 36px}}@media print{.omzet{display: none}}.omzet-maand{cursor: pointer;border-radius: 4px;transition: background .15s ease}@media (hover: hover){.omzet-maand:hover{background: rgba(255,255,255,.06)}}.omzet-maand.gekozen .omzet-staaf i{background: linear-gradient(180deg, #fff3d6, #d9c9ab);box-shadow: 0 0 0 1px rgba(255,255,255,.35)}.omzet-maand.gekozen .omzet-maandnaam{color: #fbf8f2;font-weight: 600}.omzet-grafiek-voet{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;font-size: 12px;color: #8d8470;margin-top: -4px}.omzet-detail{grid-column: 1 / -1;border-top: 1px solid rgba(255,255,255,.12);padding-top: 18px;margin-top: 4px}.omzet-detail-kop{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px;flex-wrap: wrap}.omzet-detail h3{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 22px;color: #fbf8f2}.omzet-detail-sub{margin: 3px 0 0;font-size: 12.5px;color: #b9ae98}.omzet-detail-knoppen{display: flex;gap: 8px}.omzet-detail-lijf{display: grid;grid-template-columns: minmax(280px, 1.2fr) minmax(240px, 1fr);gap: 18px 36px;margin-top: 16px}.omzet-detail h4{margin: 0 0 10px;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: #cdbfa5;font-weight: 600}.omzet-klant{padding: 7px 0}.omzet-klant-regel{display: flex;align-items: baseline;gap: 10px;font-size: 13px}.omzet-klant-naam{color: #f4f0e8;flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.omzet-klant.grootste .omzet-klant-naam{font-weight: 600;color: #fff}.omzet-klant-aantal{font-size: 12px;color: #8d8470;white-space: nowrap}.omzet-klant-bedrag{font-variant-numeric: tabular-nums;color: #fbf8f2;white-space: nowrap}.omzet-klant-balk{display: flex;align-items: center;gap: 8px;margin-top: 5px}.omzet-klant-balk i{display: block;height: 9px;border-radius: 999px;background: #8a7c66;flex: 0 0 auto;max-width: calc(100% - 44px);transition: width .4s ease}.omzet-klant.grootste .omzet-klant-balk i{background: linear-gradient(90deg, #b0a088, #e0d2b4)}.omzet-klant-pct{font-size: 12px;color: #b9ae98;font-variant-numeric: tabular-nums}.omzet-tabel{width: 100%;border-collapse: collapse;font-size: 12.5px;color: #f4f0e8}.omzet-tabel td{padding: 5px 6px;border-bottom: 1px solid rgba(255,255,255,.08)}.omzet-tabel tr:last-child td{border-bottom: 0}.omzet-tabel td.nr{font-weight: 600}.omzet-tabel td.zacht{color: #8d8470;white-space: nowrap}.omzet-tabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.omzet-tabel tr.klikbaar{cursor: pointer}@media (hover: hover){.omzet-tabel tr.klikbaar:hover td{background: rgba(255,255,255,.05)}}.omzet-facturen{max-height: 420px;overflow: auto}@media (max-width: 760px){.omzet-detail-lijf{grid-template-columns: 1fr}}.importkaart::before{background: #3f6b45}.importkaart .importuitleg{margin: -4px 0 12px;font-size: 13.5px}.importtabel{width: 100%;border-collapse: collapse;font-size: 13px;margin-bottom: 14px}.importtabel th{text-align: left;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 2px 6px 6px;border-bottom: 1px solid var(--lijn-sterk)}.importtabel td{padding: 6px 6px;border-bottom: 1px solid #f2efe9;vertical-align: middle}.importtabel th.getal, .importtabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}.importtabel td.midden{text-align: center;width: 28px}.importtabel td.nr{font-weight: 600}.importtabel td.opm{font-size: 12px;color: var(--zacht)}.importtabel td.opm.let-op{color: var(--waarschuwing)}.importtabel input[type=checkbox]{width: 16px;height: 16px;accent-color: #3f6b45}.importkaart .knoppen{display: flex;gap: 8px}body[data-tab="bank"] .breed{max-width: 1160px}.bank-invoer{margin-top: 18px}#bank-dropzone{margin-top: 4px;border: 1px dashed var(--lijn-sterk);border-radius: 10px;padding: 16px;text-align: center;cursor: pointer;color: var(--zacht);font-size: 13px;transition: background .15s ease, border-color .15s ease}#bank-dropzone.over{background: var(--zand-licht);border-color: var(--zand);color: var(--inkt)}@media (hover: hover){#bank-dropzone:hover{background: var(--zand-licht);border-color: var(--zand);color: var(--inkt)}}#bank-bestand{display: none}#bank-status{font-size: 12.5px;color: var(--zand-diep);margin-top: 10px;min-height: 16px}#bank-status.fout{color: var(--fout)}.bank-leeg{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 18px 20px;box-shadow: var(--schaduw);margin-top: 18px}.bank-leeg h3{font-family: Georgia, serif;font-weight: 400;font-size: 18px;margin: 0 0 6px}.bank-uitleg{margin: 10px 0 0;padding-left: 18px;font-size: 13.5px;color: var(--inkt)}.bank-uitleg li{margin-bottom: 6px}.bank-samenvatting{margin-top: 20px}.bank-kaarten{display: grid;grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));gap: 14px;margin-top: 16px}.bank-kaart{text-align: left;font: inherit;display: flex;flex-direction: column;gap: 2px;cursor: pointer;background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 15px 17px 13px;box-shadow: var(--schaduw);position: relative;overflow: hidden;transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease}.bank-kaart::before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 4px;background: linear-gradient(180deg, var(--zand), var(--zand-diep))}.bank-kaart.grekening::before{background: linear-gradient(180deg, #7f9ab0, #46647d)}@media (hover: hover){.bank-kaart:hover{transform: translateY(-2px);box-shadow: 0 2px 4px rgba(22,21,15,.05), 0 18px 32px -20px rgba(22,21,15,.3)}}.bank-kaart.actief{border-color: var(--zand);background: #fffdf7}.bank-kaart-kop{display: flex;align-items: center;justify-content: space-between;gap: 8px}.bank-bank{font-size: 12px;color: var(--zacht)}.bank-soort{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;font-weight: 600;color: var(--zand-diep);background: var(--zand-licht);border-radius: 999px;padding: 3px 9px;display: inline-block}.bank-soort.g{color: #2f4c63;background: #e7eef4}.bank-soort.spaar{color: #3f6b45;background: #e9f1e9}.bank-soort.krediet{color: #8a6a1c;background: #f7f0dd}.bank-iban{font-size: 12.5px;color: var(--zacht);font-variant-numeric: tabular-nums;margin-top: 8px}.bank-naam{font-size: 13.5px;color: var(--inkt)}.bank-saldo{font-family: Georgia, serif;font-size: 25px;line-height: 1.25;margin-top: 6px;font-variant-numeric: tabular-nums}.bank-saldo.negatief{color: var(--fout)}.bank-saldo-sub{font-size: 12px;color: var(--zacht)}.bank-kaart-voet{display: flex;gap: 10px;flex-wrap: wrap;margin-top: 10px;padding-top: 9px;border-top: 1px solid #f2efe9;font-size: 12px}.bank-voet-bij{color: #3f6b45}.bank-voet-af{color: #8a6a1c}.bank-voet-aantal{color: var(--zacht);margin-left: auto}.bank-beheer{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 16px 18px;box-shadow: var(--schaduw);margin-top: 16px}.bank-beheer h3{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 6px;font-weight: 600}.bank-beheer-tabel{margin-top: 10px}.bank-beheer-iban{font-variant-numeric: tabular-nums;font-size: 13px}.bank-soortkeuze{font: inherit;font-size: 13px;padding: 6px 8px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt)}.bank-rekening{margin-top: 26px}.bank-rekening-kop{display: flex;align-items: flex-end;gap: 14px;flex-wrap: wrap}.bank-rekening-titel{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}.bank-rekening-titel h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0}.bank-cijfers{margin-top: 12px}.bank-gblok{background: #f7fafc;border: 1px solid #dde7ee;border-radius: 12px;padding: 15px 18px;margin-top: 16px}.bank-gblok h4{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: #2f4c63;margin: 0 0 6px;font-weight: 600}.bank-gblok .start-lijst li{border-bottom-color: #e7eef4}.bank-grafiek{margin-top: 20px}.bank-grafiek h4, .bank-waarheen h4, .bank-afschriften h4{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 8px;font-weight: 600}.bank-balken{display: flex;align-items: flex-end;gap: 10px;overflow-x: auto;padding-bottom: 4px}.bank-balk-kolom{background: transparent;border: 0;padding: 4px 4px 0;border-radius: 8px;cursor: pointer;display: flex;flex-direction: column;align-items: center;gap: 6px}@media (hover: hover){.bank-balk-kolom:hover{background: var(--zand-licht)}}.bank-balk-kolom.actief{background: var(--zand-licht);box-shadow: inset 0 0 0 1px var(--zand)}.bank-balk-paar{display: flex;align-items: flex-end;gap: 3px;height: 96px}.bank-balk{width: 13px;border-radius: 3px 3px 0 0}.bank-balk.bij{background: #6f9d76}.bank-balk.af{background: #c2a15a}.bank-balk-label{font-size: 12px;color: var(--zacht)}.bank-legenda{display: flex;align-items: center;gap: 14px;margin-top: 6px;font-size: 12px;color: var(--zacht)}.bank-legenda-bij::before, .bank-legenda-af::before{content: "■";margin-right: 5px}.bank-legenda-bij::before{color: #6f9d76}.bank-legenda-af::before{color: #c2a15a}.bank-filterbalk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 18px 0 4px}.bank-knopgroep{display: inline-flex;border: 1px solid var(--lijn-sterk);border-radius: 7px;overflow: hidden}.bank-keuze{font: inherit;font-size: 12.5px;padding: 6px 11px;background: var(--papier);color: var(--zacht);border: 0;border-right: 1px solid var(--lijn);cursor: pointer}.bank-keuze:last-child{border-right: 0}.bank-keuze.actief{background: var(--zand-licht);color: var(--inkt);font-weight: 600}.bank-zoek{flex: 1 1 200px;min-width: 160px;font: inherit;font-size: 13px;padding: 7px 10px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt)}.bank-zoek:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.bank-tabelwik{overflow-x: auto;margin-top: 6px}.bank-tabel td{vertical-align: top}.bank-tegennaam{font-weight: 600;font-size: 13px}.bank-oms{max-width: 430px;color: var(--zacht);font-size: 12.5px}.bank-bijbedrag{color: #3f6b45;font-weight: 600}.bank-afbedrag{color: var(--inkt)}.bank-subrij td{background: #fbfaf6;font-size: 12.5px;color: var(--zacht)}.bank-factuurpil{display: inline-block;margin-left: 8px;font-size: 12px;padding: 2px 8px;border-radius: 999px;background: #e9f1e9;color: #3f6b45}.bank-uitklap{margin-left: 8px;padding: 2px 8px;font-size: 12px}.bank-waarheen{display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 16px;margin-top: 24px}.bank-waarheen-kolom{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 15px 17px;box-shadow: var(--schaduw)}.bank-waarheen-naam{flex: 1;min-width: 0}.bank-waarheen-bedrag{display: flex;flex-direction: column;align-items: flex-end;gap: 4px;min-width: 96px}.bank-spoor{display: block;width: 90px;height: 4px;background: var(--lijn);border-radius: 2px;overflow: hidden}.bank-spoorbalk{display: block;height: 100%;background: var(--zand-diep);opacity: .75;border-radius: 2px}.bank-afschriften{margin-top: 26px}.bank-blok{margin-top: 24px}.bank-blok-kop{display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap;margin-bottom: 8px}.bank-blok-kop h4{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 0;font-weight: 600}.bank-grafiekkeuze{margin-bottom: 10px;flex-wrap: wrap}.bank-grafiekwik{position: relative;background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 14px 16px 8px;box-shadow: var(--schaduw)}.bank-svg{width: 100%;height: auto;display: block;overflow: visible}.bank-svg text.bank-as{font-size: 12px;fill: var(--zacht);font-family: inherit}@media (hover: hover){.bank-svg .bank-vak:hover{fill: rgba(197,178,138,.14)}}.bank-tip{position: absolute;z-index: 5;pointer-events: none;background: #221f18;color: #f6f2e8;border-radius: 8px;padding: 8px 10px;font-size: 12px;min-width: 120px;box-shadow: 0 10px 24px -12px rgba(0,0,0,.6)}.bank-tip-regel{display: flex;align-items: center;gap: 7px;padding: 1px 0}.bank-tip-regel:first-child{font-weight: 600;margin-bottom: 2px}.bank-tip-stip{width: 8px;height: 8px;border-radius: 50%;flex: 0 0 auto}.bank-tip-label{flex: 1;opacity: .85}.bank-tip-waarde{font-variant-numeric: tabular-nums}.bank-legenda-punt{display: inline-flex;align-items: center;gap: 6px}.bank-legenda-stip{width: 9px;height: 9px;border-radius: 2px;display: inline-block}.bank-grafiekvoet{display: flex;gap: 16px;flex-wrap: wrap;margin-top: 8px;font-size: 12px;color: var(--zacht)}.bank-tweekolom{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 18px}.bank-tweekolom h5, .bank-blok h5{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zacht);margin: 0 0 8px;font-weight: 600}.bank-balklijst{list-style: none;margin: 0;padding: 0}.bank-balklijst li{padding: 7px 0;border-bottom: 1px solid #f2efe9}.bank-balklijst li:last-child{border-bottom: 0}.bank-balklijst li.klikbaar{cursor: pointer}.bank-balklijst-kop{display: flex;align-items: baseline;justify-content: space-between;gap: 10px;font-size: 13px}.bank-balklijst-bedrag{font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap}.bank-balklijst-sub{font-size: 12px;color: var(--zacht)}.bank-spoor.breed{width: 100%;height: 6px;margin: 5px 0 3px}.bank-maandtabel tr.klikbaar{cursor: pointer}@media (hover: hover){.bank-maandtabel tr.klikbaar:hover td{background: var(--zand-licht)}}.bank-maandtabel tr.gemarkeerd td{background: var(--zand-licht)}.bank-maandpagina{margin-top: 22px;background: #fffdf7;border: 1px solid var(--zand);border-radius: 14px;padding: 18px 20px 20px;box-shadow: var(--schaduw)}.bank-maand-kop{display: flex;align-items: flex-end;gap: 14px;flex-wrap: wrap;margin-bottom: 14px}.bank-maand-titel h3{font-family: Georgia, serif;font-weight: 400;font-size: 22px;margin: 0 0 2px}.bank-maand-kop .kop-knoppen{margin-left: auto;display: flex;gap: 8px;flex-wrap: wrap}.bank-maandpagina .bank-grafiekwik{background: var(--papier)}@media print{.zijbalk, .bank-invoer, .bank-kaarten, .bank-filterbalk, .kop-knoppen, .bank-grafiekkeuze{display: none !important}.bank-maandpagina{border: 0;box-shadow: none}}.bank-soort.alles{color: #4a463c;background: #efece3}.bank-kaart.alles::before{background: linear-gradient(180deg, #46647d, #c06a1f)}.bank-jaarblok{margin-top: 28px}.bank-jaarbalk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-bottom: 10px}.bank-jaarbalk .klein{margin-left: auto}.bank-jaarchips{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 6px}.bank-jaarchip{display: inline-flex;align-items: center;gap: 7px;font: inherit;font-size: 12.5px;padding: 5px 12px;border-radius: 999px;cursor: pointer;background: var(--papier);border: 1px solid var(--lijn);color: var(--zacht)}@media (hover: hover){.bank-jaarchip:hover{border-color: var(--zand)}}.bank-jaarchip.actief{border-color: var(--zand);background: var(--zand-licht);color: var(--inkt);font-weight: 600}.bank-jaarchip:not(.actief) .bank-jaarstip{opacity: .3}.bank-jaarstip{width: 9px;height: 9px;border-radius: 2px;display: inline-block}.bank-jaarchip-bedrag{font-variant-numeric: tabular-nums;opacity: .8}.bank-jaarcijfers{margin: 14px 0 16px}.bank-jaarcijfers .sombrok.jaar-goed .som-waarde{color: #3f6b45}.bank-jaarcijfers .sombrok.jaar-let .som-waarde{color: #a3591a}.bank-jaartabel{margin-top: 10px}.bank-jaartabel td.jaar-goed{color: #3f6b45}.bank-jaartabel td.jaar-let{color: #a3591a}.bank-jaartabel tr.bank-jaartotaal td{border-top: 2px solid var(--lijn-sterk);background: #fbfaf6}.bank-jaardeel{margin-top: 22px}.bank-jaardeel .bank-blok-kop{margin-bottom: 6px}.factuurmaakknop{font: inherit;font-size: 12px;padding: 4px 10px;border-radius: 999px;cursor: pointer;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--zand-diep);white-space: nowrap}@media (hover: hover){.factuurmaakknop:hover{border-color: var(--zand);background: var(--zand-licht);color: var(--inkt)}}.statuscel .factuurmaakknop{margin-top: 4px}.factuurvenster{border: 0;border-radius: 14px;padding: 0;width: min(1640px, 97vw);max-width: 97vw;max-height: 96vh;height: min(96vh, 1050px);background: var(--achtergrond);color: var(--inkt);box-shadow: 0 30px 70px -30px rgba(22,21,15,.6)}.factuurvenster::backdrop{background: rgba(22,21,15,.42)}.factuurvenster-kop{display: flex;align-items: flex-start;gap: 12px;padding: 18px 24px 10px}.factuurvenster-kop h3{font-family: Georgia, serif;font-weight: 400;font-size: 20px;margin: 0}.factuurvenster-kop .hint{margin: 2px 0 0}.factuurvenster-kop .klein{margin-left: auto}.factuurvenster-lijf{display: grid;grid-template-columns: minmax(560px, 1.05fr) minmax(460px, 1fr);gap: 26px;padding: 0 24px;max-height: calc(96vh - 168px);overflow: auto}.factuur-raster{display: grid;grid-template-columns: 1fr 1fr;gap: 0 12px;align-items: start}.factuur-raster .veld.breed, .factuur-raster .samen-keuze.breed{grid-column: 1 / -1}.factuurvenster-velden .veld{align-items: stretch;text-align: left;width: 100%}.factuur-groep{margin-bottom: 6px}.factuur-groep h4{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin: 12px 0 8px;font-weight: 600}details.factuur-vouw > summary{list-style: none;cursor: pointer;display: flex;align-items: baseline;gap: 10px;margin: 12px 0 8px;padding: 6px 10px;border: 1px solid var(--lijn);border-radius: 8px;background: var(--papier)}details.factuur-vouw > summary::-webkit-details-marker{display: none}details.factuur-vouw > summary::before{content: "\25b8";color: var(--zand-diep);font-size: 12px}details.factuur-vouw[open] > summary::before{content: "\25be"}@media (hover: hover){details.factuur-vouw > summary:hover{border-color: var(--zand)}}.vouw-titel{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.vouw-kort{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}details.factuur-vouw[open] .vouw-kort{display: none}details.factuur-vouw > .factuur-raster{padding: 2px 2px 6px}.factuurvenster-velden .samen-keuze{font-size: 12.5px;color: var(--zacht);display: flex;align-items: center;gap: 7px;margin: 2px 0 6px}.factuur-regeltabel td:nth-child(2){width: 38%}.factuur-regeltabel td:nth-child(1) input{width: 46px}.factuurvenster-voorbeeld{position: sticky;top: 0}@media (max-width: 1150px){.factuurvenster-lijf{grid-template-columns: 1fr}}@media (min-width: 1250px){.factuurvenster-lijf{grid-template-columns: minmax(660px, 1.12fr) minmax(520px, 1fr)}.factuur-raster{grid-template-columns: repeat(3, 1fr);gap: 0 14px}.factuur-groep h4{margin: 10px 0 6px}.factuurvenster-velden .veld{margin-bottom: 8px}}.factuurvenster-velden .veld{display: flex;flex-direction: column;gap: 4px;margin-bottom: 10px;font-size: 12.5px;color: var(--zacht)}.factuurvenster-velden .veld input, .factuurvenster-velden .veld textarea, .factuurvenster-velden .veld select{font: inherit;font-size: 13.5px;color: var(--inkt);padding: 7px 9px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);box-sizing: border-box;width: 100%}.factuur-modus{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 4px 0 10px}.factuur-regels{background: var(--papier);border: 1px solid var(--lijn);border-radius: 10px;padding: 10px 12px}.factuur-regeltabel{width: 100%;border-collapse: collapse;font-size: 12.5px;table-layout: fixed}.factuur-regeltabel th:nth-child(1), .factuur-regeltabel td:nth-child(1){width: 54px}.factuur-regeltabel th:nth-child(3), .factuur-regeltabel td:nth-child(3){width: 110px}.factuur-regeltabel th:nth-child(4), .factuur-regeltabel td:nth-child(4){width: 62px}.factuur-regeltabel th:nth-child(5), .factuur-regeltabel td:nth-child(5){width: 74px}.factuur-regeltabel th:nth-child(6), .factuur-regeltabel td:nth-child(6){width: 96px}.factuur-regeltabel th:nth-child(7), .factuur-regeltabel td:nth-child(7){width: 26px}.factuur-regeltabel th{text-align: left;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);padding: 4px 4px}.factuur-regeltabel td{padding: 3px 4px}.factuur-regeltabel input{font: inherit;font-size: 12.5px;padding: 5px 7px;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);color: var(--inkt);width: 100%;box-sizing: border-box}.factuur-regeltabel input.getal{text-align: right;font-variant-numeric: tabular-nums}.factuur-totaal{display: block;margin-top: 8px;font-size: 12.5px;color: var(--zand-diep);font-variant-numeric: tabular-nums}.factuurvenster-voorbeeldkop{display: flex;align-items: baseline;gap: 10px;margin-bottom: 6px}.factuur-melding{font-size: 12px;color: var(--zand-diep);margin-left: auto}.factuur-frame{width: 100%;height: calc(96vh - 250px);min-height: 430px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--papier)}.factuurvenster-voet{display: flex;align-items: center;gap: 12px;padding: 14px 24px 18px}.factuurvenster-voet .hint{flex: 1}.zoekknop{display: inline-flex;align-items: center;gap: 10px;color: var(--zacht);min-width: 190px;justify-content: space-between}.zoekknop::before{content: "⌕";font-size: 17px;line-height: 1;color: var(--zand-diep);margin-right: -4px}.zoekknop-tekst{flex: 1;text-align: left}kbd{font: inherit;font-size: 12px;letter-spacing: .04em;padding: 2px 6px;border-radius: 4px;border: 1px solid var(--lijn-sterk);background: var(--achtergrond);color: var(--zacht);white-space: nowrap}@media (max-width: 900px){.zoekknop{min-width: 0}.zoekknop-tekst, .zoekknop kbd{display: none}}#hulp-knop{width: 34px;padding: 9px 0;text-align: center}.zoekvenster{border: 1px solid var(--lijn-sterk);border-radius: 14px;padding: 0;width: min(660px, 92vw);box-shadow: 0 30px 70px -24px rgba(22,21,15,.5);background: var(--papier);color: var(--inkt);margin-top: 8vh}.zoekvenster::backdrop{background: rgba(22,21,15,.34);backdrop-filter: blur(2px)}.zoek-kop{display: flex;align-items: center;gap: 10px;padding: 14px 16px;border-bottom: 1px solid var(--lijn)}.zoek-kop input{font: inherit;font-size: 16px;flex: 1;border: 0;background: transparent;color: var(--inkt);outline: none}.zoek-uitslag{max-height: 52vh;overflow-y: auto;padding: 6px}.zoek-groep{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;padding: 10px 12px 4px}.zoek-rij{display: flex;align-items: baseline;gap: 10px;padding: 9px 12px;border-radius: 8px;cursor: pointer;width: 100%;text-align: left;border: 0;background: transparent;font: inherit}.zoek-rij.gekozen{background: var(--zand-licht)}@media (hover: hover){.zoek-rij:hover{background: var(--zand-licht)}}.zoek-rij-naam{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px}.zoek-rij-sub{font-size: 12px;color: var(--zacht);white-space: nowrap}.zoek-leeg{padding: 26px 14px;text-align: center;color: var(--zacht);font-size: 13.5px}.zoek-voet{margin: 0;padding: 10px 16px;border-top: 1px solid var(--lijn);font-size: 12px}.hulpvenster{border: 1px solid var(--lijn-sterk);border-radius: 14px;padding: 22px 26px;width: min(520px, 92vw);box-shadow: 0 30px 70px -24px rgba(22,21,15,.5);background: var(--papier);color: var(--inkt)}.hulpvenster::backdrop{background: rgba(22,21,15,.34)}.hulpvenster h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0 0 14px}.hulptabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.hulptabel td{padding: 8px 4px;border-bottom: 1px solid var(--lijn)}.hulptabel tr:last-child td{border-bottom: 0}.hulptabel td:first-child{width: 130px;white-space: nowrap}.omhoog{position: fixed;right: 22px;bottom: 22px;z-index: 20;width: 42px;height: 42px;padding: 0;border-radius: 50%;font-size: 17px;line-height: 1;background: var(--papier);box-shadow: 0 2px 4px rgba(22,21,15,.06), 0 14px 28px -14px rgba(22,21,15,.4)}@media print{.omhoog, .zoekknop, #hulp-knop{display: none !important}}.tabknop{position: relative}.tab-teller{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);min-width: 20px;height: 20px;padding: 0 6px;border-radius: 999px;font-size: 12px;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;background: var(--zand-licht);color: var(--zand-diep);border: 1px solid var(--lijn-sterk)}.tab-teller.let-op{background: var(--waarschuwing-vlak);color: var(--waarschuwing);border-color: #e6d7b4}@media (max-width: 760px){.tab-teller{position: static;transform: none;margin-left: 6px}}footer{color: var(--zacht);font-size: 12.5px;margin-top: 32px;text-align: center}footer .streep{width: 40px;height: 1px;background: var(--lijn-sterk);margin: 0 auto 14px}:root{--rail: 252px;--goud: #c8b48c;--goud-zacht: rgba(200,180,140,.20);--rail-boven: #201e16;--rail-onder: #121109;--schaduw-luxe: 0 1px 2px rgba(22,21,15,.04), 0 18px 44px -26px rgba(22,21,15,.42);--schaduw-hoog: 0 2px 6px rgba(22,21,15,.06), 0 30px 60px -30px rgba(22,21,15,.5)}body{padding: 0 clamp(16px, 2.4vw, 48px) 88px;background: radial-gradient(1300px 620px at 8% -12%, #fffefb 0%, rgba(255,254,251,0) 62%), radial-gradient(1000px 520px at 100% -6%, #f1ece1 0%, rgba(241,236,225,0) 58%), var(--achtergrond);background-attachment: fixed}body > .breed, body[data-tab] > .breed{max-width: min(100%, 2280px);width: 100%;margin: 0 auto}.werkblad{gap: 30px}.inhoud{flex: 1 1 auto;min-width: 0}header{display: grid;grid-template-columns: auto minmax(0, 1fr);grid-template-areas: "logo titel" "logo sub" "streep streep";align-items: center;column-gap: 26px;row-gap: 2px;padding: 30px 0 20px;text-align: left}header img{grid-area: logo;width: 168px;margin: 0;align-self: center}header h1{grid-area: titel;align-self: end;font-size: 26px;letter-spacing: .04em}header p{grid-area: sub;align-self: start;margin: 3px 0 0;font-size: 13px;letter-spacing: .05em}header .kopstreep{grid-area: streep;width: 100%;height: 1px;margin: 20px 0 0;border-radius: 0;background: linear-gradient(90deg, var(--zand) 0%, var(--lijn-sterk) 42%, rgba(227,222,211,0) 100%)}.werkbalk-boven{top: 30px;right: clamp(16px, 2.4vw, 48px)}@media (max-width: 900px){header{grid-template-columns: auto 1fr;column-gap: 16px}header img{width: 120px}}@media (max-width: 620px){header{grid-template-areas: "logo logo" "titel titel" "sub sub" "streep streep";text-align: center;justify-items: center}header img{width: 150px}}.zijbalk{flex: 0 0 var(--rail);top: 18px;gap: 2px;padding: 16px 12px 14px;border-radius: 16px;border: 1px solid #2b2820;background: linear-gradient(180deg, var(--rail-boven) 0%, var(--rail-onder) 100%);box-shadow: var(--schaduw-hoog)}.rail-merk{display: flex;align-items: center;gap: 11px;padding: 6px 12px 16px;margin: 0 0 10px;border-bottom: 1px solid rgba(200,180,140,.18)}.rail-monogram{flex: 0 0 auto;width: 38px;height: 38px;border-radius: 10px;display: inline-flex;align-items: center;justify-content: center;font-family: Georgia, serif;font-size: 13.5px;letter-spacing: .06em;color: #14130e;background: linear-gradient(145deg, #e2d3b4 0%, var(--goud) 55%, #a08d6c 100%);box-shadow: 0 6px 14px -8px rgba(0,0,0,.9)}.rail-naam{display: flex;flex-direction: column;line-height: 1.25;min-width: 0}.rail-naam b{font-family: Georgia, serif;font-weight: 400;font-size: 14px;color: #f5f1e7;letter-spacing: .02em}.rail-naam small{font-size: 12px;white-space: nowrap;letter-spacing: .13em;text-transform: uppercase;color: #8b8474}.tabknop{color: #b6afa0;border: 0;border-left: 3px solid transparent;border-radius: 10px;padding: 11px 14px;transition: background .15s ease, color .15s ease}.tabknop small{color: #837c6e}@media (hover: hover){.tabknop:hover{background: rgba(255,255,255,.055);color: #f3efe5;border-color: transparent}}@media (hover: hover){.tabknop:hover small{color: #9a9384}}.tabknop.actief{background: linear-gradient(90deg, var(--goud-zacht) 0%, rgba(200,180,140,.05) 100%);color: #fffdf8;font-weight: 600;box-shadow: none;border-left: 3px solid var(--goud)}.tabknop.actief small{color: var(--goud)}.tab-teller{background: rgba(200,180,140,.16);color: #e6d9bd;border-color: rgba(200,180,140,.34)}.tab-teller.let-op{background: rgba(214,160,64,.2);color: #f0c982;border-color: rgba(214,160,64,.42)}@media (max-width: 760px){.zijbalk{flex-direction: row;flex-wrap: wrap;border-radius: 14px;padding: 8px}.rail-merk{display: none}.tabknop{border-left: 0;border-bottom: 3px solid transparent}.tabknop.actief{border-left: 0;border-bottom: 3px solid var(--goud)}}.kaart, .start-blok, .zijblok, .sombrok, .start-tegel{border-radius: 14px;box-shadow: var(--schaduw-luxe)}.kaart{padding: 24px 26px}.zijblok{border-radius: 14px}button, .knop{border-radius: 8px}.veld input, .veld select, .veld textarea{border-radius: 8px}dialog{border-radius: 16px;box-shadow: 0 40px 90px -30px rgba(0,0,0,.55)}::selection{background: var(--goud-zacht)}.omhoog{border-radius: 50%}*{scrollbar-color: var(--lijn-sterk) transparent;scrollbar-width: thin}::-webkit-scrollbar{width: 11px;height: 11px}::-webkit-scrollbar-track{background: transparent}::-webkit-scrollbar-thumb{background: #d8d1c3;border: 3px solid transparent;background-clip: content-box;border-radius: 999px}@media (hover: hover){::-webkit-scrollbar-thumb:hover{background: var(--zand);border: 3px solid transparent;background-clip: content-box}}@media (max-width: 1180px){:root{--rail: 200px}.werkblad{gap: 20px}}@media (max-width: 1040px){.omzet{grid-template-columns: 1fr}.start-rij, .start-rij.wijd{grid-template-columns: 1fr}}@media (min-width: 1760px){.start-tegels{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 2100px){.start-tegels{grid-template-columns: repeat(6, 1fr)}}@media (min-width: 1500px){#facturen-blad:not([hidden]){display: grid;grid-template-columns: minmax(0, 1fr) clamp(330px, 23vw, 430px);gap: 26px;align-items: start}#facturen-blad > #dropzone, #facturen-blad > #samenvoegen, #facturen-blad > #kaarten, #facturen-blad > #leeg{grid-column: 1}#facturen-blad > .zijblok{grid-column: 2;grid-row: 1 / span 4;position: sticky;top: 18px;margin-top: 0}}section[hidden]{display: none !important}@media print{body{background: #fff}header{display: block;text-align: center}header img{margin: 0 auto 18px}}.km-groepbalk{display: flex;gap: 8px;flex-wrap: wrap;margin: 4px 0 16px}.km-groepknop{display: inline-flex;align-items: center;gap: 9px;font: inherit;font-size: 14px;padding: 9px 16px;border: 1px solid var(--lijn-sterk);border-radius: 999px;background: var(--papier);color: var(--zand-diep);cursor: pointer;transition: .12s}@media (hover: hover){.km-groepknop:hover{color: var(--inkt);border-color: var(--inkt)}}.km-groepknop.actief{background: var(--inkt);color: var(--papier);border-color: var(--inkt);font-weight: 600}.km-groepknop.leeg{opacity: .55}.km-groepaantal{font-size: 12px;font-variant-numeric: tabular-nums;padding: 1px 8px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep)}.km-groepknop.actief .km-groepaantal{background: rgba(255,255,255,.16);color: var(--papier)}.km-groepstip{font-size: 12px;font-weight: 700;padding: 1px 7px;border-radius: 999px;background: #f3e2cd;color: #8a5a1c}.km-groepknop.actief .km-groepstip{background: #d9a24a;color: #2a2114}.km-heleweek{margin: -4px 0 14px}.start-rij.mailrij{grid-template-columns: minmax(320px, 680px);margin-top: 14px}@media (max-width: 900px){.start-rij.mailrij{grid-template-columns: 1fr}}.mailblok .start-blok-kop{margin-bottom: 8px}.mailblok .start-blok-kop h3{display: flex;align-items: center;gap: 8px}.mail-teller{display: inline-flex;align-items: center;justify-content: center;min-width: 22px;height: 20px;padding: 0 7px;border-radius: 999px;font-size: 12px;font-weight: 700;letter-spacing: .01em;background: var(--zand-diep);color: #fff}.mail-teller.stil{background: var(--lijn);color: var(--zacht)}.mail-kopknoppen{display: flex;align-items: center;gap: 6px}.maillijst{list-style: none;margin: 0;padding: 0}.maillijst li{display: flex;align-items: flex-start;gap: 10px;padding: 8px 4px;border-bottom: 1px solid #f2efe9;cursor: pointer;border-radius: 8px;transition: background .12s ease}.maillijst li:last-child{border-bottom: 0}.maillijst li:focus{background: var(--zand-licht);outline: none}@media (hover: hover){.maillijst li:hover{background: var(--zand-licht);outline: none}}.maillijst li::before{content: "";flex: 0 0 auto;width: 8px;height: 8px;border-radius: 50%;margin-top: 6px;background: var(--zand-diep)}.mail-tekst{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1}.mail-van{font-size: 13px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mail-onderwerp{font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mail-snippet{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.mail-wanneer{font-size: 12px;color: var(--zacht);white-space: nowrap;margin-top: 1px}.mail-bijlage{font-size: 12px;color: var(--zand-diep)}.mail-vanrij{display: flex;align-items: center;gap: 7px;min-width: 0}.mail-vanrij .mail-van{flex: 0 1 auto}.mail-bericht{margin: 0 0 8px;font-size: 12px;color: var(--zacht)}.mail-bericht.positief{color: #3f6b45;font-weight: 600}.maillijst li.mail-nieuw{background: var(--zand-licht)}.maillijst li.mail-nieuw::before{background: #3f6b45;box-shadow: 0 0 0 3px rgba(63,107,69,.14)}.mail-merk{display: inline-block;margin-left: 7px;padding: 1px 6px;border-radius: 999px;vertical-align: 1px;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;font-weight: 700;background: #3f6b45;color: #fff}.mail-voet{display: flex;align-items: center;justify-content: space-between;gap: 10px;margin: 8px 0 0;font-size: 12px;color: var(--zacht)}.ag-balk{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;background: var(--papier);border: 1px solid var(--lijn);border-radius: 14px;padding: 12px 14px;box-shadow: var(--schaduw-luxe, var(--schaduw));margin-bottom: 16px}.ag-balk .ag-titel{font-family: Georgia, "Iowan Old Style", "Times New Roman", serif;font-size: 22px;margin: 0 6px 0 0;min-width: 210px;letter-spacing: .01em}.ag-balk .ag-rek{flex: 1 1 auto}.ag-pijlen{display: inline-flex;border: 1px solid var(--lijn-sterk);border-radius: 6px;overflow: hidden}.ag-pijlen button{border: 0;border-radius: 0;padding: 8px 13px;background: var(--papier)}.ag-pijlen button + button{border-left: 1px solid var(--lijn)}.ag-standen{display: inline-flex;border: 1px solid var(--lijn-sterk);border-radius: 6px;overflow: hidden}.ag-standen button{border: 0;border-radius: 0;padding: 8px 15px;background: var(--papier)}.ag-standen button + button{border-left: 1px solid var(--lijn)}.ag-standen button.actief{background: var(--inkt);color: #fdfcfa}@media (hover: hover){.ag-standen button.actief:hover{background: #2b2820}}.ag-zoek{padding: 8px 12px;border: 1px solid var(--lijn-sterk);border-radius: 6px;font: inherit;font-size: 13px;min-width: 170px}.ag-blad{display: grid;grid-template-columns: minmax(0, 1fr) 340px;gap: 16px;align-items: start}@media (max-width: 1180px){.ag-blad{grid-template-columns: 1fr}}.ag-vlak{background: var(--papier);border: 1px solid var(--lijn);border-radius: 14px;box-shadow: var(--schaduw-luxe, var(--schaduw));padding: 16px}.ag-vlak h3{margin: 0 0 10px;font-size: 14px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600}.ag-maand{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 1px;background: var(--lijn);border: 1px solid var(--lijn);border-radius: 12px;overflow: hidden}.ag-dagkop{background: var(--zand-licht);padding: 9px 10px;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;text-align: left}.ag-dag{background: var(--papier);min-height: 118px;padding: 7px 8px 9px;text-align: left;border: 0;border-radius: 0;display: block;width: 100%;cursor: pointer;font: inherit;transition: background .12s ease}@media (hover: hover){.ag-dag:hover{background: #faf8f4;border-color: transparent}}.ag-dag.buiten{background: #fbfaf7}.ag-dag.buiten .ag-dagnr{color: #b8b2a5}.ag-dag.weekend{background: #fbf9f5}.ag-dag.vandaag{box-shadow: inset 0 0 0 2px var(--zand)}.ag-dag.gekozen{box-shadow: inset 0 0 0 2px var(--inkt);background: #faf8f4}.ag-dagnr{display: flex;align-items: center;justify-content: space-between;font-size: 13px;font-weight: 600;margin-bottom: 5px}.ag-dag.vandaag .ag-dagnr b{background: var(--inkt);color: #fdfcfa;border-radius: 999px;padding: 1px 7px}.ag-dagnr small{font-weight: 400;color: var(--zacht);font-size: 12px}.ag-chip{display: block;font-size: 12px;line-height: 1.35;padding: 2px 5px 2px 7px;border-radius: 4px;margin-bottom: 3px;border-left: 3px solid currentColor;background: var(--chipvlak, #eee);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ag-chip b{font-weight: 600}.ag-chip .ag-tijd{opacity: .78;margin-right: 4px;font-variant-numeric: tabular-nums}.ag-chip.helehele{border-left-width: 3px}.ag-meer{font-size: 12px;color: var(--zacht);padding-left: 2px}.ag-week{display: grid;grid-template-columns: repeat(7, minmax(0, 1fr));gap: 10px}@media (max-width: 900px){.ag-week{grid-template-columns: 1fr}}.ag-weekdag{border: 1px solid var(--lijn);border-radius: 10px;overflow: hidden;background: var(--papier)}.ag-weekdag.vandaag{border-color: var(--zand);box-shadow: 0 0 0 1px var(--zand)}.ag-weekdag-kop{padding: 8px 10px;background: var(--zand-licht);font-size: 12px;font-weight: 600;color: var(--zand-diep);display: flex;justify-content: space-between}.ag-weekdag-lijf{padding: 8px;min-height: 130px}.ag-weekdag-leeg{font-size: 12px;color: #b8b2a5;padding: 4px 2px}.ag-lijst-dag{border-top: 1px solid var(--lijn);padding: 12px 0 4px}.ag-lijst-dag:first-child{border-top: 0;padding-top: 0}.ag-lijst-datum{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;margin-bottom: 8px}.ag-lijst-datum.isvandaag{color: var(--inkt)}.ag-regel{display: grid;grid-template-columns: 118px minmax(0, 1fr);gap: 12px;align-items: start;padding: 8px 10px 8px 0;border-radius: 8px;cursor: pointer;width: 100%;border: 0;background: none;font: inherit;text-align: left}@media (hover: hover){.ag-regel:hover{background: #faf8f4}}.ag-regel .ag-uur{font-size: 12.5px;color: var(--zacht);font-variant-numeric: tabular-nums;padding-top: 1px;white-space: nowrap}.ag-regel .ag-wat{min-width: 0}.ag-regel .ag-naam{font-weight: 600;display: block}.ag-regel .ag-sub{font-size: 12.5px;color: var(--zacht);display: block;margin-top: 2px;overflow: hidden;text-overflow: ellipsis}.ag-stip{display: inline-block;width: 9px;height: 9px;border-radius: 999px;margin-right: 7px;vertical-align: baseline}.ag-zij{display: grid;gap: 16px}.ag-nu{background: linear-gradient(160deg, var(--rail-boven, #201e16), var(--rail-onder, #121109));color: #f3efe4;border-radius: 14px;padding: 16px 16px 14px;box-shadow: var(--schaduw-hoog, var(--schaduw))}.ag-nu h3{color: var(--goud, #c8b48c);margin: 0 0 4px;font-size: 12px;letter-spacing: .1em;text-transform: uppercase}.ag-nu .ag-nu-datum{font-family: Georgia, serif;font-size: 20px;margin-bottom: 12px}.ag-nu-regel{display: grid;grid-template-columns: 62px minmax(0, 1fr);gap: 10px;padding: 7px 0;border-top: 1px solid rgba(243,239,228,.13);font-size: 13px}.ag-nu-regel:first-of-type{border-top: 0}.ag-nu-regel .t{color: var(--goud, #c8b48c);font-variant-numeric: tabular-nums}.ag-nu-regel .n{overflow: hidden;text-overflow: ellipsis}.ag-nu-regel .n small{display: block;color: rgba(243,239,228,.6);font-size: 12px}.ag-nu-leeg{color: rgba(243,239,228,.65);font-size: 13px}.ag-nu-bezig{box-shadow: inset 2px 0 0 var(--goud, #c8b48c);padding-left: 8px;margin-left: -8px}.ag-agendas{display: grid;gap: 2px}.ag-agenda{display: flex;align-items: center;gap: 9px;padding: 6px 6px;border-radius: 7px;cursor: pointer;border: 0;background: none;font: inherit;text-align: left;width: 100%}@media (hover: hover){.ag-agenda:hover{background: #faf8f4}}.ag-agenda.uit{opacity: .42}.ag-agenda .ag-vink{width: 15px;height: 15px;border-radius: 4px;border: 1.5px solid currentColor;flex: 0 0 auto;display: grid;place-items: center;font-size: 12px;color: #fff}.ag-agenda .ag-anaam{flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px}.ag-agenda .ag-atel{font-size: 12px;color: var(--zacht);font-variant-numeric: tabular-nums}.ag-gedeeld{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);background: var(--zand-licht);border-radius: 4px;padding: 1px 5px}.ag-voet{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 8px;font-size: 12px;color: var(--zacht);margin-top: 12px}.ag-bericht{font-size: 13px;margin: 0 0 10px;padding: 8px 11px;border-radius: 8px;background: var(--zand-licht)}.ag-bericht.positief{background: #eaf3ec;color: #2c5c38}.ag-venster{max-width: min(620px, 94vw)}.ag-venster h3{margin: 0 0 4px;font-family: Georgia, serif;font-size: 21px;font-weight: 400}.ag-venster .ag-vwanneer{color: var(--zacht);font-size: 13.5px;margin: 0 0 14px}.ag-vrij{display: grid;grid-template-columns: 120px minmax(0, 1fr);gap: 6px 14px;font-size: 14px;padding: 7px 0;border-top: 1px solid var(--lijn)}.ag-vrij .k{color: var(--zacht);font-size: 13px}.ag-vrij .v{white-space: pre-wrap;word-break: break-word}.start-rij.agendarij{grid-template-columns: minmax(320px, 680px);margin-top: 14px}@media (max-width: 900px){.start-rij.agendarij{grid-template-columns: 1fr}}.agendablok .ag-mini-dag{margin-top: 10px}.agendablok .ag-mini-kop{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;margin-bottom: 5px}.agendablok .ag-regel{grid-template-columns: 104px minmax(0, 1fr);padding: 6px 8px 6px 0}.ag-teller{display: inline-block;min-width: 22px;text-align: center;margin-left: 8px;padding: 1px 7px;border-radius: 999px;background: var(--inkt);color: #fdfcfa;font-size: 12px;font-weight: 600;vertical-align: 2px}.ag-teller.stil{background: var(--lijn);color: var(--zacht)}.ag-kopknoppen{display: flex;gap: 8px}.subbalk{display: flex;gap: 8px;flex-wrap: wrap;align-items: center;margin: 0 0 20px;padding-bottom: 14px;border-bottom: 1px solid var(--lijn)}.subknop{display: inline-flex;flex-direction: column;align-items: flex-start;gap: 1px;font: inherit;font-size: 14px;line-height: 1.25;padding: 9px 18px;border: 1px solid var(--lijn-sterk);border-radius: 999px;background: var(--papier);color: var(--inkt);cursor: pointer;transition: all .14s ease}.subknop small{font-size: 12px;color: var(--zacht);letter-spacing: .02em}@media (hover: hover){.subknop:hover{border-color: var(--zand);background: var(--zand-licht)}}.subknop.actief{background: var(--inkt);border-color: var(--inkt);color: #fdfcfa}.subknop.actief small{color: #c8b48c}.subknop .sub-teller{position: absolute;margin: -22px 0 0 0;align-self: flex-end}#proforma-blad[hidden], #facturen-blad[hidden]{display: none !important}.pf-kop{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;flex-wrap: wrap;margin-bottom: 18px}.pf-kop h2{font-family: Georgia, serif;font-weight: 400;font-size: 22px;margin: 0}.pf-kop p{margin: 6px 0 0;color: var(--zacht);font-size: 13.5px;max-width: 640px}.pf-kop .kop-knoppen{display: flex;gap: 8px;flex-wrap: wrap}.pf-tegels{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 14px;margin-bottom: 20px}.pf-tegel{background: var(--papier);border: 1px solid var(--lijn);border-radius: 14px;padding: 16px 18px;box-shadow: var(--schaduw)}.pf-tegel .pf-tegel-label{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zacht)}.pf-tegel .pf-tegel-getal{font-family: Georgia, serif;font-size: 25px;margin-top: 6px}.pf-tegel .pf-tegel-sub{font-size: 12.5px;color: var(--zacht);margin-top: 3px}.pf-balk{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;margin-bottom: 14px}.pf-balk .zoek{flex: 1;min-width: 200px}.pf-lijst{display: flex;flex-direction: column;gap: 12px}.pf-rij{background: var(--papier);border: 1px solid var(--lijn);border-radius: 12px;padding: 15px 18px;box-shadow: var(--schaduw);position: relative}.pf-rij::before{content: "";position: absolute;left: 0;top: 14px;bottom: 14px;width: 3px;border-radius: 0 3px 3px 0;background: var(--zand)}.pf-rij.klaar::before{background: #2f6b4f}.pf-rij.wacht::before{background: #c08a1f}.pf-rij-kop{display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap}.pf-rij-nr{font-family: Georgia, serif;font-size: 17px}.pf-rij-klant{font-weight: 500}.pf-rij-sub{color: var(--zacht);font-size: 13px}.pf-rij-bedrag{margin-left: auto;font-family: Georgia, serif;font-size: 18px;white-space: nowrap}.pf-rij-regels{margin: 8px 0 0;padding: 0;list-style: none;font-size: 13px;color: var(--zacht)}.pf-rij-regels li{display: flex;justify-content: space-between;gap: 12px;padding: 2px 0}.pf-rij-knoppen{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 12px;align-items: center}.pf-vlag{display: inline-block;font-size: 12px;letter-spacing: .06em;text-transform: uppercase;padding: 3px 10px;border-radius: 999px;border: 1px solid var(--lijn-sterk);color: var(--zacht)}.pf-vlag.concept{background: #f3f1ec}.pf-vlag.verstuurd{background: var(--zand-licht);color: var(--zand-diep);border-color: var(--zand)}.pf-vlag.order{background: #fbf3e2;color: #7d5a12;border-color: #e0c893}.pf-vlag.gefactureerd{background: #eaf2ed;color: #2f6b4f;border-color: #b8d3c3}.pf-vlag.vervallen{background: #f6f4f0;color: #8a857a}.pf-leeg{background: var(--papier);border: 1px dashed var(--lijn-sterk);border-radius: 12px;padding: 34px 22px;text-align: center;color: var(--zacht)}#proforma-venster{max-width: min(1500px, 96vw);width: min(1500px, 96vw)}#proforma-venster .pf-blok{border: 1px solid var(--lijn);border-radius: 10px;padding: 15px 17px;margin-bottom: 15px}#proforma-venster .pf-blok > h3{margin: 0 0 12px;font-family: Georgia, serif;font-weight: 400;font-size: 16px}#proforma-venster details.pf-blok > summary{cursor: pointer;font-family: Georgia, serif;font-size: 16px}#proforma-venster details.pf-blok > summary .pf-samenvatting{font-family: inherit;font-size: 13px;color: var(--zacht);margin-left: 10px}#proforma-venster details.pf-blok[open] > summary{margin-bottom: 12px}.pf-velden{display: grid;grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));gap: 13px}@media (min-width: 1250px){#proforma-venster .pf-velden{grid-template-columns: repeat(3, 1fr)}}.pf-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.pf-tabel th{text-align: left;font-weight: 500;font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zacht);padding: 0 6px 6px;white-space: nowrap}.pf-tabel td{padding: 3px 6px 3px 0;vertical-align: middle}.pf-tabel input, .pf-tabel select{width: 100%;font: inherit;font-size: 13.5px;padding: 7px 9px;border: 1px solid var(--lijn-sterk);border-radius: 6px;background: var(--papier);color: var(--inkt)}.pf-tabel input:focus, .pf-tabel select:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.pf-tabel td.getal input{text-align: right}.pf-tabel td.bedrag{text-align: right;white-space: nowrap;font-variant-numeric: tabular-nums}.pf-tabel .pf-weg{padding: 6px 9px;font-size: 12px}.pf-regelvoet{display: flex;justify-content: space-between;align-items: center;gap: 12px;flex-wrap: wrap;margin-top: 12px}.pf-totaal{font-family: Georgia, serif;font-size: 19px}#proforma-venster .voorbeeld iframe{height: calc(96vh - 300px);min-height: 320px}.pf-orderveld{display: flex;gap: 8px;align-items: center;flex-wrap: wrap}.pf-orderveld input{font: inherit;font-size: 13.5px;padding: 7px 10px;border: 1px solid var(--lijn-sterk);border-radius: 6px;width: 170px}.werkmapblok{margin: 26px 0 0}.werkmapblok .categorie-kop{margin-top: 18px}.mw-chips{display: flex;flex-wrap: wrap;gap: 8px;margin: 12px 0 6px}.mw-chip{display: inline-flex;flex-direction: column;align-items: flex-start;gap: 1px;padding: 7px 13px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font-size: 13.5px;line-height: 1.3;cursor: pointer;transition: background .12s, border-color .12s, color .12s}.mw-chip small{font-size: 12px;color: var(--zacht)}@media (hover: hover){.mw-chip:hover{border-color: var(--zand);background: var(--zand-licht)}}.mw-chip.aan{background: #26241c;border-color: #26241c;color: #f6f2ea}.mw-chip.aan small{color: #c8b48c}.mw-chip.klein{padding: 4px 10px;font-size: 12.5px}.mw-chip.mw-beheer{border-style: dashed;color: var(--zacht)}.mw-bericht{margin: 14px 0 4px}.wm-lijst{display: flex;flex-direction: column;gap: 8px;margin: 12px 0 10px}.wm-stuk{display: grid;grid-template-columns: 34px minmax(0, 1fr) auto 30px;gap: 10px;align-items: start;padding: 10px 12px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--papier)}.wm-merk{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 30px;border-radius: 7px;background: var(--zand-licht);color: var(--zand-diep);font-size: 12px;font-weight: 700;letter-spacing: .02em}.wm-stuk.soort-foto .wm-merk{background: #eaf0f4;color: #4a6b8a}.wm-stuk.soort-link .wm-merk{background: #edeaf4;color: #6f6194;font-size: 15px}.wm-stuk.soort-tekst .wm-merk{background: #eef2ec;color: #4f6b4f;font-size: 15px}.wm-midden{display: flex;flex-direction: column;gap: 6px;min-width: 0}.wm-midden input, .wm-midden textarea{font: inherit;font-size: 13.5px;padding: 6px 9px;width: 100%;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);color: var(--inkt)}.wm-midden input:focus, .wm-midden textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.wm-titel{font-weight: 600}.wm-url{font-size: 12.5px !important;color: var(--zacht)}.wm-bestandsregel{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;font-size: 12.5px;color: var(--zacht)}.wm-bestandsnaam{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 320px}.wm-maat{color: var(--zand-diep)}.wm-voor{display: flex;flex-wrap: wrap;gap: 5px;align-items: center;max-width: 340px;justify-content: flex-end}.wm-voorlabel{font-size: 12px;color: var(--zacht);text-transform: uppercase;letter-spacing: .06em}.wm-toevoegen{display: flex;gap: 8px;flex-wrap: wrap;align-items: center;margin-top: 6px}.wm-status{font-size: 12.5px;color: var(--zand-diep)}.wm-sleep{margin-top: 10px;padding: 14px;text-align: center;font-size: 13px;color: var(--zacht);border: 1px dashed var(--lijn-sterk);border-radius: 10px;background: var(--achtergrond)}.wm-sleep.erover{border-color: var(--zand);background: var(--zand-licht);color: var(--inkt)}.werkmap-kijker{border: 0;border-radius: 14px;padding: 0;width: min(1100px, 94vw);max-width: 94vw;background: var(--papier);box-shadow: 0 24px 70px -24px rgba(22,21,15,.5)}.werkmap-kijker::backdrop{background: rgba(22,21,15,.55)}.wk-kop{display: flex;align-items: center;gap: 14px;justify-content: space-between;padding: 14px 18px;border-bottom: 1px solid var(--lijn)}.wk-kop strong{font-size: 15.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.wk-acties{display: flex;gap: 8px;flex: none}.wk-acties .knop{display: inline-flex;align-items: center;text-decoration: none;padding: 6px 12px;border-radius: 7px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font-size: 13px}@media (hover: hover){.wk-acties .knop:hover{border-color: var(--zand);background: var(--zand-licht)}}.wk-vak{padding: 14px 18px 18px}.wk-voet{display: none}@media (max-width: 900px){.wk-voet{display: block}}.wk-vak img{display: block;max-width: 100%;max-height: calc(90vh - 120px);margin: 0 auto;border-radius: 8px}.wk-vak iframe{width: 100%;height: calc(90vh - 140px);min-height: 380px;border: 1px solid var(--lijn);border-radius: 8px;background: #fff}.personeelvenster{border: 0;border-radius: 14px;padding: 22px 24px 20px;width: min(940px, 94vw);background: var(--papier);color: var(--inkt);box-shadow: 0 24px 70px -24px rgba(22,21,15,.5)}.personeelvenster::backdrop{background: rgba(22,21,15,.5)}.personeelvenster h3{margin: 0 0 4px;font-family: Georgia, serif;font-weight: 400;font-size: 21px}.personeelvenster .uitleg{margin: 0 0 14px;color: var(--zacht);font-size: 13.5px}.personeel-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.personeel-tabel th{text-align: left;font-size: 12px;text-transform: uppercase;letter-spacing: .06em;color: var(--zacht);font-weight: 600;padding: 0 8px 6px;border-bottom: 1px solid var(--lijn)}.personeel-tabel td{padding: 5px 8px;border-bottom: 1px solid var(--lijn);vertical-align: middle}.personeel-tabel td.midden{text-align: center}.personeel-tabel input[type="text"], .personeel-tabel input[type="email"], .personeel-tabel input:not([type]), .personeel-tabel select{font: inherit;font-size: 13.5px;padding: 6px 9px;width: 100%;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);color: var(--inkt)}.personeel-tabel input.breed{min-width: 220px}.personeel-tabel input[type="password"]{min-width: 150px}.ww-cel{white-space: nowrap}.ww-merk{display: block;margin-top: 3px;font-size: 12px;letter-spacing: .04em;text-transform: uppercase;color: var(--zacht)}.ww-merk.aan{color: #2f7d5f}.pv-inloguitleg{display: block;margin-top: 3px;font-size: 12px;color: var(--zacht);line-height: 1.4}.personeel-voet{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 16px}.personeelvenster{width: min(1180px, 96vw);max-width: 96vw;max-height: 92vh;overflow: auto;padding: 20px 22px 18px}.pv-kop{display: flex;align-items: flex-start;justify-content: space-between;gap: 20px}.pv-kop .uitleg{max-width: 700px}.pv-letop{margin: 4px 0 14px;padding: 10px 14px;border-radius: 10px;font-size: 13px;background: var(--waarschuwing-vlak);border: 1px solid #ecdcb6;color: var(--waarschuwing);display: flex;gap: 14px;align-items: baseline;flex-wrap: wrap}.pv-letop b{font-size: 13.5px}.pv-romp{display: grid;grid-template-columns: 246px minmax(0, 1fr);gap: 20px;align-items: start}.pv-lijst{display: flex;flex-direction: column;gap: 6px}.pv-persoon{display: flex;align-items: center;gap: 11px;text-align: left;width: 100%;padding: 8px 10px;border-radius: 10px;border: 1px solid transparent;background: transparent;cursor: pointer}@media (hover: hover){.pv-persoon:hover{background: var(--zand-licht);border-color: var(--lijn)}}.pv-persoon.aan{background: #26241c;border-color: #26241c}.pv-persoon.aan b, .pv-persoon.aan small{color: #f6f2ea}.pv-persoon.aan small{color: #c8b48c}.pv-persoon.uit{opacity: .55}.pv-persoontekst{display: flex;flex-direction: column;min-width: 0}.pv-persoontekst b{font-size: 13.5px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pv-persoontekst small{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pv-rond, .mw-eigenfoto{flex: none;width: 38px;height: 38px;border-radius: 50%;overflow: hidden;display: inline-flex;align-items: center;justify-content: center;background: var(--zand-licht);color: var(--zand-diep);font-size: 12.5px;font-weight: 700;border: 1px solid var(--lijn)}.pv-rond img, .mw-eigenfoto img{width: 100%;height: 100%;object-fit: cover}.pv-erbij{margin-top: 6px;width: 100%;text-align: left;padding: 9px 12px;border-radius: 10px;border: 1px dashed var(--lijn-sterk);background: transparent;font-size: 13px;cursor: pointer}.pv-erbij.zacht{color: var(--zacht);font-size: 12.5px}.pv-blad{border: 1px solid var(--lijn);border-radius: 14px;padding: 18px 20px;background: var(--achtergrond)}.pv-boven{display: flex;gap: 18px;align-items: flex-start;margin-bottom: 16px}.pv-fotoblok{display: flex;flex-direction: column;gap: 8px;align-items: center}.pv-foto{position: relative;width: 108px;height: 128px;border-radius: 12px;overflow: hidden;background: var(--zand-licht);border: 1px solid var(--lijn-sterk);display: flex;align-items: center;justify-content: center}.pv-foto img{width: 100%;height: 100%;object-fit: cover}.pv-foto .pv-fotoleeg{display: none;font-size: 12px;color: var(--zacht)}.pv-foto.leeg .pv-fotoleeg{display: block}.pv-foto.leeg img{display: none}.pv-fotoknoppen{display: flex;gap: 6px;flex-wrap: wrap;justify-content: center}.pv-naamblok{flex: 1;min-width: 0}.pv-naam{font: inherit;font-family: Georgia, serif;font-size: 22px;width: 100%;padding: 6px 10px;border: 1px solid transparent;border-radius: 8px;background: transparent;color: var(--inkt)}@media (hover: hover){.pv-naam:hover{border-color: var(--lijn)}}.pv-naam:focus{outline: none;border-color: var(--zand);background: var(--papier);box-shadow: 0 0 0 3px var(--zand-licht)}.pv-naamsub{margin: 2px 0 0 10px;color: var(--zacht);font-size: 13px}.pv-raster{display: grid;grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));gap: 12px 14px}.pv-veld{display: flex;flex-direction: column;gap: 4px}.pv-veld.heel{grid-column: 1 / -1;margin-top: 14px}.pv-label{font-size: 12px;text-transform: uppercase;letter-spacing: .07em;color: var(--zacht)}.pv-veld input, .pv-veld select, .pv-veld textarea{font: inherit;font-size: 13.5px;padding: 8px 10px;width: 100%;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt)}.pv-veld input:focus, .pv-veld select:focus, .pv-veld textarea:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.pv-vink{flex-direction: row;align-items: center;gap: 9px;align-self: end;padding-bottom: 9px}.pv-vink input{width: auto}.pv-kopje{margin: 20px 0 8px;font-size: 12px;text-transform: uppercase;letter-spacing: .07em;color: var(--zand-diep);font-weight: 600}.pv-pasjes{display: flex;flex-direction: column;gap: 6px}.pv-pasje{display: flex;gap: 8px;align-items: center}.pv-pasje input{font: inherit;font-size: 13.5px;padding: 7px 10px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);color: var(--inkt)}.pv-pasje input:first-child{flex: 1;min-width: 0}.pv-pasjevlag{font-size: 12px;color: var(--waarschuwing);min-width: 96px}.pv-pasjevlag.ok{color: var(--zacht)}.pv-pasjevlag.verlopen{color: var(--fout);font-weight: 600}.pv-werken{display: flex;flex-wrap: wrap;gap: 8px}.pv-werk{display: flex;flex-direction: column;gap: 2px;text-align: left;cursor: pointer;padding: 9px 13px;border-radius: 10px;border: 1px solid var(--lijn-sterk);background: var(--papier)}.pv-werk b{font-size: 13.5px}.pv-werk small{font-size: 12px;color: var(--zacht)}.pv-bladvoet{margin-top: 22px;padding-top: 14px;border-top: 1px solid var(--lijn)}.pv-werkenblok{margin-top: 8px}.pv-uitleg{margin: -4px 0 10px;font-size: 12.5px;color: var(--zacht)}.pv-kiesrij{position: relative;margin-bottom: 12px}.pv-werkzoek{font: inherit;font-size: 13.5px;padding: 9px 12px;width: 100%;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt)}.pv-werkzoek:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.pv-treffers{position: absolute;z-index: 5;left: 0;right: 0;top: calc(100% + 4px);display: flex;flex-direction: column;gap: 2px;padding: 6px;background: var(--papier);border: 1px solid var(--lijn-sterk);border-radius: 10px;box-shadow: 0 18px 40px -20px rgba(22,21,15,.5);max-height: 280px;overflow: auto}.pv-treffers[hidden]{display: none}.pv-treffer{display: flex;flex-direction: column;gap: 1px;text-align: left;cursor: pointer;padding: 8px 10px;border: 0;border-radius: 7px;background: transparent}@media (hover: hover){.pv-treffer:hover{background: var(--zand-licht)}}.pv-treffer b{font-size: 13.5px}.pv-treffer small{font-size: 12px;color: var(--zacht)}.pv-werkkaart{margin-bottom: 12px;padding: 14px 16px;border-radius: 12px;border: 1px solid var(--lijn);background: var(--papier)}.pv-werkkop{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px;flex-wrap: wrap}.pv-werktitel{display: flex;flex-direction: column;gap: 2px;min-width: 0}.pv-werktitel b{font-size: 15px}.pv-werktitel small{font-size: 12.5px;color: var(--zacht)}.pv-werkknoppen{display: flex;gap: 6px;flex: none}.pv-stukken{display: flex;flex-wrap: wrap;gap: 7px;margin: 12px 0 10px}.pv-stuk{display: inline-flex;align-items: center;gap: 7px;padding: 5px 8px 5px 6px;border-radius: 8px;background: var(--achtergrond);border: 1px solid var(--lijn);font-size: 12.5px}.pv-stuk i{font-style: normal;font-size: 12px;font-weight: 700;letter-spacing: .03em;padding: 3px 5px;border-radius: 4px;background: var(--zand-licht);color: var(--zand-diep)}.pv-stuk.alleen{border-color: var(--zand);background: var(--zand-licht)}.pv-stukknop, .pv-stukweg{font: inherit;font-size: 12px;padding: 2px 7px;border-radius: 5px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--zacht);cursor: pointer}.pv-stukweg{border-color: transparent;opacity: .6}@media (hover: hover){.pv-stuk:hover .pv-stukweg{opacity: 1}}@media (hover: hover){.pv-stukweg:hover{color: var(--fout);border-color: var(--fout);background: var(--fout-vlak)}}.pv-werkacties{display: flex;gap: 7px;align-items: center;flex-wrap: wrap}.pv-alleenvoor{font-size: 12px;color: var(--zacht)}.pv-werkbericht{margin-top: 12px}@media (max-width: 900px){.pv-romp{grid-template-columns: 1fr}.pv-lijst{flex-direction: row;flex-wrap: wrap}.pv-persoon{width: auto;border: 1px solid var(--lijn)}}.vg-lijst{display: flex;flex-direction: column;gap: 8px;margin: 12px 0 10px}.vg-regel{display: grid;grid-template-columns: 150px minmax(0, 1fr) 30px;gap: 10px;align-items: start;padding: 10px 12px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--papier)}.vg-regel > input[type="date"]{font: inherit;font-size: 13px;padding: 7px 9px;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);color: var(--inkt)}.vg-midden{display: flex;flex-direction: column;gap: 6px;min-width: 0}.vg-midden textarea, .vg-door{font: inherit;font-size: 13.5px;padding: 7px 9px;width: 100%;border: 1px solid var(--lijn);border-radius: 6px;background: var(--papier);color: var(--inkt)}.vg-door{font-size: 12.5px !important;max-width: 220px;color: var(--zacht)}.vg-midden textarea:focus, .vg-door:focus, .vg-regel input:focus{outline: none;border-color: var(--zand);box-shadow: 0 0 0 3px var(--zand-licht)}.mw-eigen{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;padding: 14px 18px;margin-bottom: 16px;border-radius: 14px;background: var(--papier);border: 1px solid var(--lijn);box-shadow: var(--schaduw)}.mw-eigenfoto{width: 46px;height: 46px;font-size: 14px}.mw-eigentekst{display: flex;flex-direction: column;gap: 1px;min-width: 0}.mw-eigentekst b{font-size: 15.5px}.mw-eigentekst small{font-size: 12.5px;color: var(--zacht)}.mw-pasjes{display: flex;gap: 8px;flex-wrap: wrap;margin-left: auto}.mw-pasje{display: inline-flex;flex-direction: column;gap: 1px;padding: 6px 12px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep);font-size: 12.5px;border: 1px solid var(--lijn)}.mw-pasje small{font-size: 12px;opacity: .8}.mw-pasje.bijna{background: var(--waarschuwing-vlak);color: var(--waarschuwing);border-color: #ecdcb6}.mw-pasje.verlopen{background: var(--fout-vlak);color: var(--fout);border-color: rgba(143,47,44,.25)}.mw-tijdlijn{display: flex;flex-direction: column;gap: 10px}.mw-tijdregel{display: grid;grid-template-columns: 92px minmax(0, 1fr);gap: 12px;align-items: start}.mw-tijddatum{font-size: 12px;color: var(--zand-diep);padding-top: 2px;font-variant-numeric: tabular-nums}.mw-tijdtekst{border-left: 2px solid var(--lijn-sterk);padding: 0 0 2px 14px}.mw-tijdtekst p{margin: 0;font-size: 14.5px}.mw-tijdtekst small{font-size: 12px;color: var(--zacht)}button.letop{border-color: #e6d7b4;background: var(--waarschuwing-vlak);color: var(--waarschuwing)}body[data-tab="mijnwerk"] .breed{max-width: 1160px}.mijnwerk-kop{display: flex;align-items: flex-end;justify-content: space-between;gap: 20px;flex-wrap: wrap;margin-bottom: 18px}.mijnwerk-kop h2{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 24px}.mijnwerk-sub{margin: 4px 0 0;color: var(--zacht);font-size: 13.5px}.mijnwerk-kopknoppen{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.mijnwerk-kieslabel{display: flex;align-items: center;gap: 8px;font-size: 13px;color: var(--zacht)}.mijnwerk-kiezer{font: inherit;font-size: 13.5px;padding: 7px 10px;border-radius: 7px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt)}.mijnwerk-wie{padding: 7px 14px;border-radius: 999px;background: #26241c;color: #f6f2ea;font-size: 13.5px}.mijnwerk-balk{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 16px}.mijnwerk-balk .zoek{font: inherit;font-size: 14px;padding: 9px 13px;min-width: 260px;flex: 1 1 260px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt)}.mijnwerk-telling{font-size: 13px;color: var(--zacht)}.mijnwerk-leeg{padding: 40px 26px;text-align: center;border: 1px dashed var(--lijn-sterk);border-radius: 14px;background: var(--papier)}.mijnwerk-leeg h3{margin: 0 0 8px;font-family: Georgia, serif;font-weight: 400;font-size: 19px}.mijnwerk-leeg p{margin: 0 auto 12px;max-width: 460px;color: var(--zacht);font-size: 14px}.mijnwerk-werken{display: flex;flex-direction: column;gap: 18px}.mw-werk{border: 1px solid var(--lijn);border-radius: 14px;background: var(--papier);padding: 20px 22px;box-shadow: var(--schaduw)}.mw-werkkop{display: flex;align-items: flex-start;justify-content: space-between;gap: 16px}.mw-werktitel h3{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 20px}.mw-werksub{margin: 4px 0 0;color: var(--zacht);font-size: 13.5px}.mw-status{flex: none;padding: 5px 12px;border-radius: 999px;color: #fff;font-size: 12px;letter-spacing: .02em;white-space: nowrap}.mw-feiten{display: flex;flex-wrap: wrap;gap: 10px 26px;margin: 16px 0 0;padding: 12px 14px;border-radius: 10px;background: var(--achtergrond)}.mw-feit{display: flex;flex-direction: column;gap: 1px}.mw-feitlabel{font-size: 12px;text-transform: uppercase;letter-spacing: .07em;color: var(--zacht)}.mw-feit b{font-size: 14px;font-weight: 600}.mw-bericht{margin-top: 16px;padding: 12px 14px;border-radius: 10px;background: var(--waarschuwing-vlak);border: 1px solid #ecdcb6}.mw-berichtlabel{display: block;font-size: 12px;text-transform: uppercase;letter-spacing: .07em;color: var(--waarschuwing);margin-bottom: 3px}.mw-bericht p{margin: 0;font-size: 14.5px;white-space: pre-wrap}.mw-groep{margin-top: 18px}.mw-stuklabel{display: block;font-size: 12px;text-transform: uppercase;letter-spacing: .07em;color: var(--zacht);margin-bottom: 7px}.mw-tekst{margin-top: 16px;padding: 12px 14px;border-radius: 10px;border: 1px solid var(--lijn);background: var(--achtergrond)}.mw-tekst p{margin: 0;font-size: 14.5px}.mw-links{display: flex;flex-wrap: wrap;gap: 10px}.mw-link{display: flex;flex-direction: column;gap: 2px;text-decoration: none;padding: 10px 15px;border-radius: 10px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font-size: 14px;font-weight: 600;max-width: 100%}.mw-link small{font-weight: 400;font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (hover: hover){.mw-link:hover{border-color: var(--zand);background: var(--zand-licht)}}.mw-bestanden{display: flex;flex-wrap: wrap;gap: 10px}.mw-bestand{display: inline-flex;align-items: center;gap: 10px;padding: 10px 15px;border-radius: 10px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font-size: 14px;font-weight: 600;cursor: pointer}@media (hover: hover){.mw-bestand:hover{border-color: var(--zand);background: var(--zand-licht)}}.mw-bestandmerk{flex: none;padding: 3px 7px;border-radius: 5px;background: #f2e7e6;color: #8f2f2c;font-size: 12px;font-weight: 700;letter-spacing: .03em}.mw-fotos{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 12px}.mw-foto{display: block;padding: 0;overflow: hidden;cursor: pointer;text-align: left;border: 1px solid var(--lijn);border-radius: 10px;background: var(--achtergrond)}.mw-foto img{display: block;width: 100%;height: 130px;object-fit: cover;background: var(--zand-licht)}.mw-foto.mist{border-style: dashed;min-height: 74px;display: flex;align-items: center}.mw-foto.mist img{display: none}.mw-fotonaam{display: block;padding: 7px 10px;font-size: 12.5px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (hover: hover){.mw-foto:hover{border-color: var(--zand)}}.mijnwerk-uit{margin-left: auto}body[data-modus="medewerker"] .tabknop[hidden]{display: none !important}body[data-modus="medewerker"] .werkbalk-boven > *:not(.afmeldknop){display: none}body[data-modus="medewerker"] .werkbalk-boven:not(:has(.afmeldknop)){display: none}body[data-modus="medewerker"] header p{display: none}body[data-modus="medewerker"] footer{display: none}@media (max-width: 760px){.vg-regel{grid-template-columns: minmax(0, 1fr) 30px}.vg-regel > input[type="date"]{grid-column: 1 / -1}.vg-door{max-width: none}.mw-tijdregel{grid-template-columns: 1fr;gap: 2px}.mw-tijdtekst{border-left: 0;padding-left: 0}.mw-tijddatum{font-weight: 600}.mw-pasjes{margin-left: 0}.mw-eigen{align-items: flex-start}.pv-werkkop{flex-direction: column}.pv-werkknoppen{width: 100%}.pv-werkknoppen button{flex: 1}.pv-alleenvoor{flex-basis: 100%}.personeelvenster{padding: 16px 14px 14px}.pv-blad{padding: 14px 12px}.pv-boven{flex-direction: column;align-items: stretch}.pv-fotoblok{flex-direction: row;align-items: center;gap: 12px}.pv-foto{width: 84px;height: 100px;flex: none}.pv-kop{flex-direction: column;align-items: stretch;gap: 10px}.wm-stuk{grid-template-columns: 34px minmax(0, 1fr) 30px}.wm-voor{grid-column: 1 / -1;justify-content: flex-start;max-width: none}.mijnwerk-kop{align-items: flex-start}.mw-fotos{grid-template-columns: repeat(auto-fill, minmax(130px, 1fr))}}.mw-bestand.tegroot{opacity: .72;border-style: dashed;flex-direction: column;align-items: flex-start;gap: 2px}.mw-bestand.tegroot small{font-size: 12px;font-weight: 400;color: var(--waarschuwing)}:root{color-scheme: light}.inlog{position: fixed;inset: 0;z-index: 9000;display: flex;align-items: center;justify-content: center;padding: 24px max(24px, env(safe-area-inset-left)) 24px max(24px, env(safe-area-inset-right));background: radial-gradient(900px 500px at 20% -10%, #2c2921 0%, rgba(44,41,33,0) 60%), linear-gradient(180deg, #201e16 0%, #100f09 100%);overflow: auto}.inlog[hidden]{display: none}.inlog-kaart{width: 100%;max-width: 400px;background: #fffdf9;border-radius: 18px;padding: 34px 30px 30px;box-shadow: 0 40px 90px -30px rgba(0,0,0,.7);border: 1px solid rgba(200,180,140,.35);text-align: left}.inlog-merk{display: flex;align-items: center;gap: 12px;margin: 0 0 22px}.inlog-monogram{width: 44px;height: 44px;border-radius: 12px;flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;font-family: Georgia, serif;font-size: 15px;letter-spacing: .06em;color: #14130e;background: linear-gradient(145deg, #e2d3b4 0%, #c8b48c 55%, #a08d6c 100%)}.inlog-merk b{font-family: Georgia, serif;font-weight: 400;font-size: 19px;letter-spacing: .02em;display: block}.inlog-merk small{font-size: 12px;letter-spacing: .14em;text-transform: uppercase;color: #8a7c66}.inlog h1{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0 0 6px}.inlog .inlog-uitleg{margin: 0 0 22px;color: #6f6a5f;font-size: 13.5px;line-height: 1.55}.inlog label{display: block;margin: 0 0 14px;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: #8a7c66}.inlog input{display: block;width: 100%;margin-top: 6px;font: inherit;font-size: 16px;padding: 12px 13px;border: 1px solid #cfc7b6;border-radius: 9px;background: #fff;color: #16150f;text-transform: none;letter-spacing: normal}.inlog input:focus{outline: 0;border-color: #b0a088;box-shadow: 0 0 0 3px rgba(176,160,136,.22)}.inlog button{width: 100%;margin-top: 8px;font: inherit;font-size: 16px;font-weight: 600;padding: 13px 16px;border: 0;border-radius: 10px;cursor: pointer;background: linear-gradient(180deg, #23211a 0%, #14130e 100%);color: #f6f2e8}@media (hover: hover){.inlog button:hover{background: #16150f}}.inlog .inlog-fout{margin: 14px 0 0;padding: 10px 12px;border-radius: 8px;font-size: 13.5px;background: #fbecea;color: #8f2f2c;border: 1px solid rgba(143,47,44,.2)}.inlog .inlog-fout[hidden]{display: none}.inlog .inlog-voet{margin: 20px 0 0;font-size: 12px;color: #a49c8c;line-height: 1.5}.laadscherm{position: fixed;inset: 0;z-index: 8900;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;text-align: center;background: linear-gradient(180deg, #201e16 0%, #100f09 100%);color: #e8e1d2;padding: 24px}.laadscherm[hidden]{display: none}.laadscherm b{font-family: Georgia, serif;font-weight: 400;font-size: 20px;letter-spacing: .03em}.laadscherm span{font-size: 13.5px;color: #9a9384;max-width: 300px;line-height: 1.5}.laadbalk{width: min(280px, 70vw);height: 4px;border-radius: 999px;background: rgba(255,255,255,.12);overflow: hidden}.laadbalk i{display: block;height: 100%;width: 0%;background: linear-gradient(90deg, #a08d6c, #e2d3b4);transition: width .3s ease}.synbalk{position: fixed;left: 50%;transform: translateX(-50%);z-index: 8000;bottom: max(16px, env(safe-area-inset-bottom));display: flex;align-items: center;gap: 12px;padding: 11px 14px 11px 16px;border-radius: 999px;font-size: 13.5px;background: #201e16;color: #f1ece1;box-shadow: 0 18px 40px -18px rgba(0,0,0,.8);max-width: calc(100vw - 24px)}.synbalk[hidden]{display: none}.synbalk button{font: inherit;font-size: 13px;padding: 6px 12px;border-radius: 999px;border: 0;cursor: pointer;background: #c8b48c;color: #14130e;font-weight: 600}.synbalk.stil{background: #6f6a5f}@media (max-width: 760px){.synbalk{left: 12px;right: 12px;transform: none;max-width: none;border-radius: 14px;padding: 13px 15px;flex-wrap: wrap;gap: 10px;align-items: center;line-height: 1.45}.synbalk button{flex: 1 1 auto;min-width: 120px;border-radius: 10px;padding: 9px 12px}}.tabelrol{overflow-x: auto;-webkit-overflow-scrolling: touch;max-width: 100%}@media (max-width: 1100px){.ag-blad, .bank-blad{grid-template-columns: 1fr}}@media (max-width: 900px){body{padding: 0 max(14px, env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-right));background-attachment: scroll}header{padding: 18px 0 12px}header img{width: 116px}header h1{font-size: 20px}header p{font-size: 12px}header .kopstreep{margin-top: 12px}.werkblad{display: block}.inhoud{width: 100%}.zijbalk{position: sticky;top: 0;z-index: 60;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 4px;overflow-x: auto;-webkit-overflow-scrolling: touch;padding: 7px 8px;margin: 0 0 16px;border-radius: 12px;scrollbar-width: none}.zijbalk::-webkit-scrollbar{display: none}.rail-merk{display: none}.tabknop{flex: 0 0 auto;white-space: nowrap;padding: 9px 13px;font-size: 14px;border-left: 0;border-bottom: 2px solid transparent;border-radius: 9px}.tabknop small{display: none}.tabknop.actief{border-left: 0;border-bottom: 2px solid var(--goud)}.tab-teller{position: static;transform: none;margin-left: 7px}body > .breed{display: flex;flex-direction: column}body > .breed > header{order: -2}body > .breed > .werkbalk-boven{order: -1}.werkbalk-boven{position: static;margin: 0 0 12px;justify-content: flex-start;display: flex;flex-wrap: nowrap;gap: 6px;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 2px}.werkbalk-boven::-webkit-scrollbar{display: none}.werkbalk-boven button{flex: 0 0 auto;white-space: nowrap;font-size: 13px;padding: 8px 12px;min-height: 36px}input, select, textarea{font-size: 16px !important}button, .knop{min-height: 40px}.veld input, .veld select, .veld textarea{padding: 10px 12px}.kaart{padding: 18px 16px;border-radius: 13px}.start-blok, .zijblok, .sombrok, .start-tegel{border-radius: 13px}.start-rij, .start-rij.wijd, .start-rij.mailrij, .start-rij.agendarij, .omzet, .omzet-detail-lijf, .los-rij, .ag-week, .factuurvenster-lijf, #proforma-venster .pf-velden, .bank-cijfers, .werk-cijfers{grid-template-columns: 1fr !important}.start-cijfers{grid-template-columns: repeat(2, 1fr) !important}.start-tegels{grid-template-columns: repeat(2, 1fr) !important}.start-hero{padding: 20px 16px 18px}.omzet-teller{font-size: 32px}table{max-width: 100%}.tabelrol > table{min-width: max-content}dialog{width: 100% !important;max-width: 100% !important;height: 100% !important;max-height: 100% !important;margin: 0 !important;border-radius: 0 !important}dialog form, dialog > div{max-height: 100vh}dialog .velden, dialog .veldrij{grid-template-columns: 1fr !important}.omhoog{bottom: calc(16px + env(safe-area-inset-bottom));right: 14px}.zoekknop-tekst, .zoekknop kbd{display: none}}@media (max-width: 560px){.start-cijfers, .start-tegels{grid-template-columns: 1fr !important}header{grid-template-areas: "logo titel" "logo sub" "streep streep";text-align: left;justify-items: start;column-gap: 14px}header img{width: 92px}.kaart{padding: 15px 13px}header p{display: none}}@media (display-mode: standalone), (display-mode: minimal-ui){body{padding-top: max(10px, env(safe-area-inset-top))}.zijbalk, .werkbalk-boven, header, .start-hero{-webkit-user-select: none;user-select: none}.zijbalk{top: max(0px, env(safe-area-inset-top))}}html{-webkit-tap-highlight-color: rgba(200,180,140,.25);overscroll-behavior-y: none}.vak-weekbalk{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin: 4px 0 18px}.vak-weekbalk strong{font-family: Georgia, serif;font-weight: 400;font-size: 17px;min-width: 210px;letter-spacing: .01em}.vak-cijfers{display: grid;grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));gap: 14px;margin: 0 0 20px}.vak-cijfer{background: var(--papier);border: 1px solid var(--lijn);border-radius: 13px;padding: 15px 17px;box-shadow: var(--schaduw-luxe)}.vak-cijfer b{display: block;font-size: 12px;letter-spacing: .12em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.vak-cijfer span{display: block;font-family: Georgia, serif;font-size: 25px;margin: 7px 0 2px}.vak-cijfer small{color: var(--zacht);font-size: 12.5px}.vak-dagen{display: flex;flex-direction: column;gap: 10px}.vak-dag{display: flex;flex-direction: column;gap: 10px;padding: 12px 14px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier)}.vak-dagkop{display: flex;align-items: baseline;justify-content: space-between;gap: 12px}.vak-dagsom{font-variant-numeric: tabular-nums;color: var(--zand-diep);font-size: 13px}.vak-regels{display: flex;flex-direction: column;gap: 10px}.vak-regel{display: grid;gap: 10px;align-items: end;grid-template-columns: 88px minmax(140px, 1.2fr) minmax(140px, 1.2fr) 128px 128px 30px}.vak-regel + .vak-regel{border-top: 1px dashed var(--lijn);padding-top: 10px}.vak-bij{align-self: flex-start;background: none;border: 1px dashed var(--lijn-sterk);color: var(--zand-diep);border-radius: 9px;padding: 6px 12px;font-size: 12.5px;cursor: pointer}@media (hover: hover){.vak-bij:hover{background: var(--zand-licht)}}.vak-weg{width: 30px;height: 35px;border: 1px solid var(--lijn);border-radius: 8px;background: var(--papier);color: var(--zacht);font-size: 16px;line-height: 1;cursor: pointer}@media (hover: hover){.vak-weg:hover{border-color: var(--lijn-sterk);color: var(--inkt)}}.vak-vrijrij{display: grid;gap: 12px;grid-template-columns: 150px 92px}.vak-dag.weekend{background: #faf8f4}.vak-dag.gevuld{border-color: var(--zand)}.vak-dagnaam{display: flex;flex-direction: column;gap: 2px}.vak-dagnaam b{font-size: 14.5px;font-weight: 600}.vak-dagnaam small{color: var(--zacht);font-size: 12px}.vak-dag .veld .label{font-size: 12px}.vak-dag input, .vak-dag select{width: 100%}.vak-uren input{text-align: right;font-variant-numeric: tabular-nums}.vak-voet{display: flex;align-items: center;gap: 14px;flex-wrap: wrap;margin: 18px 0 0;padding: 16px 0 0;border-top: 1px solid var(--lijn)}.vak-totalen{display: flex;gap: 18px;flex-wrap: wrap}.vak-totaal{display: flex;flex-direction: column}.vak-totaal b{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep)}.vak-totaal span{font-family: Georgia, serif;font-size: 19px;font-variant-numeric: tabular-nums}.vak-rek{flex: 1 1 auto}.vak-melding{margin: 14px 0 0;padding: 11px 14px;border-radius: 9px;font-size: 13.5px;background: var(--zand-licht);border: 1px solid var(--lijn-sterk);color: var(--inkt)}.vak-melding.goed{background: #eaf3ec;border-color: #bcd8c4;color: #245c35}.vak-melding.fout, .vak-fout{background: var(--fout-vlak);border: 1px solid rgba(143,47,44,.25);color: var(--fout);padding: 11px 14px;border-radius: 9px;font-size: 13.5px;margin: 12px 0 0}.vak-fout[hidden]{display: none}.vak-tabel{width: 100%;border-collapse: collapse}.vak-tabel th{text-align: left;font-size: 12px;letter-spacing: .11em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;padding: 0 10px 9px;border-bottom: 1px solid var(--lijn)}.vak-tabel td{padding: 11px 10px;border-bottom: 1px solid var(--lijn);font-size: 14px;vertical-align: middle}.vak-tabel tr:last-child td{border-bottom: 0}.vak-tabel .getal{text-align: right;font-variant-numeric: tabular-nums}.vak-tabel .naamcel b{display: block;font-weight: 600}.vak-tabel .naamcel small{color: var(--zacht);font-size: 12px}.vak-leeg{color: var(--zacht);font-size: 13.5px;padding: 6px 0}.vak-vlag{display: inline-block;padding: 3px 10px;border-radius: 999px;font-size: 12px;background: var(--zand-licht);color: var(--zand-diep);border: 1px solid var(--lijn-sterk)}.vak-vlag.binnen{background: #eaf3ec;color: #245c35;border-color: #bcd8c4}.vak-vlag.uit{background: #f3f1ec;color: var(--zacht)}@media (max-width: 900px){.vak-regel{grid-template-columns: 1fr 1fr}.vak-regel > .vak-werk{grid-column: 1 / -1}.vak-regel > .vak-og{grid-column: 1 / -1}.vak-regel > .vak-weg{grid-column: 2;justify-self: end}.vak-weekbalk strong{min-width: 0;flex: 1 1 100%;order: -1}}.vak-kaartkop{display: flex;align-items: baseline;gap: 12px}.vak-tabel th.recht, .vak-tabel td.recht{text-align: right;white-space: nowrap}.vak-tabel td.sterk{font-weight: 600}.vak-week tr.wacht td{color: var(--zacht)}.vak-week tr.vak-somrij td{border-top: 1.5px solid var(--lijn-sterk);border-bottom: 0;padding-top: 13px;font-weight: 600}.vak-week tr.vak-somrij .naamcel{font-family: Georgia, serif;font-weight: 400}.vak-detail td{background: #faf8f4;padding: 4px 10px 16px}.vak-dagdetail{padding: 8px 0 0}.vak-mini th{padding-bottom: 6px}.vak-mini td{padding: 7px 10px;font-size: 13px;border-bottom: 1px solid #ece7dd}.vak-opmerking{margin: 10px 0 0;font-size: 13px;color: var(--zacht)}.vak-werkbalken{display: flex;flex-direction: column;gap: 15px}.vak-werkregel small{color: var(--zacht);font-size: 12px}.vak-werkkop{display: flex;justify-content: space-between;gap: 14px;align-items: baseline;margin: 0 0 6px}.vak-werkkop b{font-weight: 600;font-size: 14px}.vak-werkkop span{font-variant-numeric: tabular-nums;color: var(--zand-diep);font-size: 13.5px;white-space: nowrap}.vak-balk{height: 7px;border-radius: 999px;background: var(--zand-licht);overflow: hidden;margin: 0 0 5px}.vak-balk i{display: block;height: 100%;background: linear-gradient(90deg, #a08d6c, var(--zand))}@media (max-width: 900px){.vak-week th:nth-child(4), .vak-week td:nth-child(4), .vak-week th:nth-child(5), .vak-week td:nth-child(5), .vak-week th:nth-child(6), .vak-week td:nth-child(6), .vak-week th:nth-child(7), .vak-week td:nth-child(7){display: none}}.ub-balk{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;margin: 0 0 18px}.ub-balk select, .ub-balk input{min-height: 38px}.ub-balk input[type="search"]{flex: 1 1 220px}.ub-week{margin: 0 0 26px}.ub-weekkop{display: flex;justify-content: space-between;align-items: baseline;gap: 14px;flex-wrap: wrap;margin: 0 0 10px;padding: 0 2px}.ub-weekkop h3{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 18px}.ub-weekkop span{color: var(--zand-diep);font-size: 13px;font-variant-numeric: tabular-nums}.ub-kaart{background: var(--papier);border: 1px solid var(--lijn);border-radius: 13px;padding: 16px 18px 14px;margin: 0 0 12px;box-shadow: var(--schaduw-luxe)}.ub-kaart.nieuw{border-color: #c8a35a;box-shadow: 0 0 0 3px rgba(200,163,90,.16), var(--schaduw-luxe)}.ub-kop{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px;margin: 0 0 10px}.ub-wie b{display: block;font-size: 15.5px;font-weight: 600}.ub-wie small{color: var(--zacht);font-size: 12px}.ub-kopknoppen{display: flex;gap: 8px;align-items: center;flex: none}.vak-vlag.nieuw{background: #fbf1dc;color: #7a5a1c;border-color: #e6cf9c}.ub-tabel tr.ub-leeg td{color: var(--zacht)}.ub-tabel tr.vak-somrij td{border-top: 1.5px solid var(--lijn-sterk);font-weight: 600;padding-top: 10px}.ub-perwerk{display: flex;gap: 8px;flex-wrap: wrap;align-items: center;margin: 12px 0 0}.ub-perwerk > b{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);margin-right: 4px}.ub-werkchip{display: inline-flex;gap: 8px;align-items: baseline;padding: 4px 10px;border-radius: 999px;background: var(--zand-licht);border: 1px solid var(--lijn-sterk);font-size: 12.5px}.ub-werkchip b{font-variant-numeric: tabular-nums}.ub-dagen{display: none}.ub-dag{padding: 8px 0;border-bottom: 1px solid var(--lijn)}.ub-dag:last-child{border-bottom: 0}.ub-dag.leeg{color: var(--zacht)}.ub-dagkop{display: flex;justify-content: space-between;gap: 10px;align-items: baseline}.ub-dagkop b{font-weight: 600;font-size: 14px}.ub-dagkop span{font-variant-numeric: tabular-nums;color: var(--zand-diep);font-size: 13px;white-space: nowrap}.ub-dagregel{display: flex;justify-content: space-between;gap: 10px;font-size: 13.5px;margin: 3px 0 0}.ub-dagregel b{font-variant-numeric: tabular-nums;white-space: nowrap}.ub-dagregel.vrij span{color: var(--zand-diep)}.ub-som{border-top: 1.5px solid var(--lijn-sterk);margin-top: 4px}.ub-som .ub-dagkop span{color: var(--inkt);font-weight: 600}.md-blok{margin: 14px 0 0}.md-lijst{display: flex;flex-direction: column;gap: 10px;margin: 8px 0 0}.md-kaart{display: grid;grid-template-columns: 96px minmax(0, 1fr);gap: 12px;align-items: start;padding: 10px 12px;border: 1px solid var(--lijn);border-radius: 11px;background: var(--papier)}.md-kaart:not(:has(.md-foto)){grid-template-columns: minmax(0, 1fr)}.md-kaart.nieuw{border-color: #c8a35a;background: #fffcf5}.md-foto{width: 96px;height: 96px;padding: 0;border: 1px solid var(--lijn);border-radius: 8px;overflow: hidden;background: #eee;cursor: zoom-in}.md-foto img{width: 100%;height: 100%;object-fit: cover;display: block}.md-tekst{min-width: 0}.md-kop{display: flex;gap: 8px;align-items: baseline;flex-wrap: wrap}.md-kop b{font-weight: 600;font-size: 13.5px}.md-kop small{color: var(--zacht);font-size: 12px}.md-nieuw{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: #7a5a1c;background: #fbf1dc;padding: 1px 7px;border-radius: 999px}.md-tekst p{margin: 4px 0 0;font-size: 14px;line-height: 1.45}.md-knoppen{display: flex;gap: 6px;flex-wrap: wrap;align-items: center;margin: 8px 0 0}.md-vorm{display: flex;flex-direction: column;gap: 8px;margin: 6px 0 0}.md-vorm textarea{width: 100%;box-sizing: border-box;font: inherit;font-size: 14px}.md-vormrij{display: flex;gap: 8px;flex-wrap: wrap}.md-voorbeeld{display: flex;gap: 10px;align-items: flex-start}.md-voorbeeld img{max-width: 160px;max-height: 160px;border-radius: 8px;border: 1px solid var(--lijn)}.md-eigen{padding: 12px 14px;border: 1px dashed var(--lijn-sterk);border-radius: 11px;background: var(--achtergrond)}.werk-sub .werk-nieuw{color: #7a5a1c;font-weight: 600}.wk-acties .wk-sluit{background: var(--inkt);color: #fff;border-color: var(--inkt);font-weight: 600}@media (hover: hover){.wk-acties .wk-sluit:hover{background: #000;color: #fff}}.tel-terug{display: none}@media (max-width: 900px){.tel-terug{display: inline-flex;align-items: center;gap: 4px;flex: 0 0 auto;min-height: 36px;padding: 6px 12px 6px 8px;margin-right: 2px;border: 1px solid rgba(200,180,140,.45);border-radius: 9px;background: rgba(255,255,255,.06);color: #f1e9d8;font-size: 14px;font-weight: 600;white-space: nowrap}.tel-terug::before{content: "‹";font-size: 22px;line-height: 1;margin-top: -3px}.tel-terug:active{background: rgba(255,255,255,.14)}.tel-terug[hidden]{display: none}dialog{padding-top: 0 !important}.wk-kop{position: sticky;top: 0;z-index: 3;background: var(--papier);padding: calc(14px + env(safe-area-inset-top, 0px)) 14px 12px;flex-wrap: wrap}.wk-kop strong{flex: 1 1 100%;white-space: normal;font-size: 14.5px}.wk-acties{width: 100%;justify-content: flex-end}.wk-acties .knop{min-height: 40px;padding: 8px 14px;font-size: 14px}.wk-acties .wk-sluit{order: 3;flex: 1 1 auto;justify-content: center}.werkmap-kijker{overflow: auto;-webkit-overflow-scrolling: touch}.wk-vak{padding: 12px 12px calc(84px + env(safe-area-inset-bottom, 0px))}.wk-vak img{max-height: none}.wk-vak iframe{height: calc(100vh - 190px);min-height: 300px}.wk-voet{position: fixed;left: 0;right: 0;bottom: 0;z-index: 4;padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));background: var(--papier);border-top: 1px solid var(--lijn)}.wk-voet button{width: 100%;min-height: 46px;font-size: 16px}.dialoog-inhoud, .personeelvenster, .zoekvenster .zoek-kop, .hulpvenster{padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important}.md-kaart{grid-template-columns: 78px minmax(0, 1fr)}.md-foto{width: 78px;height: 78px}.md-vormrij button{flex: 1 1 auto}.ub-kop{flex-direction: column}.ub-kaart .tabelrol{display: none}.ub-dagen{display: block}.ub-kaart{padding: 14px 14px 12px}#ub-cijfers .vak-cijfers{grid-template-columns: repeat(2, 1fr);gap: 10px}#ub-cijfers .vak-cijfer{padding: 12px 13px}#ub-cijfers .vak-cijfer span{font-size: 21px}.ub-kopknoppen{width: 100%;justify-content: space-between}}@media (max-width: 900px) and (display-mode: standalone){.wk-kop{padding-top: calc(22px + env(safe-area-inset-top, 0px))}.dialoog-inhoud, .personeelvenster, .hulpvenster{padding-top: calc(24px + env(safe-area-inset-top, 0px)) !important}}.md-kaart{display: block}.md-kaart .md-tekst{min-width: 0}.md-werk{font-size: 12px;color: #4a6b8a;background: #eef3f8;border: 1px solid #d6e2ec;border-radius: 999px;padding: 1px 8px}.md-bijlagen{display: flex;flex-wrap: wrap;gap: 8px;margin: 8px 0 0}.md-bijlage{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;width: 104px;min-height: 104px;padding: 0 0 6px;gap: 2px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--vlak);cursor: pointer;overflow: hidden;text-align: center;font: inherit;color: inherit}@media (hover: hover){.md-bijlage:hover{border-color: var(--zand);box-shadow: 0 2px 10px rgba(0,0,0,.08)}}.md-bijlage img{width: 100%;height: 76px;object-fit: cover;display: block;border-bottom: 1px solid var(--lijn);margin: 0 0 4px}.md-bijlage .md-merk{display: flex;align-items: center;justify-content: center;width: 100%;height: 76px;margin: 0 0 4px;font-size: 12px;font-weight: 700;letter-spacing: .06em;color: #6d6552;background: var(--zand-licht);border-bottom: 1px solid var(--lijn)}.md-bijlage.pdf .md-merk{color: #8a4a4a;background: #f7ecec}.md-bijlage .md-bijnaam{display: block;max-width: 96px;font-size: 12px;line-height: 1.25;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.md-bijlage .md-bijmaat{font-size: 12px;color: var(--zacht)}.md-bijlage.leeg{border-style: dashed;opacity: .75}.md-voorbeeld{display: flex;gap: 10px;align-items: flex-start;flex-wrap: wrap}.md-voorbeeld img{max-width: 100%;max-height: 76px;border-radius: 8px 8px 0 0;border: 0}.md-kies{position: relative;display: flex;flex-direction: column;align-items: center;width: 104px;padding: 0 0 6px;gap: 2px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--vlak);overflow: hidden}.md-kies img{width: 100%;height: 76px;object-fit: cover;display: block}.md-kies .md-merk{display: flex;align-items: center;justify-content: center;width: 100%;height: 76px;font-size: 12px;font-weight: 700;color: #6d6552;background: var(--zand-licht)}.md-kies .md-bijnaam{display: block;max-width: 96px;font-size: 12px;line-height: 1.25;padding: 4px 4px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.md-weg{position: absolute;top: 4px;right: 4px;width: 22px;height: 22px;padding: 0;border-radius: 999px;border: 0;background: rgba(20,18,14,.72);color: #fff;font-size: 14px;line-height: 22px;cursor: pointer}.md-balk{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;margin: 12px 0 4px}.md-balk select, .md-balk input[type="search"]{font: inherit;font-size: 14px}.md-balk .md-vink{display: flex;gap: 6px;align-items: center;font-size: 13.5px;color: var(--zacht)}.md-cijferrij{display: flex;gap: 12px;flex-wrap: wrap;margin: 6px 0 0}.md-cijfer{flex: 1 1 150px;padding: 12px 14px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--vlak);box-shadow: var(--schaduw)}.md-cijfer b{display: block;font-size: 24px;font-weight: 600}.md-cijfer span{font-size: 12.5px;color: var(--zacht)}#md-lijst-alles{display: flex;flex-direction: column;gap: 10px;margin: 14px 0 0}.vak-rond{display: inline-flex;align-items: center;justify-content: center;width: 34px;height: 34px;flex: 0 0 34px;margin-right: 8px;border-radius: 999px;overflow: hidden;background: var(--zand-licht);border: 1px solid var(--lijn);font-size: 12px;font-weight: 600;color: #6d6552;vertical-align: middle}.vak-rond img{width: 100%;height: 100%;object-fit: cover;display: block}.ub-wie{display: flex;align-items: center;gap: 0}.ub-wie .vak-rond{align-self: flex-start}.ub-wietekst{min-width: 0;display: block}.vak-tabel .naamcel{display: flex;align-items: center;gap: 0}.vak-tabel .naamcel .naamtekst{min-width: 0}.pv-dubbel{border-left: 4px solid #4a6b8a}.pv-dubbel .pv-dubbelrij{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;margin: 6px 0 0}.pv-dubbel .pv-dubbelrij span{font-size: 13px}.pv-persoon.samengevoegd{opacity: .55}@media (max-width: 760px){.md-bijlage, .md-kies{width: calc(50% - 5px)}.md-bijlage .md-bijnaam, .md-kies .md-bijnaam{max-width: 92%}.md-balk select, .md-balk input[type="search"]{flex: 1 1 100%}.md-cijfer{flex: 1 1 calc(50% - 6px);padding: 10px 12px}.md-cijfer b{font-size: 20px}}:root{--papier: #fffdf9;--achtergrond: #f4f1ea;--inkt: #16150f;--zacht: #6d675b;--lijn: #e6e0d4;--lijn-sterk: #d3cbb9;--zand: #b3a184;--zand-diep: #857659;--zand-licht: #f1ece2;--goud: #cdb88e;--goud-zacht: rgba(205,184,142,.22);--rail: 262px;--rail-boven: #1f1d16;--rail-onder: #100f0a;--schaduw: 0 1px 2px rgba(22,21,15,.04), 0 10px 28px -16px rgba(22,21,15,.20);--schaduw-luxe: 0 1px 2px rgba(22,21,15,.04), 0 22px 50px -30px rgba(22,21,15,.40);--schaduw-hoog: 0 2px 6px rgba(22,21,15,.06), 0 34px 70px -34px rgba(22,21,15,.55);--kopbalk: 64px;--onderbalk: 66px}body{font-size: 14.5px;line-height: 1.55;background: radial-gradient(1200px 600px at 6% -10%, #fffefb 0%, rgba(255,254,251,0) 60%), radial-gradient(900px 500px at 100% -4%, #efe9dd 0%, rgba(239,233,221,0) 56%), var(--achtergrond)}b, strong{font-weight: 600}body[data-tab="mijnwerk"] > .breed, body[data-tab="start"] > .breed, body[data-tab="projecten"] > .breed, body[data-tab="voertuigen"] > .breed{max-width: min(100%, 2280px)}.ag-zij{min-width: 0}.ag-zij > *{min-width: 0;overflow: hidden}.ag-zij .n, .ag-zij b, .ag-zij strong, .ag-zij .ag-naam{white-space: normal;overflow-wrap: anywhere}.ag-zij .ag-regel{grid-template-columns: 88px minmax(0, 1fr);gap: 10px}.ag-zij .ag-uur{white-space: normal}.vak-tabel .naamcel{flex-wrap: wrap;align-items: baseline;column-gap: 8px}.vak-tabel .naamcel > small{flex: 1 1 100%;display: block}.vak-tabel .naamcel > .vak-rond ~ small{flex-basis: auto}.icoon{width: 22px;height: 22px;flex: 0 0 auto;display: inline-block;vertical-align: middle}.tab-icoon{width: 21px;height: 21px;flex: 0 0 auto;opacity: .78;transition: opacity .15s ease, transform .15s ease}.tabknop.actief .tab-icoon{opacity: 1}.knop-icoon{width: 17px;height: 17px;margin: -2px 6px -2px -2px;opacity: .8}button, .knop{border-radius: 10px;letter-spacing: .02em;font-size: 13.5px;padding: 8px 15px;border-color: var(--lijn-sterk);background: var(--papier);transition: background .14s ease, border-color .14s ease, box-shadow .14s ease, transform .14s ease}@media (hover: hover){button:hover, .knop:hover{border-color: var(--zand);background: #fbf8f1;box-shadow: 0 6px 16px -12px rgba(22,21,15,.35)}}button:active, .knop:active{transform: translateY(1px);box-shadow: none}button:focus-visible, .knop:focus-visible, .tabknop:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline: 2px solid var(--goud);outline-offset: 2px}button.primair, .knop.primair{background: linear-gradient(180deg, #24211a 0%, #14130e 100%);border-color: #14130e;color: #fdfcfa;box-shadow: 0 8px 18px -12px rgba(0,0,0,.6)}@media (hover: hover){button.primair:hover, .knop.primair:hover{background: linear-gradient(180deg, #2f2b22 0%, #1a1812 100%);border-color: #1a1812}}.veld input, .veld select, .veld textarea, .ub-balk select, .ub-balk input, .md-balk select, .md-balk input, .bank-zoek{border-radius: 9px;border-color: var(--lijn-sterk);background: #fff}.veld input:focus, .veld select:focus, .veld textarea:focus{border-color: var(--zand);box-shadow: 0 0 0 3px var(--goud-zacht)}.kaart, .start-blok, .zijblok, .sombrok, .start-tegel, .vak-cijfer, .ub-kaart, .md-cijfer, .bank-kaart, .uren-invoer, .km-invoer{border-radius: 16px;border-color: var(--lijn);box-shadow: var(--schaduw-luxe)}.kaart{padding: 26px 28px}dialog{border-radius: 20px;border: 1px solid rgba(255,255,255,.6);box-shadow: 0 50px 110px -30px rgba(0,0,0,.55)}dialog::backdrop{background: rgba(20,18,12,.42);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px)}.projectkop h2, .vak-weekbalk strong, .ub-weekkop h3{letter-spacing: 0}.projectkop h2{font-size: 30px}.projectkop .projecten-sub{font-size: 14px}table th{letter-spacing: .1em}@media (hover: hover){tbody tr:hover > td{background: #fbf9f4}}.tabelrol{border-radius: 12px}header{padding: 22px 0 16px;column-gap: 22px}header img{width: 148px}header h1{font-size: 24px;letter-spacing: .03em}header p{font-size: 12.5px;letter-spacing: .06em;color: var(--zand-diep)}header .kopstreep{margin-top: 16px;background: linear-gradient(90deg, var(--goud) 0%, var(--lijn-sterk) 38%, rgba(227,222,211,0) 100%)}.werkbalk-boven{top: 26px;gap: 6px;align-items: center}.werkbalk-boven button{padding: 8px 13px;font-size: 13px;min-height: 38px;display: inline-flex;align-items: center}.werkbalk-boven .zoekknop{min-width: 250px;border-radius: 999px;padding-left: 14px;background: #fff}.werkbalk-boven .zoekknop kbd{border-radius: 6px}.werkbalk-boven #hulp-knop{width: 38px;padding: 0;justify-content: center;border-radius: 999px;font-weight: 600}.gebruiker-chip{display: inline-flex;align-items: center;gap: 9px;padding: 4px 12px 4px 4px;margin-left: 8px;border: 1px solid var(--lijn);border-radius: 999px;background: var(--papier);font-size: 12.5px;line-height: 1.2;box-shadow: var(--schaduw);max-width: 260px}.gebruiker-rond{width: 30px;height: 30px;border-radius: 999px;flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;font-family: Georgia, serif;font-size: 12px;letter-spacing: .04em;color: #14130e;background: linear-gradient(145deg, #e6d8ba 0%, var(--goud) 55%, #a38f6a 100%)}.gebruiker-chip b{display: block;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.gebruiker-chip small{display: block;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep)}body[data-modus="medewerker"] .werkbalk-boven > .gebruiker-chip{display: inline-flex}.werkbalk-boven .afmeldknop{color: var(--zacht)}@media (hover: hover){.werkbalk-boven .afmeldknop:hover{color: var(--fout);border-color: rgba(143,47,44,.35);background: var(--fout-vlak)}}.zijbalk{top: 16px;padding: 14px 12px 12px;border-radius: 18px;gap: 1px}.rail-merk{padding: 6px 10px 14px;margin-bottom: 8px}.rail-groep{display: block;margin: 12px 0 4px;padding: 0 13px;font-size: 12px;letter-spacing: .16em;text-transform: uppercase;color: #7b7565;font-weight: 600;user-select: none}.rail-groep:first-of-type{margin-top: 4px}.tabknop{display: flex;align-items: center;gap: 12px;padding: 9px 12px 9px 11px;border-radius: 11px;color: #c2bbab;line-height: 1.2}.tab-tekst{display: block;min-width: 0;flex: 1 1 auto}.tabknop small{margin-top: 2px;font-size: 12px;color: #7e7767}@media (hover: hover){.tabknop:hover{background: rgba(255,255,255,.06);color: #f6f2e8}}@media (hover: hover){.tabknop:hover .tab-icoon{opacity: 1}}.tabknop.actief{background: linear-gradient(90deg, rgba(205,184,142,.22) 0%, rgba(205,184,142,.06) 100%);color: #fffdf8;border-left-color: var(--goud)}.tabknop.actief .tab-icoon{color: var(--goud);transform: scale(1.05)}.tab-teller{right: 10px}.tabknop:has(.tab-teller) .tab-tekst{padding-right: 54px}body[data-modus="medewerker"] .rail-groep{display: none}.inlog{background: radial-gradient(1000px 560px at 15% -10%, #33302600 0%, transparent 60%), radial-gradient(800px 500px at 90% 110%, rgba(205,184,142,.14) 0%, transparent 55%), linear-gradient(180deg, #211f18 0%, #0f0e09 100%)}.inlog-kaart{max-width: 420px;padding: 36px 34px 30px;border-radius: 22px;background: #fffdf9;box-shadow: 0 60px 120px -40px rgba(0,0,0,.85), 0 0 0 1px rgba(205,184,142,.25)}.inlog-merk{margin-bottom: 26px}.inlog-monogram{width: 48px;height: 48px;border-radius: 14px;font-size: 15.5px}.inlog h1{font-size: 24px}.inlog .inlog-uitleg{font-size: 13.5px}.inlog label{font-size: 12px;letter-spacing: .12em}.inlog input{border-radius: 11px;padding: 13px 14px;border-color: var(--lijn-sterk)}.inlog button{border-radius: 12px;padding: 14px 16px;box-shadow: 0 14px 30px -16px rgba(0,0,0,.7)}.inlog-wachtwoord{position: relative}.inlog-wachtwoord input{padding-right: 82px}.inlog-oog{position: absolute;right: 8px;bottom: 7px;width: auto !important;margin: 0 !important;padding: 6px 10px !important;font-size: 12px !important;font-weight: 600 !important;border-radius: 8px !important;background: var(--zand-licht) !important;color: var(--zand-diep) !important;box-shadow: none !important;letter-spacing: .04em;text-transform: none}@media (hover: hover){.inlog-oog:hover{background: var(--lijn) !important}}.inlog-voet{text-align: center}.laadscherm b{font-size: 22px}.laad-monogram{width: 58px;height: 58px;border-radius: 16px;display: inline-flex;align-items: center;justify-content: center;font-family: Georgia, serif;font-size: 18px;letter-spacing: .06em;color: #14130e;margin-bottom: 6px;background: linear-gradient(145deg, #e6d8ba 0%, var(--goud) 55%, #a38f6a 100%);box-shadow: 0 20px 40px -18px rgba(0,0,0,.9);animation: laadpuls 1.6s ease-in-out infinite}@keyframes laadpuls{0%, 100%{transform: scale(1)}50%{transform: scale(1.06)}}.synbalk{border-radius: 14px;padding: 12px 14px 12px 18px;box-shadow: 0 24px 50px -20px rgba(0,0,0,.8);border: 1px solid rgba(205,184,142,.25)}.synbalk button{border-radius: 9px}footer{margin-top: 44px;font-size: 12px;letter-spacing: .04em}.start-hero{border-radius: 22px}.start-cijfer, .start-tegel{transition: transform .16s ease, box-shadow .16s ease}@media (hover: hover){.start-tegel:hover, .start-cijfer:hover{transform: translateY(-2px);box-shadow: var(--schaduw-hoog)}}.tel-kop, .tel-hoes, .tel-sheetkop{display: none}.tel-terug{display: none}@media (max-width: 900px){body{padding: calc(var(--kopbalk) + env(safe-area-inset-top, 0px) + 14px) max(14px, env(safe-area-inset-left)) calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 24px) max(14px, env(safe-area-inset-right));background: var(--achtergrond)}body:not(.aangemeld){padding-top: 0;padding-bottom: 0}header, .kopstreep{display: none !important}body > .breed{display: block}html{overflow-x: hidden}body{max-width: 100vw}.inhoud{overflow-x: clip;max-width: 100%}.start-rij > *, .som-rij > *, .start-cijfers > *, .start-tegels > *, .kaart, .start-blok, .zijblok, section[id^="tab-"]{min-width: 0;max-width: 100%}.tabelrol{max-width: 100%}.tel-kop{position: fixed;top: 0;left: 0;right: 0;z-index: 80;display: flex;align-items: center;gap: 8px;height: calc(var(--kopbalk) + env(safe-area-inset-top, 0px));padding: env(safe-area-inset-top, 0px) 10px 0 10px;background: rgba(244,241,234,.86);-webkit-backdrop-filter: saturate(160%) blur(14px);backdrop-filter: saturate(160%) blur(14px);border-bottom: 1px solid rgba(211,203,185,.55);-webkit-user-select: none;user-select: none}body:not(.aangemeld) .tel-kop{display: none}.tel-kop .tel-knop{width: 42px;height: 42px;min-height: 0;padding: 0;border: 0;border-radius: 12px;background: transparent;display: inline-flex;align-items: center;justify-content: center;color: var(--inkt);box-shadow: none;flex: 0 0 auto}.tel-kop .tel-knop:active{background: rgba(22,21,15,.06);box-shadow: none}@media (hover: hover){.tel-kop .tel-knop:hover{background: rgba(22,21,15,.06);box-shadow: none}}.tel-kop .tel-knop[hidden]{display: none}.tel-kop .tel-merk{width: 36px;height: 36px;border-radius: 11px;flex: 0 0 auto;margin-left: 2px;display: inline-flex;align-items: center;justify-content: center;font-family: Georgia, serif;font-size: 12.5px;letter-spacing: .06em;color: #14130e;background: linear-gradient(145deg, #e6d8ba 0%, var(--goud) 55%, #a38f6a 100%);box-shadow: 0 8px 16px -10px rgba(0,0,0,.7)}.tel-kop .tel-merk[hidden]{display: none}.tel-titel{flex: 1 1 auto;min-width: 0;display: flex;flex-direction: column;line-height: 1.15;padding-left: 4px}.tel-titel b{font-family: Georgia, serif;font-weight: 400;font-size: 18px;letter-spacing: .01em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.tel-titel small{font-size: 12px;letter-spacing: .12em;text-transform: uppercase;color: var(--zand-diep);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.tel-terug{display: inline-flex;align-items: center;justify-content: center;gap: 0;width: 42px;height: 42px;min-height: 0;padding: 0;margin: 0;border: 0;border-radius: 12px;background: transparent;color: var(--inkt);font-size: 0;box-shadow: none;flex: 0 0 auto}.tel-terug::before{content: "‹";font-size: 30px;line-height: 1;margin-top: -4px;color: var(--inkt)}.tel-terug:active{background: rgba(22,21,15,.06)}.tel-terug[hidden]{display: none}.tel-terug:not([hidden]) + .tel-merk{display: none}.zijbalk .tel-terug{display: none}.werkbalk-boven{position: fixed;top: auto;left: 0;right: 0;bottom: 0;z-index: 7100;margin: 0;display: flex;flex-direction: column;align-items: stretch;gap: 6px;overflow: visible;padding: 10px 12px calc(16px + env(safe-area-inset-bottom, 0px));background: var(--papier);border-radius: 22px 22px 0 0;box-shadow: 0 -20px 60px -20px rgba(0,0,0,.45);transform: translateY(105%);transition: transform .22s ease;max-height: calc(100vh - 40px);overflow-y: auto}body.meer-open .werkbalk-boven{transform: translateY(0)}.tel-sheetkop{display: flex;position: relative;align-items: center;gap: 10px;padding: 8px 4px 12px;margin-bottom: 4px;border-bottom: 1px solid var(--lijn)}.tel-sheetkop::before{content: "";position: absolute;top: -4px;left: 50%;width: 42px;height: 5px;margin-left: -21px;border-radius: 999px;background: var(--lijn-sterk)}body[data-modus="medewerker"] .werkbalk-boven > .tel-sheetkop{display: flex}.tel-sheetkop .gebruiker-chip{margin: 10px 0 0;max-width: none;flex: 1 1 auto;border: 0;box-shadow: none;padding-left: 0;background: transparent}.tel-sheetkop .tel-sluit{margin: 10px 0 0 auto}.werkbalk-boven > button, .werkbalk-boven > .knop{width: 100%;min-height: 50px;justify-content: flex-start;font-size: 15.5px;padding: 10px 14px;border-color: var(--lijn);border-radius: 12px;background: #fff}.werkbalk-boven .knop-icoon{width: 20px;height: 20px;margin-right: 12px}.werkbalk-boven .zoekknop, .werkbalk-boven #hulp-knop, .werkbalk-boven > .gebruiker-chip.in-werkbalk{display: none}.werkbalk-boven .afmeldknop{color: var(--fout);border-color: rgba(143,47,44,.25);margin-top: 4px}.tel-hoes{position: fixed;inset: 0;z-index: 7000;background: rgba(16,15,9,.45);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px)}body.meer-open .tel-hoes{display: block}.werkblad{display: block}.zijbalk{position: fixed;top: auto;left: 0;right: 0;bottom: 0;z-index: 90;width: auto;margin: 0;display: flex;flex-direction: row;flex-wrap: nowrap;gap: 0;align-items: stretch;height: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px));padding: 6px 6px calc(4px + env(safe-area-inset-bottom, 0px));border-radius: 0;border: 0;border-top: 1px solid rgba(205,184,142,.22);background: linear-gradient(180deg, #23211a 0%, #14130e 100%);box-shadow: 0 -18px 40px -24px rgba(0,0,0,.9);overflow-x: auto;overflow-y: hidden;scroll-snap-type: x proximity;scrollbar-width: none}body:not(.aangemeld) .zijbalk{display: none}.zijbalk::-webkit-scrollbar{display: none}.rail-merk, .rail-groep{display: none !important}.tabknop, .tabknop.actief{flex: 1 0 74px;max-width: 120px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;padding: 5px 4px 3px;border: 0;border-radius: 12px;background: transparent;scroll-snap-align: center;font-size: 12px;font-weight: 500;letter-spacing: .01em;text-align: center;color: #b9b2a2;min-height: 0}body[data-modus="medewerker"] .tabknop{max-width: none}.tabknop .tab-icoon{width: 24px;height: 24px;opacity: .78}.tabknop.actief{color: #fffdf8;background: rgba(205,184,142,.14);border: 0}.tabknop.actief .tab-icoon{color: var(--goud);opacity: 1;transform: translateY(-1px) scale(1.06)}.tabknop .tab-tekst{flex: 0 0 auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;line-height: 1.15}.tabknop small{display: none !important}.tab-teller, .tabknop .tab-teller{position: absolute;top: 2px;right: auto;left: 50%;margin: 0 0 0 4px;transform: none;min-width: 17px;height: 17px;font-size: 12px;padding: 0 4px;max-width: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;line-height: 15px;text-align: center;background: #d9a441;color: #14130e;border-color: #14130e}.omhoog{bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 14px);right: 12px}.synbalk{bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 12px)}.kaart{padding: 18px 16px;border-radius: 15px}.projectkop h2{font-size: 25px}.projectkop .projecten-sub{font-size: 13.5px}.projectkop .kop-knoppen{margin-left: 0;width: 100%}.projectkop .kop-knoppen button{flex: 1 1 auto}.start-hero{border-radius: 18px}.start-cijfers{gap: 10px}dialog{border-radius: 0 !important}dialog[open]{animation: schuifop .22s ease-out}@keyframes schuifop{from{transform: translateY(24px);opacity: .6}to{transform: none;opacity: 1}}footer{margin-top: 28px}}@media (max-width: 900px) and (display-mode: standalone), (max-width: 900px) and (display-mode: minimal-ui){body{padding-top: calc(var(--kopbalk) + env(safe-area-inset-top, 0px) + 14px)}.zijbalk{top: auto}}@media (max-width: 380px){.tabknop, .tabknop.actief{flex-basis: 66px}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important}}.start-hero.online{padding-bottom: 30px}.start-pil{display: inline-block;vertical-align: middle;margin-left: 8px;padding: 2px 8px;border-radius: 999px;font-size: 12px;font-weight: 600;letter-spacing: .04em;line-height: 1.4;white-space: nowrap;border: 1px solid var(--lijn-sterk);color: var(--zacht);background: var(--achtergrond)}.start-pil.nieuw{color: #14130e;background: #f0d9a8;border-color: #e2c27e}.start-pil.goed{color: #3f6b45;border-color: #cfe0cf;background: #f2f7f2}.start-pil.beheer{color: var(--zand-diep);border-color: #e0d3b5;background: var(--zand-licht)}.start-pil.zacht{color: var(--zacht)}.start-rondje{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 28px;height: 28px;border-radius: 999px;font-family: Georgia, serif;font-size: 12px;letter-spacing: .04em;color: #14130e;background: linear-gradient(145deg, #e6d8ba 0%, var(--goud) 55%, #a38f6a 100%);box-shadow: 0 1px 2px rgba(22,21,15,.15)}.start-rondje.groot{width: 34px;height: 34px;font-size: 12.5px}.start-rondje.meer{background: var(--zand-licht);color: var(--zand-diep);font-family: inherit;font-weight: 600}.start-ploegjes{display: inline-flex;align-items: center}.start-ploegjes .start-rondje{width: 26px;height: 26px;font-size: 12px;margin-left: -6px;border: 2px solid var(--papier);box-shadow: none}.start-ploegjes .start-rondje:first-child{margin-left: 0}.start-werktabel .kol-ploeg{white-space: nowrap}.start-werktabel td.kol-ploeg .zacht{color: var(--zacht);font-size: 12px}.werk-ploeg-klein, .werk-status-klein{display: none}.start-cijfer.let-op .start-cijfer-waarde{color: var(--waarschuwing)}.start-md, .start-ub, .start-ploeg{list-style: none;margin: 0;padding: 0}.start-md li, .start-ub li, .start-ploeg li{display: flex;align-items: flex-start;gap: 12px;padding: 9px 0;border-bottom: 1px solid #f2efe9;cursor: pointer;transition: background .12s ease;border-radius: 8px}.start-md li:last-child, .start-ub li:last-child, .start-ploeg li:last-child{border-bottom: 0}@media (hover: hover){.start-md li:hover, .start-ub li:hover, .start-ploeg li:hover{background: #fbf9f4}}.start-md li:focus-visible, .start-ub li:focus-visible, .start-ploeg li:focus-visible{outline: 2px solid var(--goud);outline-offset: 2px}.start-md li.nieuw{background: linear-gradient(90deg, rgba(240,217,168,.28), rgba(240,217,168,0) 70%)}.start-md-tekst, .start-ub-tekst, .start-ploeg-tekst{display: flex;flex-direction: column;gap: 2px;min-width: 0;flex: 1 1 auto}.start-md-kop{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;font-size: 13.5px}.start-md-werk{font-size: 12px;color: var(--zand-diep)}.start-md-regel{font-size: 13.5px;color: var(--inkt);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.start-md-sub, .start-ub-sub{font-size: 12px;color: var(--zacht)}.start-ub li, .start-ploeg li{align-items: center}.start-ub-tekst b, .start-ploeg-tekst b{font-size: 13.5px}.start-ub-uren{display: flex;flex-direction: column;align-items: flex-end;gap: 1px;text-align: right;flex: 0 0 auto}.start-ub-uren b{font-variant-numeric: tabular-nums;font-size: 14px}.start-ub-uren.let-op, .start-ub li.let-op .start-ub-uren{color: var(--waarschuwing);font-size: 12px;font-weight: 600}.start-tijdlijn li.tl-melding::before{background: #c6923a}.start-tijdlijn li.tl-briefje::before{background: #5f8a8a}.start-tijdlijn li.tl-voortgang::before{background: #3f6b45}.start-tijdlijn li.tl-werkmap::before{background: #46647d}@media (max-width: 760px){.start-werktabel .kol-breed, .start-werktabel .kol-ploeg{display: none}.werk-ploeg-klein{display: block}.start-werktabel td.naam{min-width: 0}.start-md-kop{font-size: 13px}}.start-lijst li > span{flex: 1 1 auto;min-width: 0}.start-lijst li > button{flex: 0 0 auto}@media (max-width: 560px){.start-cijfers{grid-template-columns: repeat(2, 1fr) !important;gap: 8px}.start-cijfer{padding: 12px 12px 11px}.start-cijfer-waarde{font-size: 20px}.start-cijfer-sub{font-size: 12px}.tabelrol > .start-werktabel{min-width: 0 !important;width: 100%;table-layout: auto}.start-werktabel td, .start-werktabel th{padding-left: 4px;padding-right: 4px}.start-werktabel .werk-sub{white-space: normal}.start-werktabel .kol-status{display: none}.werk-status-klein{display: block;margin-top: 5px}.start-hero .start-acties button{flex: 1 1 auto}}@media (min-width: 620px) and (max-width: 900px){.start-cijfers{grid-template-columns: repeat(3, 1fr) !important}}@media (max-width: 760px){.start-tijdlijn .tl-regel{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}}.fdf-meldingen{position: fixed;top: 84px;right: 16px;z-index: 9500;display: flex;flex-direction: column;gap: 8px;max-width: min(420px, calc(100vw - 32px));pointer-events: none}.fdf-melding{pointer-events: auto;display: flex;align-items: flex-start;gap: 10px;padding: 12px 12px 12px 16px;border-radius: 12px;font-size: 13.5px;line-height: 1.45;background: #201e16;color: #f1ece1;box-shadow: 0 18px 40px -18px rgba(0,0,0,.8);border-left: 4px solid #c8b48c;animation: fdf-melding-in .22s ease-out;cursor: default;word-break: break-word}.fdf-melding.stil{background: #3a372d;border-left-color: #8f8468}.fdf-melding.fout{border-left-color: #d67a6a}.fdf-melding.weg{opacity: 0;transform: translateY(-6px);transition: opacity .25s, transform .25s}.fdf-melding-weg{flex: 0 0 auto;margin-left: auto;border: 0;background: transparent;color: inherit;font: inherit;font-size: 18px;line-height: 1;padding: 0 2px;cursor: pointer;opacity: .7}@media (hover: hover){.fdf-melding-weg:hover{opacity: 1}}@keyframes fdf-melding-in{from{opacity: 0;transform: translateY(-8px)}to{opacity: 1;transform: none}}@media (max-width: 900px){.fdf-meldingen{top: auto;bottom: calc(76px + env(safe-area-inset-bottom));left: 12px;right: 12px;max-width: none}body:not(.aangemeld) .fdf-meldingen{bottom: 16px}}.inlog .inlog-vergeten{display: block;width: auto;margin: 12px auto 0;padding: 6px 10px;border: 0;border-radius: 8px;background: transparent;color: #8f8468;font: inherit;font-size: 13px;cursor: pointer;text-decoration: underline;text-underline-offset: 3px;box-shadow: none}@media (hover: hover){.inlog .inlog-vergeten:hover{color: #16150f;background: transparent}}.inlog .inlog-vergeten:disabled{opacity: .6;cursor: default}.inlog .inlog-fout.goed{background: #edf4e8;color: #2f5a2c;border-color: rgba(47,90,44,.2)}.inlog .inlog-versie{display: block;margin-top: 8px;font-size: 12px;color: #c2bbab;letter-spacing: .04em}.kopie-lijst{display: flex;flex-direction: column;gap: 6px;max-height: 46vh;overflow: auto}.kopie-rij{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 9px 12px;border: 1px solid var(--lijn, #e3ddd1);border-radius: 9px;font-size: 13.5px}.kopie-rij button{font: inherit;font-size: 13px;padding: 6px 12px;border-radius: 8px;border: 1px solid var(--lijn-sterk, #cfc7b8);background: #fff;cursor: pointer}@media (hover: hover){.kopie-rij button:hover{background: #f4f0e8}}#kopie-status{font-size: 13px;color: var(--zacht, #6b6459)}.synbalk .fdf-tel{font-weight: 700}.mw-overzicht{display: block;width: 100%;text-align: left;font: inherit;color: inherit;cursor: pointer;background: #fff;border: 1px solid var(--lijn, #e3ddd1);border-radius: 14px;padding: 16px 18px;margin: 0 0 12px;box-shadow: 0 10px 26px -22px rgba(0,0,0,.35);transition: transform .12s, box-shadow .12s;position: relative}.mw-overzicht:focus-visible{transform: translateY(-1px);box-shadow: 0 16px 34px -22px rgba(0,0,0,.45);outline: none;border-color: #cdb88e}@media (hover: hover){.mw-overzicht:hover{transform: translateY(-1px);box-shadow: 0 16px 34px -22px rgba(0,0,0,.45);outline: none;border-color: #cdb88e}}.mw-overzicht.nieuw{border-left: 4px solid #c8a24a}.mw-ovkop{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px}.mw-ovtitel h3{margin: 0 0 3px;font-family: Georgia, serif;font-weight: 400;font-size: 19px;line-height: 1.25}.mw-ovtitel .mw-werksub{margin: 0;color: var(--zacht, #6b6459);font-size: 13px}.mw-ovtellers{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 12px;align-items: center}.mw-ovtel{font-size: 12.5px;padding: 4px 9px;border-radius: 999px;background: #f4f0e8;color: #4d463a}.mw-ovtel.leeg{background: transparent;color: #a49c8c;padding-left: 0}.mw-ovnieuw{font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;padding: 4px 8px;border-radius: 999px;background: #c8a24a;color: #1c1a17}.mw-ovpijl{position: absolute;right: 18px;bottom: 14px;font-size: 13px;color: #8a7c66}.mw-overzicht{padding-bottom: 34px}.mw-ovkop{flex-wrap: wrap;align-items: center;row-gap: 6px}.mw-ovtitel{min-width: 0;flex: 1 1 auto}.mw-ovtitel h3{margin: 0;overflow-wrap: anywhere}.mw-ovrechts{display: flex;align-items: center;gap: 8px;flex: 0 0 auto;max-width: 100%;flex-wrap: wrap}.mw-overzicht .mw-status{max-width: 100%;white-space: normal}.mw-werkkop{flex-wrap: wrap;row-gap: 8px}.mw-werktitel{min-width: 0;flex: 1 1 auto}.mw-werkkop .mw-status{max-width: 100%;white-space: normal}.mw-detailkop{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0 0 14px}.mw-detailsub{color: var(--zacht, #6b6459);font-size: 13px}.mw-detailvoet{margin: 18px 0 0}.mw-terug{font: inherit;font-size: 14px;padding: 9px 14px;border-radius: 10px;border: 1px solid var(--lijn-sterk, #cfc7b8);background: #fff;cursor: pointer}@media (hover: hover){.mw-terug:hover{background: #f4f0e8}}.mw-ophalen{position: fixed;left: 50%;transform: translateX(-50%);bottom: max(16px, env(safe-area-inset-bottom));z-index: 9400;background: #201e16;color: #f1ece1;padding: 11px 16px 14px;border-radius: 12px;font-size: 13.5px;min-width: 240px;max-width: calc(100vw - 24px);box-shadow: 0 18px 40px -18px rgba(0,0,0,.8)}.mw-ophalen i{display: block;height: 4px;margin-top: 8px;border-radius: 2px;background: #c8b48c;width: 0;transition: width .2s}@media (max-width: 900px){.mw-overzicht{padding: 14px 15px;border-radius: 12px}.mw-ovpijl{display: none}.mw-ophalen{bottom: calc(76px + env(safe-area-inset-bottom))}.mw-terug{min-height: 44px}}@font-face{font-family: "Segoe UI";src: url("inter-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Segoe UI";src: url("inter-600.woff2") format("woff2");font-weight: 500 600;font-style: normal;font-display: swap}@font-face{font-family: "Segoe UI";src: url("inter-700.woff2") format("woff2");font-weight: 700 900;font-style: normal;font-display: swap}@font-face{font-family: "FDF Sans";src: url("inter-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "FDF Sans";src: url("inter-600.woff2") format("woff2");font-weight: 500 600;font-style: normal;font-display: swap}@font-face{font-family: "FDF Sans";src: url("inter-700.woff2") format("woff2");font-weight: 700 900;font-style: normal;font-display: swap}@font-face{font-family: Georgia;src: url("serif-400.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap}@font-face{font-family: "FDF Serif";src: url("serif-400.woff2") format("woff2");font-weight: 400 700;font-style: normal;font-display: swap}body, button, input, select, textarea, .knop{font-family: "FDF Sans", "Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif;font-feature-settings: "cv05" 1, "ss01" 1}h1, h2, h3, h4{font-family: "FDF Serif", Georgia, "Iowan Old Style", "Times New Roman", serif}@media (min-width: 621px){header{padding-top: calc(var(--werkbalk-hoogte, 44px) + 42px)}header h1, header p{padding-right: 12px}}.werkblad{transition: opacity .09s ease-out}body.tab-wissel .werkblad{opacity: .3}section[id^="tab-"]:not([hidden]){animation: fdf-tab-in .17s cubic-bezier(.22,.61,.36,1) both}@keyframes fdf-tab-in{from{opacity: 0;transform: translateY(7px)}to{opacity: 1;transform: none}}.mw-detailkop, #tab-mijnwerk .mw-werk{animation: fdf-schuif-in .2s cubic-bezier(.22,.61,.36,1) both}@keyframes fdf-schuif-in{from{opacity: 0;transform: translateX(16px)}to{opacity: 1;transform: none}}button, .knop, .tabknop{transition: transform .07s ease, background-color .14s ease, border-color .14s ease, box-shadow .14s ease}button:active:not(:disabled), .knop:active, .tabknop:active{transform: scale(.975)}.start-cijfer.klikbaar:active, .mw-overzicht:active{transform: scale(.99)}.fdf-skelet{display: grid;gap: 9px;margin: 4px 0 2px}.fdf-skelet i{display: block;height: 13px;border-radius: 7px;background: linear-gradient(90deg, #efeadf 0%, #f8f5ee 40%, #efeadf 80%);background-size: 280% 100%;animation: fdf-glans 1.25s ease-in-out infinite}.fdf-skelet i:nth-child(2){width: 78%}.fdf-skelet i:nth-child(3){width: 54%}@keyframes fdf-glans{from{background-position: 160% 0}to{background-position: -60% 0}}.fdf-melding.fout{border-left-color: #d67a6a;background: #2a1c19}.fdf-melding b{display: block;font-weight: 600;margin-bottom: 2px}dialog.fdf-vraag{border: 0;padding: 0;border-radius: 18px;width: min(460px, calc(100vw - 32px));background: var(--papier);color: var(--inkt);box-shadow: 0 60px 120px -40px rgba(0,0,0,.6)}dialog.fdf-vraag::backdrop{background: rgba(20,18,12,.5);backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px)}.fdf-vraag-lijf{padding: 26px 26px 6px}.fdf-vraag-lijf h3{margin: 0 0 8px;font-size: 20px;font-weight: 400}.fdf-vraag-lijf p{margin: 0;color: #3d3931;font-size: 15px;line-height: 1.55;white-space: pre-wrap}.fdf-vraag-lijf input{width: 100%;margin-top: 14px;padding: 11px 13px;font-size: 16px;min-height: 44px;border: 1px solid var(--lijn-sterk);border-radius: 10px;background: #fff;color: var(--inkt)}.fdf-vraag-voet{display: flex;justify-content: flex-end;gap: 9px;padding: 18px 22px 20px}.fdf-vraag-voet button{min-height: 42px;padding: 0 18px;border-radius: 11px;font-size: 14.5px}.fdf-vraag-streep{height: 3px;border-radius: 18px 18px 0 0;background: linear-gradient(90deg, var(--goud), var(--zand) 45%, rgba(176,160,136,0))}dialog.fdf-vraag.gevaar .fdf-vraag-streep{background: linear-gradient(90deg, #8f2f2c, #c07a76 50%, rgba(192,122,118,0))}@media (max-width: 760px){dialog.fdf-vraag{border-radius: 18px !important;width: calc(100vw - 26px)}}@media (min-width: 1080px){.start-cijfers{grid-template-columns: repeat(3, 1fr)}}@media (min-width: 1500px){.start-cijfers{grid-template-columns: repeat(6, 1fr)}}.start-cijfer-waarde{font-size: 23px}.fdf-vouwkop{display: flex;align-items: center;gap: 10px;width: 100%;margin: 18px 0 0;padding: 12px 14px;border: 1px solid var(--lijn);border-radius: 13px;background: var(--papier);font-size: 13px;font-weight: 600;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);cursor: pointer;box-shadow: var(--schaduw)}.fdf-vouwkop span.teken{margin-left: auto;font-size: 15px;transition: transform .18s ease;color: var(--zand)}.fdf-vouwkop[aria-expanded="true"] span.teken{transform: rotate(180deg)}.fdf-vouw[hidden]{display: none}.start-rij.mailrij, .start-rij.agendarij{grid-template-columns: minmax(320px, 1fr)}@media (min-width: 1080px){.start-rij.mailrij, .start-rij.agendarij{grid-template-columns: repeat(2, minmax(320px, 1fr))}}.project-balk{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 12px;padding: 11px 13px;border: 1px solid var(--lijn);border-radius: 13px;background: var(--papier);box-shadow: var(--schaduw-rust)}.project-balk .zoek{flex: 1 1 240px;min-width: 200px}.project-balk .filter{display: inline-flex;align-items: center;gap: 7px}.project-balk > button{flex: 0 0 auto}td.getal, th.getal, .getal, .bedrag, .som-waarde, .balans-bedrag, .start-cijfer-waarde, .start-klant-bedrag, .mw-ovtel, .fs-cijfer{font-variant-numeric: tabular-nums}td.getal, th.getal{text-align: right}.tabelrol{background: linear-gradient(90deg, var(--papier) 28%, rgba(255,255,255,0)) left center / 26px 100% no-repeat local, linear-gradient(270deg, var(--papier) 28%, rgba(255,255,255,0)) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, rgba(22,21,15,.16), rgba(22,21,15,0)) left center / 13px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, rgba(22,21,15,.16), rgba(22,21,15,0)) right center / 13px 100% no-repeat scroll}@media (max-width: 760px){input, select, textarea, .veld input, .veld select, .veld textarea, .zoek, input.zoek{font-size: 16px}input:not([type="checkbox"]):not([type="radio"]), select, .zoek{min-height: 44px}button, .knop{min-height: 44px}td button, th button, .klein, .wegknop, .pv-stukweg, .mw-ovpijl, button.klein, .tabknop, .tel-knop, .fdf-melding button, .chipknop, .keuzeknop{min-height: 38px}.tabknop{min-height: 0}table button.klein{padding-left: 10px;padding-right: 10px}}@media (min-width: 761px){button, .knop{min-height: 38px}td button, .klein, .wegknop, button.klein, .pv-stukweg{min-height: 32px}.tabknop{min-height: 0}}@media (min-width: 700px) and (max-width: 1000px){.start-cijfers{grid-template-columns: repeat(3, 1fr)}.start-rij, .start-rij.wijd{grid-template-columns: 1fr 1fr}.start-rij.mailrij, .start-rij.agendarij{grid-template-columns: minmax(300px, 1fr)}}.start-chip, .start-cijfer-label, .start-cijfer-sub, .som-label, .fs-titel, .klein, .rail-groep, .tabknop small, .gebruiker-chip small, .mw-ovnieuw, .start-klant-sub, .start-md-sub, .start-voet, .hint, small{font-size: 12px}.start-cijfer-label, .rail-groep, th, .som-label, .fs-titel{letter-spacing: .12em}table th{font-size: 12px}table td, table th{line-height: 1.35}table td{font-size: 13.5px}.getal, td.getal{font-size: 13.5px}.tab-teller{font-size: 12px}:root{--schaduw-rust: 0 1px 2px rgba(22,21,15,.04), 0 10px 26px -20px rgba(22,21,15,.3);--schaduw-zweef: 0 2px 6px rgba(22,21,15,.05), 0 20px 40px -24px rgba(22,21,15,.42);--schaduw-venster: 0 50px 110px -34px rgba(0,0,0,.55)}.kaart, .start-blok, .zijblok, .sombrok, .start-tegel, .vak-cijfer, .ub-kaart, .md-cijfer, .bank-kaart, .uren-invoer, .km-invoer, .start-cijfer, .mw-overzicht{box-shadow: var(--schaduw-rust)}.mw-overzicht:focus-visible{box-shadow: var(--schaduw-zweef)}@media (hover: hover){.start-cijfer.klikbaar:hover, .mw-overzicht:hover{box-shadow: var(--schaduw-zweef)}}dialog{box-shadow: var(--schaduw-venster)}.start-chip{background: #f2eee4;color: #55503f;border-color: var(--lijn)}.start-chip.let-op{background: #f6e6c4;color: #6b5316}.mw-ovtel{background: #f3efe5;color: #514b3e}.tab-icoon, .knop-icoon, .tel-knop svg, button svg{stroke-width: 1.6}.tabknop.actief .tab-icoon{stroke-width: 1.9}.laadscherm b{animation: fdf-gloed 1.5s ease-in-out infinite alternate}@keyframes fdf-gloed{from{opacity: .5;letter-spacing: .04em}to{opacity: 1;letter-spacing: .09em}}::selection{background: rgba(200,162,74,.3);color: var(--inkt)}button, .knop, .tabknop, summary, label.samen-keuze, .start-cijfer.klikbaar, .mw-overzicht{cursor: pointer}button:disabled, .knop:disabled{cursor: not-allowed}:focus-visible{outline: 2px solid var(--goud);outline-offset: 2px;border-radius: 6px}.fdf-leeg{display: grid;justify-items: center;text-align: center;gap: 6px;padding: 34px 20px;border: 1px dashed var(--lijn-sterk);border-radius: 14px;background: linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0))}.fdf-leeg svg{color: var(--zand);opacity: .8}.fdf-leeg h3{margin: 4px 0 0;font-size: 18px;font-weight: 400}.fdf-leeg p{margin: 0;color: var(--zacht);font-size: 14.5px;max-width: 380px}.fdf-leeg button{margin-top: 8px}.projectrij .status-extra, .werkrij .status-extra{display: none}body.fdf-veeg .werkblad{transition: transform .12s ease-out, opacity .12s ease-out}@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan{--papier: #1b1a15;--achtergrond: #131210;--inkt: #f1ece1;--zacht: #a8a294;--lijn: #302d26;--lijn-sterk: #433f35;--zand: #9a8a6e;--zand-diep: #c0b193;--zand-licht: #262319;--waarschuwing: #e2bd6a;--waarschuwing-vlak: #2b2415;--fout: #e58d88;--fout-vlak: #2e1a19;color-scheme: dark}:root:not([data-thema="licht"]) body.fdf-donker-aan .kaart, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-blok, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-cijfer, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-tegel, :root:not([data-thema="licht"]) body.fdf-donker-aan .zijblok, :root:not([data-thema="licht"]) body.fdf-donker-aan .ub-kaart, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-kaart, :root:not([data-thema="licht"]) body.fdf-donker-aan .mw-overzicht, :root:not([data-thema="licht"]) body.fdf-donker-aan .mw-werk, :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-vouwkop, :root:not([data-thema="licht"]) body.fdf-donker-aan .project-balk{background: var(--papier);border-color: var(--lijn);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan input, :root:not([data-thema="licht"]) body.fdf-donker-aan select, :root:not([data-thema="licht"]) body.fdf-donker-aan textarea, :root:not([data-thema="licht"]) body.fdf-donker-aan .veld input, :root:not([data-thema="licht"]) body.fdf-donker-aan .veld select, :root:not([data-thema="licht"]) body.fdf-donker-aan .veld textarea{background: #201e18;color: var(--inkt);border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan button, :root:not([data-thema="licht"]) body.fdf-donker-aan .knop{background: #232019;color: var(--inkt);border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan button.primair, :root:not([data-thema="licht"]) body.fdf-donker-aan .knop.primair{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e;border-color: #b89f6d}:root:not([data-thema="licht"]) body.fdf-donker-aan table th{color: var(--zand-diep)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan tbody tr:hover > td{background: #201e18}}:root:not([data-thema="licht"]) body.fdf-donker-aan .tabelrol{background: linear-gradient(90deg, var(--papier) 28%, rgba(27,26,21,0)) left center / 26px 100% no-repeat local, linear-gradient(270deg, var(--papier) 28%, rgba(27,26,21,0)) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.45), rgba(0,0,0,0)) left center / 13px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.45), rgba(0,0,0,0)) right center / 13px 100% no-repeat scroll}:root:not([data-thema="licht"]) body.fdf-donker-aan dialog, :root:not([data-thema="licht"]) body.fdf-donker-aan dialog.fdf-vraag{background: #1f1d17;color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-vraag-lijf p{color: #cdc6b6}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-skelet i{background: linear-gradient(90deg, #262319 0%, #302c22 40%, #262319 80%);background-size: 280% 100%}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-leeg{border-color: var(--lijn-sterk);background: none}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-chip{background: #262319;color: #cfc8b8}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-hero{background: linear-gradient(160deg, #262318 0%, #15140f 70%)}:root:not([data-thema="licht"]) body.fdf-donker-aan .werkbalk-boven .zoekknop, :root:not([data-thema="licht"]) body.fdf-donker-aan .werkbalk-boven button{background: #221f19;color: var(--inkt);border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .gebruiker-chip{background: #221f19;border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan header p{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .tel-kop{background: linear-gradient(180deg, #221f19 0%, #16150f 100%);color: #f1ece1;border-bottom: 1px solid rgba(205,184,142,.18)}:root:not([data-thema="licht"]) body.fdf-donker-aan .tel-titel b{color: #fffdf8}:root:not([data-thema="licht"]) body.fdf-donker-aan .tel-titel small{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .tel-knop{color: #e8e2d4}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-vouwkop{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .laadscherm{background: #131210;color: #f1ece1}:root:not([data-thema="licht"]) body.fdf-donker-aan{background: radial-gradient(1200px 600px at 6% -10%, #23201a 0%, rgba(35,32,26,0) 60%), radial-gradient(900px 500px at 100% -4%, #1e1c17 0%, rgba(30,28,23,0) 56%), var(--achtergrond)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-kaart{background: linear-gradient(180deg, #24211a 0%, #1b1914 100%);border-color: rgba(205,184,142,.28);box-shadow: 0 60px 120px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(205,184,142,.14)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-merk b{color: #f1ece1}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-merk small{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog h1{color: #f5f1e7}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog .inlog-uitleg{color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog label{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog .inlog-voet{color: var(--zacht);border-top-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-versie{color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog .inlog-fout{background: rgba(198,90,84,.16);color: #e58d88;border-color: rgba(198,90,84,.3)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog .inlog-fout.goed{background: rgba(63,107,69,.18);color: #8fc89a;border-color: rgba(63,107,69,.32)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-oog{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog form button[type="submit"]{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog form button[type="submit"]:hover{background: linear-gradient(180deg, #e2cfa8 0%, #c6ad79 100%)}}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog input{background: #16150f;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog input:focus{border-color: var(--zand);box-shadow: 0 0 0 3px rgba(205,184,142,.22)}:root:not([data-thema="licht"]) body.fdf-donker-aan .inlog-vergeten{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .project:not(.ingeklapt) .project-titelbalk{background: linear-gradient(180deg, #221f19 0%, #1b1914 100%);border-bottom-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .balans, :root:not([data-thema="licht"]) body.fdf-donker-aan .project-gegevens, :root:not([data-thema="licht"]) body.fdf-donker-aan .snel, :root:not([data-thema="licht"]) body.fdf-donker-aan .categorie.leeg, :root:not([data-thema="licht"]) body.fdf-donker-aan .werken-tabel th, :root:not([data-thema="licht"]) body.fdf-donker-aan .uren-overzicht th, :root:not([data-thema="licht"]) body.fdf-donker-aan .uren-overzicht tr.totaalrij td, :root:not([data-thema="licht"]) body.fdf-donker-aan .onderhoudkaart.leeg, :root:not([data-thema="licht"]) body.fdf-donker-aan .onderhoud-los, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-subrij td, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-jaartabel tr.bank-jaartotaal td, :root:not([data-thema="licht"]) body.fdf-donker-aan .ag-dag.buiten, :root:not([data-thema="licht"]) body.fdf-donker-aan .kaart.gefactureerd, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-maandpagina, :root:not([data-thema="licht"]) body.fdf-donker-aan .pf-vlag.vervallen, :root:not([data-thema="licht"]) body.fdf-donker-aan .pf-vlag.concept, :root:not([data-thema="licht"]) body.fdf-donker-aan .vak-vlag.uit, :root:not([data-thema="licht"]) body.fdf-donker-aan .uren-status.leeg{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .ag-dag.weekend, :root:not([data-thema="licht"]) body.fdf-donker-aan .vak-dag.weekend, :root:not([data-thema="licht"]) body.fdf-donker-aan .vak-detail td, :root:not([data-thema="licht"]) body.fdf-donker-aan .ag-dag.gekozen{background: #262319}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .ag-dag:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .ag-regel:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .ag-agenda:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel tr:hover td, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-md li:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-ub li:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-ploeg li:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .kopie-rij button:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .mw-terug:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .dubbelmelding button:hover{background: #262319}}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-ovtel{background: #262319;color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-terug{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-kaart.actief{background: #23201a}:root:not([data-thema="licht"]) body.fdf-donker-aan #dropzone.actief{background: #23201a}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan #dropzone:hover{background: #23201a}}:root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel input:focus, :root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel select:focus, :root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel input.kopinvoer:focus{background: #262319}:root:not([data-thema="licht"]) body.fdf-donker-aan .categorie-kop .begroting-invoer, :root:not([data-thema="licht"]) body.fdf-donker-aan .klein-getal{background: #201e18;color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .verkley-bedrag input.nogleeg{background: rgba(214,160,64,.12)}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-kaart.nieuw{background: rgba(214,160,64,.09)}:root:not([data-thema="licht"]) body.fdf-donker-aan .ag-chip, :root:not([data-thema="licht"]) body.fdf-donker-aan .md-foto{background: #262319}:root:not([data-thema="licht"]) body.fdf-donker-aan .wm-stuk.soort-tekst .wm-merk{background: rgba(63,107,69,.2);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .wm-stuk.soort-foto .wm-merk{background: rgba(90,140,190,.2);color: #9ec2e0}:root:not([data-thema="licht"]) body.fdf-donker-aan .wm-stuk.soort-link .wm-merk{background: rgba(132,120,160,.22);color: #b3a8cc}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-bijlage.pdf .md-merk{background: rgba(198,90,84,.2);color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-bestandmerk{background: rgba(198,90,84,.18);color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-soort.alles{background: #262319}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-gblok{background: rgba(90,140,190,.1);border-color: rgba(120,160,200,.28)}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-gblok .start-lijst li{border-bottom-color: rgba(120,160,200,.2)}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-soort.g, :root:not([data-thema="licht"]) body.fdf-donker-aan .uren-status.regel{background: rgba(90,140,190,.2);color: #9ec2e0}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-soort.spaar, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-factuurpil{background: rgba(63,107,69,.2);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .bank-soort.krediet{background: rgba(214,160,64,.18);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .km-groepstip{background: rgba(214,160,64,.16);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .km-tabel tr.let-op td{background: rgba(214,160,64,.1)}:root:not([data-thema="licht"]) body.fdf-donker-aan .snel.is-baten{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.3)}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-status.uitvoering, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-pil.goed{background: rgba(63,107,69,.18);border-color: rgba(63,107,69,.34);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-status.hold{background: rgba(214,160,64,.16);border-color: rgba(214,160,64,.34);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-status.voorbereiding{color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-status.klaar{color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-pil.nieuw{background: rgba(214,160,64,.26);border-color: rgba(214,160,64,.45);color: #f0d9a8}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-pil.beheer{background: #262319;border-color: var(--lijn-sterk);color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-chip.let-op{background: rgba(214,160,64,.2);border-color: rgba(214,160,64,.4);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .project-vlag.uitvoering{background: rgba(70,125,125,.24);color: #86c4c2}:root:not([data-thema="licht"]) body.fdf-donker-aan .project-vlag.hold{background: rgba(214,160,64,.2);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .project-vlag.klaar{background: rgba(63,107,69,.22);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .project-vlag.opgeleverd{background: rgba(90,140,190,.22);color: #9ec2e0}:root:not([data-thema="licht"]) body.fdf-donker-aan .project-vlag.voorbereiding{background: rgba(132,120,160,.22);color: #b3a8cc}:root:not([data-thema="licht"]) body.fdf-donker-aan .factuurpil.open{background: rgba(214,160,64,.18);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .factuurpil.klaar{background: rgba(90,140,190,.2);color: #9ec2e0}:root:not([data-thema="licht"]) body.fdf-donker-aan .uren-status.ok, :root:not([data-thema="licht"]) body.fdf-donker-aan .verkley-spec .melding.ok{background: rgba(63,107,69,.2);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .uren-status.let-op{background: rgba(214,160,64,.18);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .pf-vlag.order{background: rgba(214,160,64,.18);border-color: rgba(214,160,64,.38);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .pf-vlag.gefactureerd{background: rgba(63,107,69,.2);border-color: rgba(63,107,69,.34);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .vak-vlag.nieuw{background: rgba(214,160,64,.18);border-color: rgba(214,160,64,.38);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .vak-vlag.binnen, :root:not([data-thema="licht"]) body.fdf-donker-aan .vak-melding.goed{background: rgba(63,107,69,.18);border-color: rgba(63,107,69,.34);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-nieuw{background: rgba(214,160,64,.24);color: #f0d9a8}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-werk{background: rgba(90,140,190,.18);border-color: rgba(120,160,200,.3);color: #9ec2e0}:root:not([data-thema="licht"]) body.fdf-donker-aan .ag-bericht.positief{background: rgba(63,107,69,.16);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .factuur-chip{background: rgba(63,107,69,.16);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .uren-inbox{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.3)}:root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel input.kopinvoer, :root:not([data-thema="licht"]) body.fdf-donker-aan .factuur-regeltabel tr.kopregel input.kopinvoer{background: rgba(63,107,69,.14);border-color: rgba(63,107,69,.3);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .verkley-blok{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.28)}:root:not([data-thema="licht"]) body.fdf-donker-aan .omzet-maand.gekozen .omzet-staaf i{background: var(--zand)}:root:not([data-thema="licht"]) body.fdf-donker-aan .kenteken{background: rgba(242,201,76,.85);color: #14130e}:root:not([data-thema="licht"]) body.fdf-donker-aan .kostentabel td, :root:not([data-thema="licht"]) body.fdf-donker-aan .uren-overzicht td, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-regel, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-lijst li, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-tabel td, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-werktabel td, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-klant, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-tijdlijn li, :root:not([data-thema="licht"]) body.fdf-donker-aan .importtabel td, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-kaart-voet, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-balklijst li, :root:not([data-thema="licht"]) body.fdf-donker-aan .maillijst li, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-md li, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-ub li, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-ploeg li, :root:not([data-thema="licht"]) body.fdf-donker-aan .vak-mini td, :root:not([data-thema="licht"]) body.fdf-donker-aan .kopie-rij{border-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .dubbelmelding, :root:not([data-thema="licht"]) body.fdf-donker-aan .tab-teller.let-op, :root:not([data-thema="licht"]) body.fdf-donker-aan button.letop, :root:not([data-thema="licht"]) body.fdf-donker-aan .pv-letop, :root:not([data-thema="licht"]) body.fdf-donker-aan .mw-pasje.bijna, :root:not([data-thema="licht"]) body.fdf-donker-aan .mw-bericht{border-color: rgba(214,160,64,.34)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .start-hero button.start-chip:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-hero .start-acties button:hover, :root:not([data-thema="licht"]) body.fdf-donker-aan .omzet-doelknop:hover{border-color: var(--lijn-sterk)}}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .start-hero .start-acties button.primair:hover{background: #e6d8ba;border-color: #e6d8ba;color: #14130e}}:root:not([data-thema="licht"]) body.fdf-donker-aan dialog{border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan ::placeholder{color: #8f8879}:root:not([data-thema="licht"]) body.fdf-donker-aan ::-webkit-scrollbar-thumb{background: #3a362d}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan ::-webkit-scrollbar-thumb:hover{background: #4b463a}}:root:not([data-thema="licht"]) body.fdf-donker-aan .som-waarde.positief, :root:not([data-thema="licht"]) body.fdf-donker-aan .werken-tabel td.positief, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-regel-waarde.positief, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-lijst li.positief, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-werktabel td.getal.positief, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-cijfer.goed .start-cijfer-waarde, :root:not([data-thema="licht"]) body.fdf-donker-aan .bank-jaarcijfers .sombrok.jaar-goed .som-waarde, :root:not([data-thema="licht"]) body.fdf-donker-aan .marge-goed, :root:not([data-thema="licht"]) body.fdf-donker-aan .positief{color: #7fbd8c}:root:not([data-thema="licht"]) body.fdf-donker-aan .werkkaart-post b.openstaand, :root:not([data-thema="licht"]) body.fdf-donker-aan .werken-tabel td.getal.openstaand, :root:not([data-thema="licht"]) body.fdf-donker-aan .project-mini b.openstaand, :root:not([data-thema="licht"]) body.fdf-donker-aan .klanttabel td.getal.open, :root:not([data-thema="licht"]) body.fdf-donker-aan .openstaand{color: #d9a562}:root:not([data-thema="licht"]) body.fdf-donker-aan .start-lijst li.let-op, :root:not([data-thema="licht"]) body.fdf-donker-aan .start-lijst li.let-op::before{color: var(--waarschuwing)}:root:not([data-thema="licht"]) body.fdf-donker-aan .nw-klant{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .nw-klant:hover{border-color: var(--zand)}}:root:not([data-thema="licht"]) body.fdf-donker-aan .nw-klant.aan{background: #2c2820;border-color: var(--zand);box-shadow: inset 0 0 0 1px var(--zand)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .nw-vink:hover{background: #262319}}:root:not([data-thema="licht"]) body.fdf-donker-aan .plak-voorbeeld{background: #201e18;color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan textarea.plak-invoer{background: #201e18;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .plak-tabel th, :root:not([data-thema="licht"]) body.fdf-donker-aan .plak-tabel td{border-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .snel-plak, :root:not([data-thema="licht"]) body.fdf-donker-aan .snel-tarieven{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-knop{background: #221f19;border-color: var(--lijn-sterk);color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-knop.aan{background: rgba(214,160,64,.2);border-color: rgba(214,160,64,.45);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .meerwerk-vak{background: rgba(214,160,64,.1);border-color: rgba(214,160,64,.28)}:root:not([data-thema="licht"]) body.fdf-donker-aan .meerwerk-merk{color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .meerwerk-veld .label{color: #d9b878}:root:not([data-thema="licht"]) body.fdf-donker-aan .meerwerk-akkoord{color: #ddc28c}:root:not([data-thema="licht"]) body.fdf-donker-aan .nc-punt.goed{background: rgba(63,107,69,.14)}:root:not([data-thema="licht"]) body.fdf-donker-aan .nc-punt.let-op{background: rgba(214,160,64,.14)}:root:not([data-thema="licht"]) body.fdf-donker-aan .nc-tekst small{color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .stapel-tabel th, :root:not([data-thema="licht"]) body.fdf-donker-aan .stapel-tabel td{border-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .stapel-regel{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .stapel-regel.goed{background: rgba(63,107,69,.18);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .stapel-regel.fout{background: rgba(198,90,84,.18);color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .off-stand{background: #262319;color: var(--zand-diep) !important}:root:not([data-thema="licht"]) body.fdf-donker-aan .off-stand.akkoord{background: rgba(63,107,69,.2);color: #8fc89a !important}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tab:hover{background: #262319}}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-cijfer{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-cijfer.let-op{background: rgba(214,160,64,.14)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-cijfer.let-op b{color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel th, :root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel td{border-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel tr.te-laat td{background: rgba(214,160,64,.1)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel tr.geld-totaal td{border-top-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel td.min{color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-tabel td.goed{color: #7fbd8c}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-pil.open{background: #262319;color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-pil.laat{background: rgba(214,160,64,.22);color: #edc985}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-betaald{border-bottom-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .geld-ouder{background: #201e18;border-color: var(--lijn);color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .wk-man{background: rgba(214,160,64,.12);border-color: rgba(214,160,64,.28)}:root:not([data-thema="licht"]) body.fdf-donker-aan .wk-man.bezig{background: #201e18;border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .wk-punt{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .kp-invoer{background: #201e18;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .rechten-tabel th, :root:not([data-thema="licht"]) body.fdf-donker-aan .rechten-tabel td{border-color: var(--lijn)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .sb-rij:hover{background: #262319}}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-pool{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-chip{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-chip.pl-machine{background: rgba(176,137,79,.22);border-color: rgba(176,137,79,.42);color: #e0bd82}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-chip.gepakt{background: rgba(205,184,142,.28);border-color: var(--zand);box-shadow: 0 0 0 2px var(--zand)}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-werknaam{background: #201e18}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-vak{background: #1b1914;border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .pl-vak.erover{background: rgba(205,184,142,.16);border-color: var(--zand)}:root:not([data-thema="licht"]) body.fdf-donker-aan .kaart-tekening{background: #1b1914}:root:not([data-thema="licht"]) body.fdf-donker-aan .kt-raster{stroke: #2f2b23}:root:not([data-thema="licht"]) body.fdf-donker-aan .kt-plaats{fill: #6b6558}:root:not([data-thema="licht"]) body.fdf-donker-aan .kt-speld{stroke: #16150f}:root:not([data-thema="licht"]) body.fdf-donker-aan .bon-voorbeeld img{border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .veeg-vlak{border-color: var(--lijn-sterk);color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .veeg-goed{color: #7fbd8c}:root:not([data-thema="licht"]) body.fdf-donker-aan .veeg-nee{color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-soort{background: #262319;color: var(--zand-diep)}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-soort.dagrapport{background: rgba(63,107,69,.2);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-soort.verlof{background: rgba(214,160,64,.2);color: #e2bd6a}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-soort.verlof.goedgekeurd{background: rgba(63,107,69,.2);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .md-soort.verlof.afgewezen{background: rgba(198,90,84,.2);color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .vak-snel{background: #201e18;border-color: var(--lijn)}:root:not([data-thema="licht"]) body.fdf-donker-aan .vak-snelknop{background: #221f19;border-color: var(--zand);color: var(--inkt)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .vak-snelknop:hover{background: rgba(205,184,142,.2)}}:root:not([data-thema="licht"]) body.fdf-donker-aan .mw-hier{background: rgba(63,107,69,.22);color: #8fc89a}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-onderweg{background: rgba(214,160,64,.9);color: #14130e}:root:not([data-thema="licht"]) body.fdf-donker-aan .jl-maand{fill: #9a9384}:root:not([data-thema="licht"]) body.fdf-donker-aan .jl-omzet{fill: #4f8a58}:root:not([data-thema="licht"]) body.fdf-donker-aan .jl-kosten{fill: #b08a4a}:root:not([data-thema="licht"]) body.fdf-donker-aan .jl-as{stroke: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-snellijst{background: #201e18;border-color: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-snellijst button{color: var(--inkt)}@media (hover: hover){:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-snellijst button:hover{background: #2a2620}}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-snellijst button small{color: var(--zacht)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-rl-teken{color: #14130e}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-rl-stippen i{background: var(--lijn-sterk)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-rl-stippen i.aan{background: var(--zand)}:root:not([data-thema="licht"]) body.fdf-donker-aan .wk-mini{background: var(--achtergrond)}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-printkop, :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-printvoet{color: var(--inkt)}:root:not([data-thema="licht"]) body.fdf-donker-aan .balanspost.positief .balans-bedrag{color: #7fbd8c}:root:not([data-thema="licht"]) body.fdf-donker-aan .balanspost.negatief .balans-bedrag{color: #e58d88}:root:not([data-thema="licht"]) body.fdf-donker-aan .rail-groep{color: #948d7c}:root:not([data-thema="licht"]) body.fdf-donker-aan .tabknop small{color: #968f7d}:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-leeg h3, :root:not([data-thema="licht"]) body.fdf-donker-aan .mijnwerk-leeg h3{color: var(--inkt)}}:root[data-thema="donker"] body.fdf-donker-aan{--papier: #1b1a15;--achtergrond: #131210;--inkt: #f1ece1;--zacht: #a8a294;--lijn: #302d26;--lijn-sterk: #433f35;--zand: #9a8a6e;--zand-diep: #c0b193;--zand-licht: #262319;--waarschuwing: #e2bd6a;--waarschuwing-vlak: #2b2415;--fout: #e58d88;--fout-vlak: #2e1a19;color-scheme: dark}:root[data-thema="donker"] body.fdf-donker-aan .kaart, :root[data-thema="donker"] body.fdf-donker-aan .start-blok, :root[data-thema="donker"] body.fdf-donker-aan .start-cijfer, :root[data-thema="donker"] body.fdf-donker-aan .start-tegel, :root[data-thema="donker"] body.fdf-donker-aan .zijblok, :root[data-thema="donker"] body.fdf-donker-aan .ub-kaart, :root[data-thema="donker"] body.fdf-donker-aan .bank-kaart, :root[data-thema="donker"] body.fdf-donker-aan .mw-overzicht, :root[data-thema="donker"] body.fdf-donker-aan .mw-werk, :root[data-thema="donker"] body.fdf-donker-aan .fdf-vouwkop, :root[data-thema="donker"] body.fdf-donker-aan .project-balk{background: var(--papier);border-color: var(--lijn);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan input, :root[data-thema="donker"] body.fdf-donker-aan select, :root[data-thema="donker"] body.fdf-donker-aan textarea, :root[data-thema="donker"] body.fdf-donker-aan .veld input, :root[data-thema="donker"] body.fdf-donker-aan .veld select, :root[data-thema="donker"] body.fdf-donker-aan .veld textarea{background: #201e18;color: var(--inkt);border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan button, :root[data-thema="donker"] body.fdf-donker-aan .knop{background: #232019;color: var(--inkt);border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan button.primair, :root[data-thema="donker"] body.fdf-donker-aan .knop.primair{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e;border-color: #b89f6d}:root[data-thema="donker"] body.fdf-donker-aan table th{color: var(--zand-diep)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan tbody tr:hover > td{background: #201e18}}:root[data-thema="donker"] body.fdf-donker-aan .tabelrol{background: linear-gradient(90deg, var(--papier) 28%, rgba(27,26,21,0)) left center / 26px 100% no-repeat local, linear-gradient(270deg, var(--papier) 28%, rgba(27,26,21,0)) right center / 26px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.45), rgba(0,0,0,0)) left center / 13px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.45), rgba(0,0,0,0)) right center / 13px 100% no-repeat scroll}:root[data-thema="donker"] body.fdf-donker-aan dialog, :root[data-thema="donker"] body.fdf-donker-aan dialog.fdf-vraag{background: #1f1d17;color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-vraag-lijf p{color: #cdc6b6}:root[data-thema="donker"] body.fdf-donker-aan .fdf-skelet i{background: linear-gradient(90deg, #262319 0%, #302c22 40%, #262319 80%);background-size: 280% 100%}:root[data-thema="donker"] body.fdf-donker-aan .fdf-leeg{border-color: var(--lijn-sterk);background: none}:root[data-thema="donker"] body.fdf-donker-aan .start-chip{background: #262319;color: #cfc8b8}:root[data-thema="donker"] body.fdf-donker-aan .start-hero{background: linear-gradient(160deg, #262318 0%, #15140f 70%)}:root[data-thema="donker"] body.fdf-donker-aan .werkbalk-boven .zoekknop, :root[data-thema="donker"] body.fdf-donker-aan .werkbalk-boven button{background: #221f19;color: var(--inkt);border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .gebruiker-chip{background: #221f19;border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan header p{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .tel-kop{background: linear-gradient(180deg, #221f19 0%, #16150f 100%);color: #f1ece1;border-bottom: 1px solid rgba(205,184,142,.18)}:root[data-thema="donker"] body.fdf-donker-aan .tel-titel b{color: #fffdf8}:root[data-thema="donker"] body.fdf-donker-aan .tel-titel small{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .tel-knop{color: #e8e2d4}:root[data-thema="donker"] body.fdf-donker-aan .fdf-vouwkop{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .laadscherm{background: #131210;color: #f1ece1}@media (prefers-reduced-motion: reduce){.werkblad, section[id^="tab-"]:not([hidden]), .mw-detailkop, #tab-mijnwerk .mw-werk, .fdf-skelet i, .laadscherm b, .fdf-melding, button, .knop, .tabknop{animation: none !important;transition: none !important}}@media print{.fdf-meldingen, .fdf-vouwkop{display: none !important}section[id^="tab-"]:not([hidden]){animation: none !important}}#thema-knop .thema-teken{font-size: 15px;line-height: 1}#thema-knop[data-stand="donker"]{border-color: var(--zand)}@media (max-width: 950px) and (orientation: landscape) and (max-height: 500px){:root{--kopbalk: 40px;--onderbalk: 48px}.tel-kop .tel-titel small{display: none}.tel-kop .tel-titel b{font-size: 14px}.tabknop small{display: none}.tabknop .tab-icoon{width: 20px;height: 20px}.tabknop, .tabknop.actief{font-size: 11px;padding: 3px 4px 2px;flex-basis: 62px}.kaart{padding: 14px 16px}.start-hero{padding: 14px 16px;border-radius: 16px}.start-cijfers{gap: 8px}.start-tegels, .start-rij{gap: 10px}h2{font-size: 19px;margin-bottom: 8px}dialog{max-height: calc(100vh - 16px)}.wk-vak{padding: 8px 8px calc(52px + env(safe-area-inset-bottom, 0px))}.fdf-snelmenu{bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 8px)}}@media (max-width: 900px){.fdf-snelmenu{bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 14px);right: 14px}.fdf-snellijst{max-height: calc(100vh - var(--kopbalk) - var(--onderbalk) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 96px)}dialog::backdrop{padding-bottom: env(safe-area-inset-bottom, 0px)}.wk-voet, .vak-voet{padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px))}}.fdf-snelmenu{position: fixed;right: 26px;bottom: 26px;z-index: 70;display: none}body.aangemeld .fdf-snelmenu{display: block}body.afdruk-een .fdf-snelmenu, body[data-modus="medewerker"] .fdf-snelmenu{display: none}.fdf-snelknop{width: 56px;height: 56px;min-height: 0;padding: 0;border-radius: 50%;border: 1px solid #2b2820;color: #f5f1e7;font-size: 26px;line-height: 1;background: linear-gradient(180deg, var(--rail-boven, #23211a) 0%, var(--rail-onder, #14130e) 100%);box-shadow: 0 16px 34px -14px rgba(0,0,0,.65);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform .16s ease, box-shadow .16s ease}@media (hover: hover){.fdf-snelknop:hover{transform: translateY(-2px);box-shadow: 0 20px 40px -14px rgba(0,0,0,.7)}}.fdf-snelknop i{font-style: normal;display: block;transition: transform .18s ease}.fdf-snelmenu.open .fdf-snelknop i{transform: rotate(45deg)}.fdf-snellijst{position: absolute;right: 0;bottom: 66px;width: max-content;min-width: 216px;max-width: min(320px, calc(100vw - 32px));max-height: min(68vh, 520px);overflow-y: auto;overscroll-behavior: contain;display: flex;flex-direction: column;gap: 6px;padding: 8px;background: var(--papier);border: 1px solid var(--lijn-sterk);border-radius: 14px;box-shadow: 0 26px 56px -20px rgba(0,0,0,.45);opacity: 0;transform: translateY(8px) scale(.97);pointer-events: none;transition: opacity .16s ease, transform .16s ease}.fdf-snelmenu.open .fdf-snellijst{opacity: 1;transform: none;pointer-events: auto}.fdf-snellijst button{display: flex;align-items: center;gap: 10px;width: 100%;min-height: 44px;padding: 9px 12px;border: 0;border-radius: 10px;background: transparent;font: inherit;font-size: 14px;text-align: left;color: var(--inkt);cursor: pointer}@media (hover: hover){.fdf-snellijst button:hover{background: var(--zand-licht)}}.fdf-snellijst button b{font-weight: 600}.fdf-snellijst button small{display: block;color: var(--zacht);font-size: 12px}.fdf-snellijst .snel-teken{flex: 0 0 26px;text-align: center;font-size: 17px}.fdf-snelhoes{position: fixed;inset: 0;z-index: 69;display: none}.fdf-snelmenu.open + .fdf-snelhoes, .fdf-snelhoes.aan{display: block}.fdf-printkop{display: none}@media print{@page{margin: 14mm 12mm 16mm}body{background: #fff !important;color: #000;padding: 0 !important;font-size: 10.5pt}.zijbalk, .werkbalk-boven, .tel-kop, .tel-hoes, .tel-sheetkop, .fdf-snelmenu, .fdf-snelhoes, .omhoog, .zoekknop, #hulp-knop, .projectkop .kop-knoppen, .project-balk, .cat-toevoegen, .snel, .project-voet, .fdf-meldingen, .fdf-vouwkop, .start-acties, footer, .laadscherm, .terugknop, .factuurpil, .statuspijl, .veld-week, button, .knop{display: none !important}.fdf-printkop{display: flex !important;align-items: flex-end;justify-content: space-between;gap: 16px;padding-bottom: 8px;margin-bottom: 14px;border-bottom: 1.5pt solid #1d1b15}.fdf-printkop img{width: 46mm;height: auto}.fdf-printkop .pk-rechts{text-align: right;font-size: 9pt;line-height: 1.45;color: #2a271f}.fdf-printkop .pk-rechts b{display: block;font-size: 12pt;font-family: Georgia, serif;font-weight: 400;color: #14130e}.werkblad, .inhoud, body > .breed{display: block !important;max-width: none !important}section[id^="tab-"]{break-inside: auto}table{width: 100%;border-collapse: collapse;page-break-inside: auto}table th{text-align: left;font-size: 8.5pt;letter-spacing: .04em;text-transform: uppercase;color: #3a362c;border-bottom: .8pt solid #6f6a5c;padding: 3pt 4pt}table td{padding: 3pt 4pt;border-bottom: .4pt solid #c9c3b4;vertical-align: top}table tr{page-break-inside: avoid}thead{display: table-header-group}.getal, td.getal, th.getal{text-align: right;font-variant-numeric: tabular-nums}.kaart, .start-blok, .project, .categorie{box-shadow: none !important;border: .4pt solid #c9c3b4;break-inside: avoid}input, select, textarea{border: 0 !important;background: none !important;padding: 0 !important;color: #000 !important;-webkit-appearance: none;appearance: none;font: inherit}.project-titelbalk{border-bottom: .8pt solid #6f6a5c;padding-bottom: 6pt;margin-bottom: 8pt}.project-titel .naam{font-family: Georgia, serif;font-size: 15pt}a[href]:after{content: ""}.fdf-printvoet{display: block !important;margin-top: 10pt;padding-top: 5pt;border-top: .4pt solid #c9c3b4;font-size: 8pt;color: #55503f}}.fdf-printvoet{display: none}.wk-vak{position: relative}.wk-mini{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: var(--achtergrond)}.wk-mini img{max-width: 100%;max-height: 100%;filter: blur(6px);transform: scale(1.03);opacity: .85}.wk-mini span{position: absolute;bottom: 16px;left: 50%;transform: translateX(-50%);background: rgba(20,19,14,.82);color: #f3efe5;font-size: 12.5px;padding: 5px 12px;border-radius: 999px;white-space: nowrap}.wk-mini.weg{opacity: 0;transition: opacity .28s ease;pointer-events: none}dialog.fdf-rondleiding{width: min(430px, 94vw);padding: 0;border: 0;border-radius: 18px}.fdf-rl-lijf{padding: 26px 26px 18px;text-align: center}.fdf-rl-teken{width: 66px;height: 66px;margin: 0 auto 16px;border-radius: 18px;display: flex;align-items: center;justify-content: center;font-size: 30px;background: linear-gradient(145deg, #e2d3b4 0%, var(--goud, #c8b48c) 55%, #a08d6c 100%);color: #14130e}.fdf-rl-lijf h3{font-family: Georgia, serif;font-weight: 400;font-size: 22px;margin: 0 0 8px}.fdf-rl-lijf p{margin: 0;color: var(--zacht);font-size: 14.5px;line-height: 1.55}.fdf-rl-voet{display: flex;align-items: center;gap: 10px;padding: 14px 20px 18px;border-top: 1px solid var(--lijn)}.fdf-rl-stippen{flex: 1;display: flex;gap: 6px}.fdf-rl-stippen i{width: 7px;height: 7px;border-radius: 50%;background: var(--lijn-sterk)}.fdf-rl-stippen i.aan{background: var(--zand)}.fdf-rl-voet button{min-height: 42px}dialog.fdf-nieuwwerk, dialog.fdf-plakvak, dialog.fdf-nacontrole{width: min(560px, 94vw);padding: 0;border: 0;border-radius: 18px}dialog.fdf-plakvak{width: min(680px, 94vw)}.nw-lijf{padding: 24px 26px 8px}.nw-lijf h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0 0 6px}.nw-lijf > .hint{margin: 0 0 16px}.nw-klanten{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 14px}.nw-klant{display: flex;flex-direction: column;align-items: flex-start;gap: 1px;min-height: 44px;padding: 7px 14px;border: 1px solid var(--lijn-sterk);border-radius: 10px;background: var(--papier);font: inherit;font-size: 14px;font-weight: 600;color: var(--inkt);cursor: pointer;text-align: left}.nw-klant small{font-weight: 400;font-size: 11.5px;color: var(--zacht)}@media (hover: hover){.nw-klant:hover{border-color: var(--zand)}}.nw-klant.aan{background: var(--zand-licht);border-color: var(--zand);box-shadow: inset 0 0 0 1px var(--zand)}.nw-uitleg{margin: 0 0 14px;font-size: 13px;color: var(--zand-diep);min-height: 18px}.nw-lijf .veld{display: block;margin-bottom: 12px}.nw-lijf .veld input{width: 100%}.nw-vinkjes{display: flex;flex-direction: column;gap: 4px;margin-bottom: 8px}.nw-vink{display: flex;align-items: flex-start;gap: 10px;padding: 8px 10px;border-radius: 9px;font-size: 14px;cursor: pointer}@media (hover: hover){.nw-vink:hover{background: var(--zand-licht)}}.nw-vink.zacht{color: var(--zacht);cursor: default}.nw-vink input{margin-top: 2px}.nw-voet{display: flex;align-items: center;gap: 8px;justify-content: flex-end;padding: 14px 24px 18px;border-top: 1px solid var(--lijn)}.nw-voet button{min-height: 42px}.nw-voet button:first-child{margin-right: auto}.plak-voorbeeld{margin: 0 0 12px;padding: 10px 12px;border-radius: 9px;background: var(--zand-licht);font-family: ui-monospace, Menlo, Consolas, monospace;font-size: 12.5px;color: var(--zand-diep);white-space: pre;overflow-x: auto}textarea.plak-invoer{width: 100%;font-family: ui-monospace, Menlo, Consolas, monospace;font-size: 13px;padding: 10px 12px;border: 1px solid var(--lijn-sterk);border-radius: 9px;background: var(--papier);color: var(--inkt)}.plak-uitslag{margin-top: 12px;max-height: 240px;overflow: auto}.plak-tabel{width: 100%;border-collapse: collapse;font-size: 13px}.plak-tabel th{text-align: left;font-size: 11.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--zand-diep);padding: 3px 6px;border-bottom: 1px solid var(--lijn)}.plak-tabel td{padding: 4px 6px;border-bottom: 1px solid var(--lijn)}.plak-tabel td.getal, .plak-tabel th.getal{text-align: right;font-variant-numeric: tabular-nums}.plak-som{margin: 8px 0 0;font-size: 13px;font-weight: 600}.snel-plak{min-height: 34px;padding: 5px 12px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);font-size: 13px;cursor: pointer}.mw-knop{width: 26px;height: 26px;min-height: 0;padding: 0;margin-left: 4px;border: 1px solid var(--lijn-sterk);border-radius: 7px;background: var(--papier);font-size: 12px;font-weight: 700;color: var(--zacht);cursor: pointer;line-height: 1}.mw-knop.aan{background: var(--waarschuwing-vlak, #fbf3e0);border-color: var(--waarschuwing, #b8860b);color: #7a5a10}tr.meerwerk-rij td{padding: 0 0 8px;border: 0}.meerwerk-vak{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 10px 16px;padding: 9px 12px;border-radius: 9px;background: var(--waarschuwing-vlak, #fbf3e0);border: 1px solid rgba(184,134,11,.28)}.meerwerk-merk{font-size: 11px;letter-spacing: .09em;text-transform: uppercase;font-weight: 700;color: #7a5a10;align-self: center}.meerwerk-veld{display: flex;flex-direction: column;gap: 2px;font-size: 12px}.meerwerk-veld .label{font-size: 11px;color: #7a5a10}.meerwerk-veld input{min-height: 32px;font-size: 13px}.meerwerk-akkoord{display: flex;align-items: center;gap: 6px;font-size: 13px;color: #6b4f0e}.nc-lijst{display: flex;flex-direction: column;gap: 2px;margin-bottom: 8px}.nc-punt{display: flex;align-items: flex-start;gap: 11px;padding: 9px 10px;border-radius: 9px}.nc-punt.goed{background: rgba(63,107,69,.07)}.nc-punt.let-op{background: var(--waarschuwing-vlak, #fbf3e0)}.nc-teken{flex: 0 0 22px;height: 22px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;color: #fff}.nc-punt.goed .nc-teken{background: #3f6b45}.nc-punt.let-op .nc-teken{background: #b8860b}.nc-tekst b{display: block;font-size: 14px;font-weight: 600}.nc-tekst small{color: var(--zacht);font-size: 12.5px}@media (max-width: 620px){.nw-voet{flex-wrap: wrap}.nw-voet button:first-child{margin-right: 0;width: 100%}.meerwerk-vak{gap: 8px 12px}}dialog.fdf-stapel{width: min(720px, 94vw);padding: 0;border: 0;border-radius: 18px}.stapel-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px;margin-bottom: 14px}.stapel-tabel th{text-align: left;font-size: 11.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--zand-diep);padding: 4px 6px;border-bottom: 1px solid var(--lijn)}.stapel-tabel td{padding: 6px;border-bottom: 1px solid var(--lijn)}.stapel-tabel td.getal, .stapel-tabel th.getal{text-align: right;font-variant-numeric: tabular-nums}.stapel-nummer{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;margin-bottom: 10px}.stapel-nummer .label{font-size: 12px;color: var(--zand-diep)}.stapel-nummer input{min-height: 38px;max-width: 170px}.stapel-voortgang{display: flex;flex-direction: column;gap: 3px;max-height: 190px;overflow: auto}.stapel-regel{font-size: 13px;padding: 5px 9px;border-radius: 7px;background: var(--zand-licht)}.stapel-regel.goed{background: rgba(63,107,69,.1)}.stapel-regel.fout{background: var(--fout-vlak, #fbeceb);color: var(--fout, #a33)}.off-lijst{margin-top: 14px;border-top: 1px solid var(--lijn);padding-top: 10px}.off-lijst h4{font-size: 12px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 6px}.off-regel{display: flex;align-items: center;gap: 10px;font-size: 13.5px;padding: 5px 0}.off-regel span{color: var(--zacht)}.off-stand{font-size: 11.5px;padding: 1px 8px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep) !important}.off-stand.akkoord{background: rgba(63,107,69,.14);color: #3f6b45 !important}.off-regel button{margin-left: auto}dialog.fdf-geld{width: min(940px, 96vw);padding: 0;border: 0;border-radius: 18px}.geld-kop{display: flex;align-items: center;justify-content: space-between;padding: 20px 24px 12px}.geld-kop h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0}.geld-tabs{display: flex;flex-wrap: wrap;gap: 4px;padding: 0 24px;border-bottom: 1px solid var(--lijn)}.geld-tab{min-height: 40px;padding: 8px 14px;border: 0;border-bottom: 2px solid transparent;background: none;font: inherit;font-size: 13.5px;color: var(--zacht);cursor: pointer;border-radius: 8px 8px 0 0}@media (hover: hover){.geld-tab:hover{background: var(--zand-licht);color: var(--inkt)}}.geld-tab.aan{color: var(--inkt);font-weight: 600;border-bottom-color: var(--zand)}.geld-lijf{padding: 18px 24px 24px;max-height: min(66vh, 620px);overflow: auto}.geld-cijfers{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 16px}.geld-cijfer{flex: 1 1 130px;padding: 11px 14px;border-radius: 11px;background: var(--zand-licht)}.geld-cijfer b{display: block;font-family: Georgia, serif;font-weight: 400;font-size: 21px}.geld-cijfer span{font-size: 11.5px;letter-spacing: .05em;text-transform: uppercase;color: var(--zand-diep)}.geld-cijfer.let-op{background: var(--waarschuwing-vlak, #fbf3e0)}.geld-cijfer.let-op b{color: #8a6412}.geld-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}.geld-tabel th{text-align: left;font-size: 11.5px;text-transform: uppercase;letter-spacing: .05em;color: var(--zand-diep);padding: 5px 7px;border-bottom: 1px solid var(--lijn)}.geld-tabel td{padding: 7px;border-bottom: 1px solid var(--lijn)}.geld-tabel td.getal, .geld-tabel th.getal{text-align: right;font-variant-numeric: tabular-nums}.geld-tabel td.min{color: var(--fout, #a33)}.geld-tabel tr.te-laat td{background: rgba(214,160,64,.09)}.geld-tabel tr.geld-totaal td{font-weight: 700;border-top: 2px solid var(--lijn-sterk)}.geld-pil{font-size: 11.5px;padding: 2px 9px;border-radius: 999px;white-space: nowrap}.geld-pil.open{background: var(--zand-licht);color: var(--zand-diep)}.geld-pil.laat{background: rgba(214,160,64,.2);color: #8a6412;font-weight: 600}.geld-knoppen{white-space: nowrap}.geld-knoppen button{margin-left: 4px}.geld-keuze{display: flex;align-items: center;gap: 8px;margin-bottom: 14px;font-size: 13px;color: var(--zand-diep)}.geld-keuze select{min-height: 38px}.geld-vouw{margin-top: 14px;font-size: 13px}.geld-vouw summary{cursor: pointer;color: var(--zand-diep)}.geld-betaald{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 5px 0;border-bottom: 1px solid var(--lijn)}.geld-maandvak .primair{margin-top: 12px}.fdf-jaarlijn{margin-top: 18px}.jaarlijn-tekening{width: 100%;height: auto;display: block;margin-top: 10px}.jl-omzet{fill: #3f6b45}.jl-kosten{fill: #b08a4a}.jl-vorig{stroke: #9a9384;stroke-width: 1.6;stroke-dasharray: 4 4}.jl-as{stroke: var(--lijn-sterk);stroke-width: 1}.jl-maand{font-size: 10px;fill: #8b8474}.jl-legenda{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 16px;margin-top: 8px;font-size: 12px;color: var(--zacht)}.jl-stip{width: 11px;height: 11px;border-radius: 3px;display: inline-block}.jl-stip.omzet{background: #3f6b45}.jl-stip.kosten{background: #b08a4a}.jl-stip.vorig{background: none;border-top: 2px dashed #9a9384;height: 0;border-radius: 0}:root[data-thema="donker"] body.fdf-donker-aan .jl-maand{fill: #9a9384}@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan .jl-maand{fill: #9a9384}}@media (max-width: 620px){.geld-lijf{padding: 14px 14px 20px}.geld-tabs{padding: 0 14px}.geld-kop{padding: 16px 14px 10px}.geld-tabel{font-size: 12.5px}.geld-tabel td, .geld-tabel th{padding: 5px 4px}}dialog.fdf-weekafsluiting{width: min(900px, 96vw)}.wk-weekknoppen{display: flex;gap: 6px;align-items: center}.wk-deel{margin-top: 22px}.wk-deel h4{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);margin: 0 0 8px;font-weight: 600}.wk-mannen{display: flex;flex-wrap: wrap;gap: 8px}.wk-man{display: flex;flex-direction: column;gap: 2px;min-width: 150px;padding: 9px 13px;border-radius: 10px;background: var(--waarschuwing-vlak, #fbf3e0);border: 1px solid rgba(184,134,11,.25)}.wk-man.bezig{background: var(--zand-licht);border-color: var(--lijn-sterk)}.wk-man b{font-size: 14px}.wk-man small{font-size: 11.5px;color: var(--zacht)}.wk-man .knop{margin-top: 5px;align-self: flex-start}.wk-punten{display: flex;flex-direction: column;gap: 6px}.wk-punt{display: flex;align-items: center;gap: 12px;padding: 10px 13px;border-radius: 10px;background: var(--zand-licht);font-size: 14px}.wk-punt button{margin-left: auto}dialog.fdf-kostprijs{width: min(1020px, 96vw)}.kp-tabel th{font-size: 10.5px}.kp-tabel td.kp-naam b{display: block;font-size: 13.5px}.kp-tabel td.kp-naam small{color: var(--zacht);font-size: 11.5px}.kp-invoer{width: 82px;min-height: 34px;text-align: right;font-size: 13px}.kp-uit{font-weight: 600}.geld-tabel td.goed{color: #3f6b45}@media (max-width: 760px){.kp-tabel{display: block;overflow-x: auto;white-space: nowrap}.wk-punt{flex-wrap: wrap}.wk-punt button{margin-left: 0}}.vak-snel{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 12px 14px;margin-bottom: 14px;border-radius: 12px;background: var(--zand-licht);border: 1px solid var(--lijn)}.vak-snel-label{font-size: 11.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}.vak-snel-hint{font-size: 13px;color: var(--zacht)}.vak-snelknop{min-height: 44px;padding: 9px 15px;border-radius: 10px;border: 1px solid var(--zand);background: var(--papier);font: inherit;font-size: 14px;font-weight: 600;color: var(--inkt);cursor: pointer}@media (hover: hover){.vak-snelknop:hover{background: var(--goud-zacht, rgba(200,180,140,.18))}}.vak-snel-uren{display: flex;align-items: center;gap: 6px;font-size: 12px;color: var(--zand-diep);margin-left: auto}.vak-snel-uren input{width: 60px;min-height: 40px;text-align: right}dialog.vak-venster{width: min(460px, 94vw);padding: 0;border: 0;border-radius: 18px}.vv-lijf{padding: 24px 24px 20px}.vv-lijf h3{font-family: Georgia, serif;font-weight: 400;font-size: 21px;margin: 0 0 6px}.vv-lijf > .hint{margin: 0 0 16px}.vv-lijf .veld{display: block;margin-bottom: 12px}.vv-lijf .veld input, .vv-lijf .veld select, .vv-lijf .veld textarea{width: 100%;min-height: 44px}.vv-lijf .veld textarea{min-height: 76px}.vv-voet{display: flex;gap: 8px;justify-content: flex-end;margin-top: 16px}.vv-voet button{min-height: 44px}.md-soort{font-size: 11px;letter-spacing: .06em;text-transform: uppercase;font-weight: 700;padding: 1px 8px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep)}.md-soort.dagrapport{background: rgba(63,107,69,.12);color: #3f6b45}.md-soort.verlof{background: rgba(184,134,11,.16);color: #7a5a10}.md-soort.verlof.goedgekeurd{background: rgba(63,107,69,.14);color: #3f6b45}.md-soort.verlof.afgewezen{background: var(--fout-vlak, #fbeceb);color: var(--fout, #a33)}.fdf-onderweg{position: fixed;left: 50%;transform: translateX(-50%);z-index: 95;bottom: calc(var(--onderbalk, 0px) + env(safe-area-inset-bottom, 0px) + 12px);padding: 8px 16px;border-radius: 999px;cursor: pointer;background: rgba(184,134,11,.95);color: #1d1b15;font-size: 13px;font-weight: 600;box-shadow: 0 10px 26px -10px rgba(0,0,0,.6)}@media (min-width: 901px){.fdf-onderweg{bottom: 22px}}@media (max-width: 620px){.vak-snel-uren{margin-left: 0}.vak-snelknop{width: 100%}}.mw-dichtbij{box-shadow: inset 3px 0 0 var(--zand, #9a8a6e)}.mw-hier{display: inline-block;margin-left: 8px;padding: 1px 9px;border-radius: 999px;font-size: 11px;letter-spacing: .05em;text-transform: uppercase;font-weight: 700;background: rgba(63,107,69,.14);color: #3f6b45;vertical-align: 2px}dialog.fdf-rechten, dialog.fdf-logboek, dialog.fdf-prullenbak{width: min(860px, 96vw)}.rechten-tabel td.midden, .rechten-tabel th{text-align: center}.rechten-tabel td:first-child, .rechten-tabel th:first-child{text-align: left}.rechten-tabel input[type="checkbox"]{width: 18px;height: 18px}dialog.fdf-foutvenster{width: min(560px, 94vw)}.fdf-foutvenster .plak-voorbeeld{max-height: 200px;overflow: auto;white-space: pre-wrap}.fdf-foutbalk{position: fixed;left: 50%;transform: translateX(-50%);z-index: 96;bottom: calc(var(--onderbalk, 0px) + env(safe-area-inset-bottom, 0px) + 12px);display: flex;align-items: center;gap: 10px;padding: 9px 10px 9px 16px;border-radius: 999px;background: #7c2f2a;color: #fdf6f4;font-size: 13.5px;box-shadow: 0 12px 30px -12px rgba(0,0,0,.65)}@media (min-width: 901px){.fdf-foutbalk{bottom: 22px}}.fdf-foutbalk button{min-height: 32px;padding: 4px 12px;border-radius: 999px;border: 1px solid rgba(255,255,255,.4);background: rgba(255,255,255,.12);color: #fdf6f4;font: inherit;font-size: 13px;cursor: pointer}@media (hover: hover){.fdf-foutbalk button:hover{background: rgba(255,255,255,.22)}}.fdf-foutbalk .fout-weg{border: 0;background: none;padding: 4px 8px;font-size: 17px}body.fdf-geen-bedragen .omzet, body.fdf-geen-bedragen .start-cijfers, body.fdf-geen-bedragen .balans, body.fdf-geen-bedragen .project-mini, body.fdf-geen-bedragen .verdeling, body.fdf-geen-bedragen #projecten-samenvatting, body.fdf-geen-bedragen .fdf-jaarlijn, body.fdf-geen-bedragen .snel-uit, body.fdf-geen-bedragen .cat-getallen, body.fdf-geen-bedragen #geld-knop{display: none !important}body.fdf-geen-facturen .factuurmaakknop, body.fdf-geen-facturen .factuurpil, body.fdf-geen-facturen .project-facturen, body.fdf-geen-facturen .mailknop{display: none !important}body.fdf-geen-postvak .mailrij{display: none !important}body.fdf-geen-instellingen #backup-knop, body.fdf-geen-instellingen #herstel-knop, body.fdf-geen-instellingen #instellingen-knop, body.fdf-geen-instellingen #kopie-knop, body.fdf-geen-instellingen #tarieven-knop{display: none !important}dialog.fdf-startblokken{width: min(520px, 94vw)}.sb-lijst{display: flex;flex-direction: column;gap: 3px;margin-bottom: 8px}.sb-rij{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 9px}@media (hover: hover){.sb-rij:hover{background: var(--zand-licht)}}.sb-naam{flex: 1;font-size: 14px}.sb-rij button{min-height: 34px;min-width: 34px;padding: 0 8px}dialog.fdf-autobackup{width: min(520px, 94vw)}dialog.fdf-veegmeting{width: min(520px, 94vw)}.veeg-vlak{height: 120px;margin: 4px 0 12px;border-radius: 12px;border: 2px dashed var(--lijn-sterk);display: flex;align-items: center;justify-content: center;color: var(--zacht);font-size: 14px;touch-action: none;-webkit-user-select: none;user-select: none}.veeg-uitslag{display: flex;flex-direction: column;gap: 3px;margin-bottom: 14px;font-size: 13px}.veeg-uitslag b{font-size: 14px}.veeg-goed{color: #3f6b45}.veeg-nee{color: var(--fout, #a33)}.veeg-schuif{display: grid;grid-template-columns: minmax(0, 1fr) 130px 76px;align-items: center;gap: 10px;font-size: 13px;margin-bottom: 8px}.veeg-schuif b{text-align: right;font-variant-numeric: tabular-nums}@media (max-width: 560px){.veeg-schuif{grid-template-columns: minmax(0, 1fr) 90px 66px;font-size: 12.5px}}dialog.fdf-bon{width: min(520px, 94vw)}.bon-knoppen{display: flex;gap: 8px;flex-wrap: wrap;margin-bottom: 14px}.bon-knoppen button{min-height: 46px}.bon-voorbeeld{margin-bottom: 12px;text-align: center}.bon-voorbeeld img{max-width: 100%;max-height: 220px;border-radius: 10px;border: 1px solid var(--lijn)}.bon-velden{display: grid;grid-template-columns: 1fr 1fr;gap: 10px 14px;margin-bottom: 8px}.bon-velden .veld{display: block;margin: 0}.bon-velden .veld input, .bon-velden .veld select{width: 100%;min-height: 44px}@media (max-width: 560px){.bon-velden{grid-template-columns: 1fr}}dialog.fdf-inkoop{width: min(960px, 96vw)}.fdf-inkoop select{min-height: 38px;max-width: 220px}.fdf-inkoop .hint{display: block;font-size: 11px;margin-top: 2px}dialog.fdf-duw{width: min(500px, 94vw)}dialog.fdf-google{width: min(560px, 94vw)}.goog-stappen{margin: 8px 0 0 18px;padding: 0;font-size: 13px;color: var(--zacht);line-height: 1.6}.goog-stappen li{margin-bottom: 3px}dialog.fdf-planning{width: min(1040px, 97vw)}.pl-pool{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;padding: 10px 12px;margin-bottom: 14px;border-radius: 11px;background: var(--zand-licht)}.pl-pooltitel{font-size: 11.5px;letter-spacing: .07em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;margin-right: 6px}.pl-chip{display: inline-flex;align-items: center;min-height: 32px;padding: 4px 11px;border: 1px solid var(--lijn-sterk);border-radius: 999px;background: var(--papier);font: inherit;font-size: 13px;color: var(--inkt);cursor: grab;white-space: nowrap}.pl-chip.pl-machine{background: rgba(176,137,79,.14);border-color: rgba(176,137,79,.4)}.pl-chip.gepakt{background: var(--goud-zacht, rgba(200,180,140,.3));border-color: var(--zand);box-shadow: 0 0 0 2px var(--zand)}.pl-chip.pl-gezet{cursor: pointer;font-size: 12px;min-height: 26px;padding: 2px 9px}.pl-rooster{display: flex;flex-direction: column;gap: 4px}.pl-rij{display: grid;grid-template-columns: 190px repeat(5, minmax(0, 1fr));gap: 4px}.pl-koprij .pl-kop{text-align: center;padding: 4px;font-size: 12px;color: var(--zand-diep)}.pl-koprij .pl-kop b{display: block;text-transform: uppercase;letter-spacing: .06em}.pl-koprij .pl-kop small{font-size: 11px}.pl-werknaam{padding: 8px 10px;border-radius: 9px;background: var(--zand-licht);min-width: 0}.pl-werknaam b{display: block;font-size: 13.5px}.pl-werknaam small{color: var(--zacht);font-size: 11.5px}.pl-vak{min-height: 54px;padding: 5px;border-radius: 9px;border: 1px dashed var(--lijn-sterk);display: flex;flex-wrap: wrap;align-content: flex-start;gap: 3px;background: var(--papier)}.pl-vak.erover{border-color: var(--zand);background: var(--goud-zacht, rgba(200,180,140,.18))}@media (max-width: 860px){.pl-rij{grid-template-columns: 130px repeat(5, minmax(0, 1fr))}.pl-werknaam b{font-size: 12.5px}.pl-chip.pl-gezet{font-size: 11px}}dialog.fdf-kaart{width: min(900px, 96vw)}.kaart-tekening{width: 100%;height: auto;display: block;border-radius: 12px;background: var(--zand-licht);margin-bottom: 10px}.kt-raster{stroke: var(--lijn);stroke-width: 1}.kt-plaats{fill: #b0a893}.kt-plaatsnaam{font-size: 8.5px;fill: #8b8474}.kt-werk{cursor: pointer}.kt-speld{stroke: #fff;stroke-width: 1.6}@media (hover: hover){.kt-werk:hover .kt-speld{stroke-width: 2.6}}.kt-spelddtekst{font-size: 8.5px;fill: #fff;font-weight: 700;pointer-events: none}:root[data-thema="donker"] body.fdf-donker-aan .kt-plaatsnaam{fill: #9a9384}@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan .kt-plaatsnaam{fill: #9a9384}}.geld-ouder{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;padding: 10px 13px;margin-bottom: 14px;border-radius: 10px;background: var(--zand-licht);border: 1px solid var(--lijn);font-size: 13px;color: var(--zacht)}.geld-ouder span{flex: 1 1 260px}:root[data-thema="donker"] body.fdf-donker-aan{background: radial-gradient(1200px 600px at 6% -10%, #23201a 0%, rgba(35,32,26,0) 60%), radial-gradient(900px 500px at 100% -4%, #1e1c17 0%, rgba(30,28,23,0) 56%), var(--achtergrond)}:root[data-thema="donker"] body.fdf-donker-aan .inlog-kaart{background: linear-gradient(180deg, #24211a 0%, #1b1914 100%);border-color: rgba(205,184,142,.28);box-shadow: 0 60px 120px -40px rgba(0,0,0,.9), 0 0 0 1px rgba(205,184,142,.14)}:root[data-thema="donker"] body.fdf-donker-aan .inlog-merk b{color: #f1ece1}:root[data-thema="donker"] body.fdf-donker-aan .inlog-merk small{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .inlog h1{color: #f5f1e7}:root[data-thema="donker"] body.fdf-donker-aan .inlog .inlog-uitleg{color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .inlog label{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .inlog .inlog-voet{color: var(--zacht);border-top-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .inlog-versie{color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .inlog .inlog-fout{background: rgba(198,90,84,.16);color: #e58d88;border-color: rgba(198,90,84,.3)}:root[data-thema="donker"] body.fdf-donker-aan .inlog .inlog-fout.goed{background: rgba(63,107,69,.18);color: #8fc89a;border-color: rgba(63,107,69,.32)}:root[data-thema="donker"] body.fdf-donker-aan .inlog-oog{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .inlog form button[type="submit"]{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .inlog form button[type="submit"]:hover{background: linear-gradient(180deg, #e2cfa8 0%, #c6ad79 100%)}}:root[data-thema="donker"] body.fdf-donker-aan .inlog input{background: #16150f;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .inlog input:focus{border-color: var(--zand);box-shadow: 0 0 0 3px rgba(205,184,142,.22)}:root[data-thema="donker"] body.fdf-donker-aan .inlog-vergeten{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .project:not(.ingeklapt) .project-titelbalk{background: linear-gradient(180deg, #221f19 0%, #1b1914 100%);border-bottom-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .balans, :root[data-thema="donker"] body.fdf-donker-aan .project-gegevens, :root[data-thema="donker"] body.fdf-donker-aan .snel, :root[data-thema="donker"] body.fdf-donker-aan .categorie.leeg, :root[data-thema="donker"] body.fdf-donker-aan .werken-tabel th, :root[data-thema="donker"] body.fdf-donker-aan .uren-overzicht th, :root[data-thema="donker"] body.fdf-donker-aan .uren-overzicht tr.totaalrij td, :root[data-thema="donker"] body.fdf-donker-aan .onderhoudkaart.leeg, :root[data-thema="donker"] body.fdf-donker-aan .onderhoud-los, :root[data-thema="donker"] body.fdf-donker-aan .bank-subrij td, :root[data-thema="donker"] body.fdf-donker-aan .bank-jaartabel tr.bank-jaartotaal td, :root[data-thema="donker"] body.fdf-donker-aan .ag-dag.buiten, :root[data-thema="donker"] body.fdf-donker-aan .kaart.gefactureerd, :root[data-thema="donker"] body.fdf-donker-aan .bank-maandpagina, :root[data-thema="donker"] body.fdf-donker-aan .pf-vlag.vervallen, :root[data-thema="donker"] body.fdf-donker-aan .pf-vlag.concept, :root[data-thema="donker"] body.fdf-donker-aan .vak-vlag.uit, :root[data-thema="donker"] body.fdf-donker-aan .uren-status.leeg{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .ag-dag.weekend, :root[data-thema="donker"] body.fdf-donker-aan .vak-dag.weekend, :root[data-thema="donker"] body.fdf-donker-aan .vak-detail td, :root[data-thema="donker"] body.fdf-donker-aan .ag-dag.gekozen{background: #262319}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .ag-dag:hover, :root[data-thema="donker"] body.fdf-donker-aan .ag-regel:hover, :root[data-thema="donker"] body.fdf-donker-aan .ag-agenda:hover, :root[data-thema="donker"] body.fdf-donker-aan .kostentabel tr:hover td, :root[data-thema="donker"] body.fdf-donker-aan .start-md li:hover, :root[data-thema="donker"] body.fdf-donker-aan .start-ub li:hover, :root[data-thema="donker"] body.fdf-donker-aan .start-ploeg li:hover, :root[data-thema="donker"] body.fdf-donker-aan .kopie-rij button:hover, :root[data-thema="donker"] body.fdf-donker-aan .mw-terug:hover, :root[data-thema="donker"] body.fdf-donker-aan .dubbelmelding button:hover{background: #262319}}:root[data-thema="donker"] body.fdf-donker-aan .mw-ovtel{background: #262319;color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .mw-terug{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .bank-kaart.actief{background: #23201a}:root[data-thema="donker"] body.fdf-donker-aan #dropzone.actief{background: #23201a}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan #dropzone:hover{background: #23201a}}:root[data-thema="donker"] body.fdf-donker-aan .kostentabel input:focus, :root[data-thema="donker"] body.fdf-donker-aan .kostentabel select:focus, :root[data-thema="donker"] body.fdf-donker-aan .kostentabel input.kopinvoer:focus{background: #262319}:root[data-thema="donker"] body.fdf-donker-aan .categorie-kop .begroting-invoer, :root[data-thema="donker"] body.fdf-donker-aan .klein-getal{background: #201e18;color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .verkley-bedrag input.nogleeg{background: rgba(214,160,64,.12)}:root[data-thema="donker"] body.fdf-donker-aan .md-kaart.nieuw{background: rgba(214,160,64,.09)}:root[data-thema="donker"] body.fdf-donker-aan .ag-chip, :root[data-thema="donker"] body.fdf-donker-aan .md-foto{background: #262319}:root[data-thema="donker"] body.fdf-donker-aan .wm-stuk.soort-tekst .wm-merk{background: rgba(63,107,69,.2);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .wm-stuk.soort-foto .wm-merk{background: rgba(90,140,190,.2);color: #9ec2e0}:root[data-thema="donker"] body.fdf-donker-aan .wm-stuk.soort-link .wm-merk{background: rgba(132,120,160,.22);color: #b3a8cc}:root[data-thema="donker"] body.fdf-donker-aan .md-bijlage.pdf .md-merk{background: rgba(198,90,84,.2);color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .mw-bestandmerk{background: rgba(198,90,84,.18);color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .bank-soort.alles{background: #262319}:root[data-thema="donker"] body.fdf-donker-aan .bank-gblok{background: rgba(90,140,190,.1);border-color: rgba(120,160,200,.28)}:root[data-thema="donker"] body.fdf-donker-aan .bank-gblok .start-lijst li{border-bottom-color: rgba(120,160,200,.2)}:root[data-thema="donker"] body.fdf-donker-aan .bank-soort.g, :root[data-thema="donker"] body.fdf-donker-aan .uren-status.regel{background: rgba(90,140,190,.2);color: #9ec2e0}:root[data-thema="donker"] body.fdf-donker-aan .bank-soort.spaar, :root[data-thema="donker"] body.fdf-donker-aan .bank-factuurpil{background: rgba(63,107,69,.2);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .bank-soort.krediet{background: rgba(214,160,64,.18);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .km-groepstip{background: rgba(214,160,64,.16);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .km-tabel tr.let-op td{background: rgba(214,160,64,.1)}:root[data-thema="donker"] body.fdf-donker-aan .snel.is-baten{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.3)}:root[data-thema="donker"] body.fdf-donker-aan .start-status.uitvoering, :root[data-thema="donker"] body.fdf-donker-aan .start-pil.goed{background: rgba(63,107,69,.18);border-color: rgba(63,107,69,.34);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .start-status.hold{background: rgba(214,160,64,.16);border-color: rgba(214,160,64,.34);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .start-status.voorbereiding{color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .start-status.klaar{color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .start-pil.nieuw{background: rgba(214,160,64,.26);border-color: rgba(214,160,64,.45);color: #f0d9a8}:root[data-thema="donker"] body.fdf-donker-aan .start-pil.beheer{background: #262319;border-color: var(--lijn-sterk);color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .start-chip.let-op{background: rgba(214,160,64,.2);border-color: rgba(214,160,64,.4);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .project-vlag.uitvoering{background: rgba(70,125,125,.24);color: #86c4c2}:root[data-thema="donker"] body.fdf-donker-aan .project-vlag.hold{background: rgba(214,160,64,.2);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .project-vlag.klaar{background: rgba(63,107,69,.22);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .project-vlag.opgeleverd{background: rgba(90,140,190,.22);color: #9ec2e0}:root[data-thema="donker"] body.fdf-donker-aan .project-vlag.voorbereiding{background: rgba(132,120,160,.22);color: #b3a8cc}:root[data-thema="donker"] body.fdf-donker-aan .factuurpil.open{background: rgba(214,160,64,.18);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .factuurpil.klaar{background: rgba(90,140,190,.2);color: #9ec2e0}:root[data-thema="donker"] body.fdf-donker-aan .uren-status.ok, :root[data-thema="donker"] body.fdf-donker-aan .verkley-spec .melding.ok{background: rgba(63,107,69,.2);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .uren-status.let-op{background: rgba(214,160,64,.18);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .pf-vlag.order{background: rgba(214,160,64,.18);border-color: rgba(214,160,64,.38);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .pf-vlag.gefactureerd{background: rgba(63,107,69,.2);border-color: rgba(63,107,69,.34);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .vak-vlag.nieuw{background: rgba(214,160,64,.18);border-color: rgba(214,160,64,.38);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .vak-vlag.binnen, :root[data-thema="donker"] body.fdf-donker-aan .vak-melding.goed{background: rgba(63,107,69,.18);border-color: rgba(63,107,69,.34);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .md-nieuw{background: rgba(214,160,64,.24);color: #f0d9a8}:root[data-thema="donker"] body.fdf-donker-aan .md-werk{background: rgba(90,140,190,.18);border-color: rgba(120,160,200,.3);color: #9ec2e0}:root[data-thema="donker"] body.fdf-donker-aan .ag-bericht.positief{background: rgba(63,107,69,.16);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .factuur-chip{background: rgba(63,107,69,.16);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .uren-inbox{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.3)}:root[data-thema="donker"] body.fdf-donker-aan .kostentabel input.kopinvoer, :root[data-thema="donker"] body.fdf-donker-aan .factuur-regeltabel tr.kopregel input.kopinvoer{background: rgba(63,107,69,.14);border-color: rgba(63,107,69,.3);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .verkley-blok{background: rgba(63,107,69,.12);border-color: rgba(63,107,69,.28)}:root[data-thema="donker"] body.fdf-donker-aan .omzet-maand.gekozen .omzet-staaf i{background: var(--zand)}:root[data-thema="donker"] body.fdf-donker-aan .kenteken{background: rgba(242,201,76,.85);color: #14130e}:root[data-thema="donker"] body.fdf-donker-aan .kostentabel td, :root[data-thema="donker"] body.fdf-donker-aan .uren-overzicht td, :root[data-thema="donker"] body.fdf-donker-aan .start-regel, :root[data-thema="donker"] body.fdf-donker-aan .start-lijst li, :root[data-thema="donker"] body.fdf-donker-aan .start-tabel td, :root[data-thema="donker"] body.fdf-donker-aan .start-werktabel td, :root[data-thema="donker"] body.fdf-donker-aan .start-klant, :root[data-thema="donker"] body.fdf-donker-aan .start-tijdlijn li, :root[data-thema="donker"] body.fdf-donker-aan .importtabel td, :root[data-thema="donker"] body.fdf-donker-aan .bank-kaart-voet, :root[data-thema="donker"] body.fdf-donker-aan .bank-balklijst li, :root[data-thema="donker"] body.fdf-donker-aan .maillijst li, :root[data-thema="donker"] body.fdf-donker-aan .start-md li, :root[data-thema="donker"] body.fdf-donker-aan .start-ub li, :root[data-thema="donker"] body.fdf-donker-aan .start-ploeg li, :root[data-thema="donker"] body.fdf-donker-aan .vak-mini td, :root[data-thema="donker"] body.fdf-donker-aan .kopie-rij{border-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .dubbelmelding, :root[data-thema="donker"] body.fdf-donker-aan .tab-teller.let-op, :root[data-thema="donker"] body.fdf-donker-aan button.letop, :root[data-thema="donker"] body.fdf-donker-aan .pv-letop, :root[data-thema="donker"] body.fdf-donker-aan .mw-pasje.bijna, :root[data-thema="donker"] body.fdf-donker-aan .mw-bericht{border-color: rgba(214,160,64,.34)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .start-hero button.start-chip:hover, :root[data-thema="donker"] body.fdf-donker-aan .start-hero .start-acties button:hover, :root[data-thema="donker"] body.fdf-donker-aan .omzet-doelknop:hover{border-color: var(--lijn-sterk)}}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .start-hero .start-acties button.primair:hover{background: #e6d8ba;border-color: #e6d8ba;color: #14130e}}:root[data-thema="donker"] body.fdf-donker-aan dialog{border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan ::placeholder{color: #8f8879}:root[data-thema="donker"] body.fdf-donker-aan ::-webkit-scrollbar-thumb{background: #3a362d}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan ::-webkit-scrollbar-thumb:hover{background: #4b463a}}:root[data-thema="donker"] body.fdf-donker-aan .som-waarde.positief, :root[data-thema="donker"] body.fdf-donker-aan .werken-tabel td.positief, :root[data-thema="donker"] body.fdf-donker-aan .start-regel-waarde.positief, :root[data-thema="donker"] body.fdf-donker-aan .start-lijst li.positief, :root[data-thema="donker"] body.fdf-donker-aan .start-werktabel td.getal.positief, :root[data-thema="donker"] body.fdf-donker-aan .start-cijfer.goed .start-cijfer-waarde, :root[data-thema="donker"] body.fdf-donker-aan .bank-jaarcijfers .sombrok.jaar-goed .som-waarde, :root[data-thema="donker"] body.fdf-donker-aan .marge-goed, :root[data-thema="donker"] body.fdf-donker-aan .positief{color: #7fbd8c}:root[data-thema="donker"] body.fdf-donker-aan .werkkaart-post b.openstaand, :root[data-thema="donker"] body.fdf-donker-aan .werken-tabel td.getal.openstaand, :root[data-thema="donker"] body.fdf-donker-aan .project-mini b.openstaand, :root[data-thema="donker"] body.fdf-donker-aan .klanttabel td.getal.open, :root[data-thema="donker"] body.fdf-donker-aan .openstaand{color: #d9a562}:root[data-thema="donker"] body.fdf-donker-aan .start-lijst li.let-op, :root[data-thema="donker"] body.fdf-donker-aan .start-lijst li.let-op::before{color: var(--waarschuwing)}:root[data-thema="donker"] body.fdf-donker-aan .nw-klant{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .nw-klant:hover{border-color: var(--zand)}}:root[data-thema="donker"] body.fdf-donker-aan .nw-klant.aan{background: #2c2820;border-color: var(--zand);box-shadow: inset 0 0 0 1px var(--zand)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .nw-vink:hover{background: #262319}}:root[data-thema="donker"] body.fdf-donker-aan .plak-voorbeeld{background: #201e18;color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan textarea.plak-invoer{background: #201e18;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .plak-tabel th, :root[data-thema="donker"] body.fdf-donker-aan .plak-tabel td{border-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .snel-plak, :root[data-thema="donker"] body.fdf-donker-aan .snel-tarieven{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .mw-knop{background: #221f19;border-color: var(--lijn-sterk);color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .mw-knop.aan{background: rgba(214,160,64,.2);border-color: rgba(214,160,64,.45);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .meerwerk-vak{background: rgba(214,160,64,.1);border-color: rgba(214,160,64,.28)}:root[data-thema="donker"] body.fdf-donker-aan .meerwerk-merk{color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .meerwerk-veld .label{color: #d9b878}:root[data-thema="donker"] body.fdf-donker-aan .meerwerk-akkoord{color: #ddc28c}:root[data-thema="donker"] body.fdf-donker-aan .nc-punt.goed{background: rgba(63,107,69,.14)}:root[data-thema="donker"] body.fdf-donker-aan .nc-punt.let-op{background: rgba(214,160,64,.14)}:root[data-thema="donker"] body.fdf-donker-aan .nc-tekst small{color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .stapel-tabel th, :root[data-thema="donker"] body.fdf-donker-aan .stapel-tabel td{border-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .stapel-regel{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .stapel-regel.goed{background: rgba(63,107,69,.18);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .stapel-regel.fout{background: rgba(198,90,84,.18);color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .off-stand{background: #262319;color: var(--zand-diep) !important}:root[data-thema="donker"] body.fdf-donker-aan .off-stand.akkoord{background: rgba(63,107,69,.2);color: #8fc89a !important}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .geld-tab:hover{background: #262319}}:root[data-thema="donker"] body.fdf-donker-aan .geld-cijfer{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .geld-cijfer.let-op{background: rgba(214,160,64,.14)}:root[data-thema="donker"] body.fdf-donker-aan .geld-cijfer.let-op b{color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .geld-tabel th, :root[data-thema="donker"] body.fdf-donker-aan .geld-tabel td{border-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .geld-tabel tr.te-laat td{background: rgba(214,160,64,.1)}:root[data-thema="donker"] body.fdf-donker-aan .geld-tabel tr.geld-totaal td{border-top-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .geld-tabel td.min{color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .geld-tabel td.goed{color: #7fbd8c}:root[data-thema="donker"] body.fdf-donker-aan .geld-pil.open{background: #262319;color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .geld-pil.laat{background: rgba(214,160,64,.22);color: #edc985}:root[data-thema="donker"] body.fdf-donker-aan .geld-betaald{border-bottom-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .geld-ouder{background: #201e18;border-color: var(--lijn);color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .wk-man{background: rgba(214,160,64,.12);border-color: rgba(214,160,64,.28)}:root[data-thema="donker"] body.fdf-donker-aan .wk-man.bezig{background: #201e18;border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .wk-punt{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .kp-invoer{background: #201e18;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .rechten-tabel th, :root[data-thema="donker"] body.fdf-donker-aan .rechten-tabel td{border-color: var(--lijn)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .sb-rij:hover{background: #262319}}:root[data-thema="donker"] body.fdf-donker-aan .pl-pool{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .pl-chip{background: #221f19;border-color: var(--lijn-sterk);color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .pl-chip.pl-machine{background: rgba(176,137,79,.22);border-color: rgba(176,137,79,.42);color: #e0bd82}:root[data-thema="donker"] body.fdf-donker-aan .pl-chip.gepakt{background: rgba(205,184,142,.28);border-color: var(--zand);box-shadow: 0 0 0 2px var(--zand)}:root[data-thema="donker"] body.fdf-donker-aan .pl-werknaam{background: #201e18}:root[data-thema="donker"] body.fdf-donker-aan .pl-vak{background: #1b1914;border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .pl-vak.erover{background: rgba(205,184,142,.16);border-color: var(--zand)}:root[data-thema="donker"] body.fdf-donker-aan .kaart-tekening{background: #1b1914}:root[data-thema="donker"] body.fdf-donker-aan .kt-raster{stroke: #2f2b23}:root[data-thema="donker"] body.fdf-donker-aan .kt-plaats{fill: #6b6558}:root[data-thema="donker"] body.fdf-donker-aan .kt-speld{stroke: #16150f}:root[data-thema="donker"] body.fdf-donker-aan .bon-voorbeeld img{border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .veeg-vlak{border-color: var(--lijn-sterk);color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .veeg-goed{color: #7fbd8c}:root[data-thema="donker"] body.fdf-donker-aan .veeg-nee{color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .md-soort{background: #262319;color: var(--zand-diep)}:root[data-thema="donker"] body.fdf-donker-aan .md-soort.dagrapport{background: rgba(63,107,69,.2);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .md-soort.verlof{background: rgba(214,160,64,.2);color: #e2bd6a}:root[data-thema="donker"] body.fdf-donker-aan .md-soort.verlof.goedgekeurd{background: rgba(63,107,69,.2);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .md-soort.verlof.afgewezen{background: rgba(198,90,84,.2);color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .vak-snel{background: #201e18;border-color: var(--lijn)}:root[data-thema="donker"] body.fdf-donker-aan .vak-snelknop{background: #221f19;border-color: var(--zand);color: var(--inkt)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .vak-snelknop:hover{background: rgba(205,184,142,.2)}}:root[data-thema="donker"] body.fdf-donker-aan .mw-hier{background: rgba(63,107,69,.22);color: #8fc89a}:root[data-thema="donker"] body.fdf-donker-aan .fdf-onderweg{background: rgba(214,160,64,.9);color: #14130e}:root[data-thema="donker"] body.fdf-donker-aan .jl-maand{fill: #9a9384}:root[data-thema="donker"] body.fdf-donker-aan .jl-omzet{fill: #4f8a58}:root[data-thema="donker"] body.fdf-donker-aan .jl-kosten{fill: #b08a4a}:root[data-thema="donker"] body.fdf-donker-aan .jl-as{stroke: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-snellijst{background: #201e18;border-color: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-snellijst button{color: var(--inkt)}@media (hover: hover){:root[data-thema="donker"] body.fdf-donker-aan .fdf-snellijst button:hover{background: #2a2620}}:root[data-thema="donker"] body.fdf-donker-aan .fdf-snellijst button small{color: var(--zacht)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-rl-teken{color: #14130e}:root[data-thema="donker"] body.fdf-donker-aan .fdf-rl-stippen i{background: var(--lijn-sterk)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-rl-stippen i.aan{background: var(--zand)}:root[data-thema="donker"] body.fdf-donker-aan .wk-mini{background: var(--achtergrond)}:root[data-thema="donker"] body.fdf-donker-aan .fdf-printkop, :root[data-thema="donker"] body.fdf-donker-aan .fdf-printvoet{color: var(--inkt)}:root[data-thema="donker"] body.fdf-donker-aan .balanspost.positief .balans-bedrag{color: #7fbd8c}:root[data-thema="donker"] body.fdf-donker-aan .balanspost.negatief .balans-bedrag{color: #e58d88}:root[data-thema="donker"] body.fdf-donker-aan .rail-groep{color: #948d7c}:root[data-thema="donker"] body.fdf-donker-aan .tabknop small{color: #968f7d}:root[data-thema="donker"] body.fdf-donker-aan .fdf-leeg h3, :root[data-thema="donker"] body.fdf-donker-aan .mijnwerk-leeg h3{color: var(--inkt)}.klanttabel th.getal, .klanttabel td.getal, .geld-tabel th.getal, .geld-tabel td.getal, .geld-cijfer b, .start-regel-waarde, .fs-cijfer{white-space: nowrap}.fdf-melding-weg{display: inline-flex;align-items: center;justify-content: center;min-width: 34px;min-height: 34px;margin-left: 6px;padding: 0;border-radius: 9px}@media (hover: hover){.fdf-melding-weg:hover{background: rgba(128,128,128,.22);opacity: 1}}.mw-knop{width: 30px;height: 30px}@media (max-width: 720px){.klanttabel th.balkcel, .klanttabel td.balkcel{display: none}.factuurstand{overflow-x: auto}.mw-knop{width: 34px;height: 34px}.geld-lijf, .tabelrol, .werken-tabelwik{-webkit-overflow-scrolling: touch}}@media (max-width: 560px){.factuur-raster{grid-template-columns: 1fr}}@media (max-width: 720px){.geld-tabel th:first-child, .geld-tabel td:first-child, .werken-tabel th:first-child, .werken-tabel td:first-child{position: sticky;left: 0;z-index: 2;background: var(--papier)}.geld-tabel tr.te-laat td:first-child{background-color: var(--papier);background-image: linear-gradient(rgba(214,160,64,.09), rgba(214,160,64,.09))}}::placeholder{color: #7a7263;opacity: 1}#thema-knop .thema-teken{margin-right: 4px}:root{--veer: cubic-bezier(.22,.61,.36,1);--veer-uit: cubic-bezier(.32,.72,0,1)}button, .knop, .tabknop, .chipknop, .keuzeknop, .tel-knop{-webkit-tap-highlight-color: transparent;touch-action: manipulation}@media (prefers-reduced-motion: no-preference){button, .knop, .tabknop, .chipknop, .keuzeknop, .tel-knop, .geld-tab, .fdf-snelknop{transition: transform .13s var(--veer), background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease}button:active, .knop:active, .chipknop:active, .keuzeknop:active, .tel-knop:active, .geld-tab:active, .fdf-snelknop:active{transform: scale(.972) translateY(1px)}.tabknop:active{transform: scale(.985)}.fdf-golf{position: absolute;border-radius: 50%;pointer-events: none;background: currentColor;opacity: .16;transform: scale(0);animation: fdf-golf-uit .52s var(--veer-uit) forwards}@keyframes fdf-golf-uit{to{transform: scale(1);opacity: 0}}section[id^="tab-"]{animation: fdf-tab-in .26s var(--veer)}@keyframes fdf-tab-in{from{opacity: 0;transform: translateY(7px)}to{opacity: 1;transform: none}}body.tab-wissel .inhoud{will-change: opacity}.fdf-vervaag{animation: fdf-vervaag-in .2s ease-out}@keyframes fdf-vervaag-in{from{opacity: 0}to{opacity: 1}}.fdf-nieuw{animation: fdf-nieuw-uit 1.25s ease-out}@keyframes fdf-nieuw-uit{0%{background-color: rgba(200,162,74,.30)}30%{background-color: rgba(200,162,74,.24)}100%{background-color: rgba(200,162,74,0)}}tr.fdf-nieuw > td{animation: fdf-nieuw-uit 1.25s ease-out}.fdf-weg{animation: fdf-weg-uit .28s var(--veer) forwards;overflow: hidden}@keyframes fdf-weg-uit{0%{opacity: 1;transform: none}100%{opacity: 0;transform: translateX(-10px) scaleY(.6)}}dialog[open]{animation: fdf-venster-in .24s var(--veer);transform-origin: var(--vanaf-x, 50%) var(--vanaf-y, 50%)}@keyframes fdf-venster-in{from{opacity: 0;transform: scale(.94)}to{opacity: 1;transform: none}}dialog::backdrop{animation: fdf-vervaag-in .2s ease-out}.fdf-meldingen{transition: transform .2s var(--veer)}.fdf-melding{animation: fdf-melding-veer .34s var(--veer)}@keyframes fdf-melding-veer{0%{opacity: 0;transform: translateX(18px) scale(.96)}60%{opacity: 1;transform: translateX(-2px) scale(1.008)}100%{opacity: 1;transform: none}}@media (max-width: 900px){@keyframes fdf-melding-veer{0%{opacity: 0;transform: translateY(14px) scale(.96)}60%{opacity: 1;transform: translateY(-2px)}100%{opacity: 1;transform: none}}}.fdf-trek{transition: height .2s var(--veer)}}.fdf-trek{height: 0;overflow: hidden;display: flex;align-items: flex-end;justify-content: center;color: var(--zand-diep)}.fdf-trek-ring{width: 22px;height: 22px;margin-bottom: 8px;border-radius: 50%;border: 2px solid var(--lijn-sterk);border-top-color: var(--zand)}.fdf-trek.draait .fdf-trek-ring{animation: fdf-draai .8s linear infinite}@keyframes fdf-draai{to{transform: rotate(360deg)}}.fdf-telt{font-variant-numeric: tabular-nums}:root{--maat-fijn: 10.5px;--maat-klein: 12.5px;--maat-gewoon: 14px;--maat-groot: 16px;--maat-kop: 21px;--maat-cijfer: 28px}table, .getal, .som-waarde, .start-cijfer-waarde, .geld-cijfer b, .fs-cijfer, .start-regel-waarde, .bedrag, input[inputmode="decimal"], input[type="number"], .kp-uitkomst, .jl-legenda, .wk-getal, .mw-bedrag, time, kbd{font-variant-numeric: tabular-nums;font-feature-settings: "tnum" 1, "lnum" 1}.euro{font-size: max(12px, .82em);opacity: .62;margin-right: .12em;font-variant-numeric: normal;letter-spacing: 0}.som-label, .fs-titel, .start-cijfer-kop, .geld-cijfer span, .veld .label, .kostentabel th, .werken-tabel th, .geld-tabel th, .klanttabel th, .rail-groep, .bestandsnaam, .inlog label, .inlog-merk small{letter-spacing: .1em}.start-cijfer-waarde, .som-waarde, .geld-cijfer b, .fs-cijfer, .kp-uitkomst{font-family: Georgia, "Times New Roman", serif;font-weight: 400;letter-spacing: 0}.hint, .inlog-uitleg, .fdf-leeg p, .som-onder, .start-cijfer-onder, .nw-lijf > p, .geld-lijf > p.hint, .project-uitleg, header p{line-height: 1.6;max-width: 72ch}:root{--schaduw-1: 0 1px 1px rgba(22,21,15,.05), 0 2px 4px -2px rgba(22,21,15,.08);--schaduw-2: 0 1px 2px rgba(22,21,15,.06), 0 10px 26px -14px rgba(22,21,15,.22);--schaduw-3: 0 2px 4px rgba(22,21,15,.07), 0 28px 56px -28px rgba(22,21,15,.32);--schaduw-op: 0 3px 8px rgba(22,21,15,.09), 0 40px 72px -32px rgba(22,21,15,.40);--rond-klein: 8px;--rond: 12px;--rond-groot: 16px;--rond-venster: 20px;--randlicht: inset 0 0 0 1px rgba(255,255,255,.55)}:root:not([data-thema="licht"]) body.fdf-donker-aan, :root[data-thema="donker"] body.fdf-donker-aan{--schaduw-1: 0 1px 1px rgba(0,0,0,.4), 0 2px 5px -2px rgba(0,0,0,.5);--schaduw-2: 0 1px 2px rgba(0,0,0,.5), 0 12px 30px -14px rgba(0,0,0,.7);--schaduw-3: 0 2px 5px rgba(0,0,0,.55), 0 32px 64px -28px rgba(0,0,0,.85);--schaduw-op: 0 3px 9px rgba(0,0,0,.6), 0 44px 80px -32px rgba(0,0,0,.9);--randlicht: inset 0 0 0 1px rgba(255,255,255,.045)}.kaart, .start-blok, .start-cijfer, .start-tegel, .zijblok, .ub-kaart, .bank-kaart, .mw-overzicht, .mw-werk, .factuurstand, .project-balk, .fdf-vouwkop{box-shadow: var(--schaduw-2), var(--randlicht);border-radius: var(--rond)}@media (hover: hover){.kaart:hover, .mw-werk:hover, .start-tegel:hover{box-shadow: var(--schaduw-3), var(--randlicht)}}dialog{box-shadow: var(--schaduw-op);border-radius: var(--rond-venster)}.geld-lijf, .nw-lijf{border-radius: 0 0 var(--rond-venster) var(--rond-venster)}button, .knop, input, select, textarea, .chipknop, .keuzeknop, .geld-pil, .mw-chip, .start-pil, .start-chip{border-radius: var(--rond-klein)}button.rond, .zoekknop, .geld-pil, .start-pil, .mw-pasje, .start-status, .fdf-melding-weg, .tab-teller{border-radius: 999px}.project, .factuurstand, .geld-kop, .werken-tabelwik{border-radius: var(--rond-groot)}button.primair, .knop.primair, .inlog form button[type="submit"]{box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 1px 2px rgba(22,21,15,.14), 0 10px 22px -14px rgba(22,21,15,.55)}@media (hover: hover){button.primair:hover, .knop.primair:hover{box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 2px 4px rgba(22,21,15,.16), 0 16px 30px -16px rgba(22,21,15,.6)}}button.primair:active, .knop.primair:active{box-shadow: inset 0 2px 5px rgba(0,0,0,.28)}body::before{content: "";position: fixed;inset: 0;z-index: -1;pointer-events: none;opacity: .022;mix-blend-mode: multiply;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23r)'/%3E%3C/svg%3E");
  background-size: 140px 140px;
}
:root:not([data-thema="licht"]) body.fdf-donker-aan::before,
:root[data-thema="donker"] body.fdf-donker-aan::before { opacity: .035; mix-blend-mode: screen; }

 
@media (min-width: 901px) {
body.fdf-gescrold .werkbalk-boven {
  position: fixed; top: 0; left: 0; right: 0; padding: 10px clamp(16px, 2.4vw, 48px);
  justify-content: flex-end; z-index: 60;
  background: var(--achtergrond);
  background: color-mix(in srgb, var(--achtergrond) 82%, transparent);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  backdrop-filter: saturate(150%) blur(14px);
  box-shadow: 0 1px 0 var(--lijn), 0 12px 24px -20px rgba(22,21,15,.45);
}
@supports not (backdrop-filter: blur(1px)) {
  body.fdf-gescrold .werkbalk-boven { background: var(--achtergrond); }
}
}

 
.tabknop { position: relative; }
.tabknop.actief::after {
  content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #e0cda3 0%, var(--zand) 55%, #a38f6a 100%);
}
@media (max-width: 760px) {
  .tabknop.actief::after { left: 14%; right: 14%; width: auto; top: auto; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; }
}

 
.start-hero[data-uur="ochtend"] {
  background:
    radial-gradient(1100px 420px at 92% -20%, rgba(186,204,214,.22), transparent 62%),
    linear-gradient(140deg, #13161a 0%, #1e2229 52%, #2c3038 100%);
}
.start-hero[data-uur="middag"] {
  background:
    radial-gradient(1100px 420px at 92% -20%, rgba(214,196,161,.26), transparent 62%),
    linear-gradient(140deg, #17160f 0%, #232019 52%, #34301f 100%);
}
.start-hero[data-uur="avond"] {
  background:
    radial-gradient(1100px 420px at 92% -20%, rgba(196,150,110,.22), transparent 62%),
    linear-gradient(140deg, #120f0c 0%, #1e1813 52%, #2c2018 100%);
}


 

:root {
   
  --st-voorbereiding:      #6b6f7a;  --st-voorbereiding-vlak: #eeeff2;
  --st-uitvoering:         #35605f;  --st-uitvoering-vlak:    #e3ecec;
  --st-hold:               #8a6a1c;  --st-hold-vlak:          #f6ecd4;
  --st-afgerond:           #3f6b45;  --st-afgerond-vlak:      #e7efe7;
  --st-opgeleverd:         #f4f8f4;  --st-opgeleverd-vlak:    #3f6b45;
   
  --te-factureren:         #9a5a1e;
  --te-factureren-vlak:    #fbf0e2;
   
  --marge-slecht: #a8443e;
  --marge-mager:  #b06a2e;
  --marge-krap:   #9a8630;
  --marge-ruim:   #3f6b45;
}

:root:not([data-thema="licht"]) body.fdf-donker-aan,
:root[data-thema="donker"] body.fdf-donker-aan {
  --st-voorbereiding:      #a3a8b4;  --st-voorbereiding-vlak: #23242a;
  --st-uitvoering:         #8ec3c1;  --st-uitvoering-vlak:    #1b2626;
  --st-hold:               #e2bd6a;  --st-hold-vlak:          #2b2415;
  --st-afgerond:           #7fbd8c;  --st-afgerond-vlak:      #1a231b;
  --st-opgeleverd:         #10150f;  --st-opgeleverd-vlak:    #7fbd8c;
  --te-factureren:         #e0a765;
  --te-factureren-vlak:    #2a2016;
  --marge-slecht: #e58d88;
  --marge-mager:  #e0a765;
  --marge-krap:   #d9c77a;
  --marge-ruim:   #7fbd8c;
}

 
.project-vlag.voorbereiding, .start-status.voorbereiding {
  background: var(--st-voorbereiding-vlak); color: var(--st-voorbereiding);
}
.project-vlag.uitvoering, .start-status.uitvoering {
  background: var(--st-uitvoering-vlak); color: var(--st-uitvoering);
}
.project-vlag.hold, .start-status.hold {
  background: var(--st-hold-vlak); color: var(--st-hold);
}
.project-vlag.klaar, .start-status.klaar {
  background: var(--st-afgerond-vlak); color: var(--st-afgerond);
}
.project-vlag.opgeleverd, .start-status.opgeleverd {
  background: var(--st-opgeleverd-vlak); color: var(--st-opgeleverd);
}
.start-status { border-color: transparent; }

 
.marge-slecht .som-waarde, .marge-slecht .start-cijfer-waarde, .marge-slecht b { color: var(--marge-slecht); }
.marge-mager  .som-waarde, .marge-mager  .start-cijfer-waarde, .marge-mager  b { color: var(--marge-mager); }
.marge-krap   .som-waarde, .marge-krap   .start-cijfer-waarde, .marge-krap   b { color: var(--marge-krap); }
.marge-ruim   .som-waarde, .marge-ruim   .start-cijfer-waarde, .marge-ruim   b { color: var(--marge-ruim); }
.marge-slecht::after, .marge-mager::after, .marge-krap::after, .marge-ruim::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px;
  border-radius: 0 0 var(--rond, 12px) var(--rond, 12px);
}
.marge-slecht { position: relative; }  .marge-slecht::after { background: var(--marge-slecht); }
.marge-mager  { position: relative; }  .marge-mager::after  { background: var(--marge-mager); }
.marge-krap   { position: relative; }  .marge-krap::after   { background: var(--marge-krap); }
.marge-ruim   { position: relative; }  .marge-ruim::after   { background: var(--marge-ruim); }

 
.klantpunt {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  margin-right: 8px; vertical-align: 1px; flex: 0 0 auto;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.14);
}

 
.klanttabel td.getal.open, .werken-tabel td.openstaand,
.som-brok.openstaand .som-waarde, .geld-cijfer.openstaand b,
.start-cijfer.openstaand .start-cijfer-waarde, .project-openstaand {
  color: var(--te-factureren);
}
.geld-pil.open { background: var(--te-factureren-vlak); color: var(--te-factureren); }

 
.fs-balk, .klantbalk, .werk-balk, .project-balkje, .mw-balk {
  height: 8px; border-radius: 999px; background: var(--zand-licht);
  overflow: hidden; box-shadow: inset 0 1px 2px rgba(22,21,15,.08);
}
.fs-balk i, .klantbalk i, .werk-balk i, .project-balkje i, .mw-balk i {
  display: block; height: 100%; border-radius: 999px;
  background-image: linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,0) 58%);
  background-blend-mode: overlay;
}
.werk-balk { height: 6px; }

 
.is-vandaag { font-weight: 600; }
.is-vandaag::after {
  content: ""; display: inline-block; width: 5px; height: 5px; margin-left: 6px;
  vertical-align: 1px; border-radius: 50%; background: var(--goud, #c8a24a);
}
td.is-vandaag { white-space: nowrap; }


 

 
.balk-meer { position: relative; display: inline-flex; }
.balk-meer-knop { display: inline-flex; align-items: center; gap: 6px; }
.balk-meer-teken { font-size: 16px; line-height: 1; letter-spacing: .08em; }
.balk-lade {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 70;
  min-width: 210px; padding: 6px; display: flex; flex-direction: column; gap: 2px;
  background: var(--papier); border: 1px solid var(--lijn);
  border-radius: var(--rond, 12px); box-shadow: var(--schaduw-op, 0 30px 60px -28px rgba(0,0,0,.4));
}
.balk-lade[hidden] { display: none; }
.balk-lade button {
  width: 100%; justify-content: flex-start; text-align: left;
  border: 0; background: transparent; box-shadow: none; min-height: 38px;
  padding: 8px 12px; border-radius: var(--rond-klein, 8px); font-size: 13.5px;
}
@media (hover: hover){.balk-lade button:hover{ background: var(--zand-licht); }}

 
#zoek-veld { font-size: 17px; padding-top: 14px; padding-bottom: 14px; }
.zoek-teller {
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--zand-diep); padding: 6px 18px 0; font-weight: 600; min-height: 17px;
}

 
 
:root { --keuzepijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1.2 5 5.4 9 1.2' fill='none' stroke='%238a7c66' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:root:not([data-thema="licht"]) body.fdf-donker-aan,
:root[data-thema="donker"] body.fdf-donker-aan {
  --keuzepijl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1.2 5 5.4 9 1.2' fill='none' stroke='%23c0b193' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

select, .statuskeuze {
  -webkit-appearance: none; -moz-appearance: none; appearance: none;
  box-sizing: border-box; max-width: 100%;
  font: inherit; font-size: var(--maat-gewoon, 14px); color: var(--inkt);
  background-color: var(--papier);
  background-image: var(--keuzepijl);
  background-position: right 11px center;
  background-size: 10px 7px;
  background-repeat: no-repeat;
  padding-right: 28px;
  border: 1px solid var(--lijn-sterk); border-radius: var(--rond-klein, 8px);
}
 
@media (min-width: 901px) {
  select, .statuskeuze { min-height: 38px; }
  .project-vlag.statuswik .statuskeuze { min-height: 26px; }
}
@media (hover: hover){select:hover{ border-color: var(--zand); }}
select:focus-visible { outline: 2px solid var(--goud); outline-offset: 2px; }
select::-ms-expand { display: none; }
.project-vlag.statuswik .statuskeuze {
  background-color: transparent; border: 0;
  background-position: right 0 center;
  background-size: 9px 6px;
  padding-right: 15px;
}
option { background: var(--papier); color: var(--inkt); }

 
@media screen {
  select:not([multiple]):not([size]) {
    -webkit-appearance: none !important; appearance: none !important;
    box-sizing: border-box !important; max-width: 100% !important;
    background-image: var(--keuzepijl) !important;
    background-position: right 11px center !important;
    background-size: 10px 7px !important;
    background-repeat: no-repeat !important;
    padding-right: 28px !important;
  }
  .project-vlag.statuswik .statuskeuze {
    background-position: right 0 center !important;
    background-size: 9px 6px !important;
    padding-right: 15px !important;
  }
}

 
.fdf-kruimel {
  display: flex; align-items: center; flex-wrap: wrap; gap: 2px;
  margin: 0 0 8px; font-size: 12.5px;
}
.fdf-kruimel .kruimel {
  border: 0; background: transparent; box-shadow: none; padding: 5px 8px;
  min-height: 32px; color: var(--zand-diep); font-size: 12.5px; border-radius: 6px;
}
@media (max-width: 900px) { .fdf-kruimel .kruimel { min-height: 36px; } }
@media (hover: hover){.fdf-kruimel .kruimel:hover{ background: var(--zand-licht); color: var(--inkt); }}
.fdf-kruimel .kruimel.nu { color: var(--inkt); font-weight: 600; padding-left: 6px; }
.fdf-kruimel .kruimel-pijl { color: var(--lijn-sterk); font-size: 14px; }

 
kbd.toetsje {
  margin-left: 8px; font: inherit; font-size: 12px; font-weight: 600;
  padding: 1px 6px; border-radius: 5px; color: var(--zand-diep);
  border: 1px solid var(--lijn-sterk); background: var(--zand-licht);
  line-height: 1.5;
}
button.primair kbd.toetsje { color: inherit; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.12); }
@media (max-width: 900px) { kbd.toetsje { display: none; } }
@media print { kbd.toetsje, .balk-meer { display: none; } }


 

 
.fdf-leeg { gap: 10px; padding: 40px 24px; }
.fdf-leeg svg { color: var(--zand); opacity: .75; margin-bottom: 2px; }
.fdf-leeg h3 { font-family: Georgia, serif; font-size: 19px; font-weight: 400; margin: 0; }

 
.fdf-skelet i { height: 14px; }
.fdf-skelet i:nth-child(1) { width: 92%; }
.fdf-skelet i:nth-child(2) { width: 74%; }
.fdf-skelet i:nth-child(3) { width: 58%; }
.fdf-skelet i:nth-child(4) { width: 80%; }
.fdf-skelet.regels i { height: 16px; }
.fdf-skelet.regels i:nth-child(odd) { width: 88%; }
.fdf-skelet.regels i:nth-child(even) { width: 62%; }
@media (prefers-reduced-motion: reduce) { .fdf-skelet i { animation: none; } }

 
.fdf-vinkje {
  position: absolute; right: 8px; top: 50%; margin-top: -10px;
  width: 20px; height: 20px; border-radius: 50%; display: inline-flex;
  align-items: center; justify-content: center; font-size: 12px; font-weight: 700;
  background: var(--st-afgerond-vlak, #e7efe7); color: var(--st-afgerond, #3f6b45);
  pointer-events: none; z-index: 3;
}
@media (prefers-reduced-motion: no-preference) {
  .fdf-vinkje { animation: fdf-vink-in .2s var(--veer, ease-out); }
  @keyframes fdf-vink-in { from { opacity: 0; transform: scale(.7); } to { opacity: 1; transform: none; } }
}
td .fdf-vinkje { right: 2px; }

 
.fdf-bezig {
  position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 9800;
  background: transparent; pointer-events: none;
}
.fdf-bezig[hidden] { display: none; }
.fdf-bezig i {
  display: block; height: 100%; width: 34%; border-radius: 0 2px 2px 0;
  background: linear-gradient(90deg, rgba(200,162,74,0) 0%, var(--goud, #c8a24a) 45%, #e0cda3 100%);
}
.fdf-bezig.loopt i { animation: fdf-bezig-loop 1.15s ease-in-out infinite; }
.fdf-bezig.klaar i { width: 100%; opacity: 0; transition: width .18s ease-out, opacity .3s ease-out .1s; }
@keyframes fdf-bezig-loop {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(300%); }
}
@media (prefers-reduced-motion: reduce) { .fdf-bezig.loopt i { animation: none; width: 100%; opacity: .5; } }

 
.fdf-geenbereik {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9400;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 9px clamp(14px, 3vw, 28px);
  padding-bottom: calc(9px + env(safe-area-inset-bottom, 0px));
  background: var(--zand-licht); color: var(--zacht);
  border-top: 1px solid var(--lijn); font-size: 12.5px;
}
.fdf-geenbereik[hidden] { display: none; }
.fdf-geenbereik .gb-stip {
  width: 8px; height: 8px; border-radius: 50%; background: var(--zand-diep); flex: 0 0 auto;
}
.fdf-geenbereik .gb-tekst { flex: 1 1 auto; min-width: 0; }
.fdf-geenbereik .gb-aantal { font-weight: 600; color: var(--inkt); }
@media (max-width: 900px) { .fdf-geenbereik { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); } }
@media print { .fdf-geenbereik, .fdf-bezig { display: none !important; } }


 

@media (max-width: 900px) {

   
  .zijbalk .tabknop { position: relative; font-weight: 500; }
  .zijbalk .tabknop.actief { font-weight: 700; }
  .zijbalk .tabknop.actief .tab-icoon { transform: translateY(-2px) scale(1.14); }
  .zijbalk .tabknop.actief::after {
    content: ""; position: absolute; left: 50%; bottom: 1px; width: 5px; height: 5px;
    margin-left: -2.5px; border-radius: 50%; background: var(--goud, #c8a24a);
    top: auto; right: auto;
  }

   
  dialog .nw-voet, dialog .geld-voet, dialog .factuurvenster-voet {
    position: sticky; bottom: 0; z-index: 4;
    background: var(--papier);
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -10px 24px -18px rgba(22,21,15,.5);
    flex-direction: row-reverse; flex-wrap: wrap;
  }
  dialog .nw-voet button.primair, dialog .geld-voet button.primair {
    flex: 1 1 100%; min-height: 50px; font-size: 15px; order: -1;
  }
  dialog .nw-voet button { flex: 1 1 44%; min-height: 46px; }
  dialog .nw-voet button:first-child { margin-right: 0; }

   
  dialog.fdf-sheet {
    border-radius: 20px 20px 0 0 !important;
    margin-top: auto; margin-bottom: 0;
    max-height: 92vh; width: 100%; max-width: 100%;
    will-change: transform;
  }
  .fdf-greep {
    display: flex; justify-content: center; align-items: center;
    height: 26px; flex: 0 0 auto; cursor: grab; touch-action: none;
    background: transparent; border: 0; width: 100%;
  }
  .fdf-greep i {
    display: block; width: 42px; height: 4px; border-radius: 999px;
    background: var(--lijn-sterk);
  }
  @media (prefers-reduced-motion: no-preference) {
    dialog.fdf-sheet { transition: transform .22s var(--veer, ease-out); }
    dialog.fdf-sheet[open] { animation: fdf-sheet-op .26s var(--veer, ease-out); }
    @keyframes fdf-sheet-op { from { transform: translateY(26px); opacity: .6; } to { transform: none; opacity: 1; } }
  }

   
  table.kostentabel tr[data-id] { position: relative; }
  tr.fdf-veegt { transition: none; }
  tr.fdf-veegt > td { background: var(--zand-licht); }
  tr.fdf-veegt[data-veeg-kant="weg"] > td:first-child { box-shadow: inset 4px 0 0 var(--fout, #a8443e); }
  tr.fdf-veegt[data-veeg-kant="open"] > td:first-child { box-shadow: inset 4px 0 0 var(--zand); }

   
  body.fdf-kop-klein .tel-kop { height: calc(32px + env(safe-area-inset-top, 0px)); }
  body.fdf-kop-klein .tel-titel b { font-size: 15px; }
  body.fdf-kop-klein .tel-titel small { opacity: 0; height: 0; overflow: hidden; }
  @media (prefers-reduced-motion: no-preference) {
    .tel-kop { transition: height .2s var(--veer, ease-out); }
    .tel-titel b { transition: font-size .2s var(--veer, ease-out); }
    .tel-titel small { transition: opacity .16s ease-out, height .2s ease-out; }
  }
}


 

 
.fdf-opstart {
  position: fixed; inset: 0; z-index: 9900;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  background: linear-gradient(180deg, #201e16 0%, #100f09 100%);
  color: #e8e1d2; pointer-events: none;
}
.fdf-opstart .op-merk {
  width: 62px; height: 62px; border-radius: 17px;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: Georgia, serif; font-size: 19px; letter-spacing: .06em; color: #14130e;
  background: linear-gradient(145deg, #e6d8ba 0%, #c8b48c 55%, #a08d6c 100%);
  box-shadow: 0 18px 36px -18px rgba(0,0,0,.9);
}
.fdf-opstart .op-naam {
  font-family: Georgia, serif; font-size: 19px; letter-spacing: .03em; color: #e8e1d2;
}
.fdf-opstart.weg { opacity: 0; transition: opacity .38s ease-out; }
@media (prefers-reduced-motion: no-preference) {
  .fdf-opstart .op-merk { animation: fdf-op-merk .5s var(--veer, ease-out); }
  .fdf-opstart .op-naam { animation: fdf-op-naam .55s .12s var(--veer, ease-out) both; }
  @keyframes fdf-op-merk { from { opacity: 0; transform: scale(.82); } to { opacity: 1; transform: none; } }
  @keyframes fdf-op-naam { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}

 
.laadscherm .laad-merk {
  width: 54px; height: 54px; border-radius: 15px;
  display: inline-flex; align-items: center; justify-content: center;
  font-family: Georgia, serif; font-size: 17px; letter-spacing: .06em; color: #14130e;
  background: linear-gradient(145deg, #e6d8ba 0%, #c8b48c 55%, #a08d6c 100%);
  box-shadow: 0 16px 32px -18px rgba(0,0,0,.9);
}

 
@media (prefers-reduced-motion: no-preference) {
  .fdf-merk-in {
    animation: fdf-merk-lijn 1.05s var(--veer-uit, cubic-bezier(.32,.72,0,1)) both;
  }
  @keyframes fdf-merk-lijn {
    0%   { clip-path: inset(0 100% 0 0); opacity: .2; }
    12%  { opacity: 1; }
    70%  { clip-path: inset(0 0 0 0); }
    100% { clip-path: inset(0 0 0 0); opacity: 1; }
  }
}

 
dialog.fdf-watnieuw { width: min(520px, 94vw); }
.wn-lijst { margin: 14px 0 4px; padding-left: 20px; display: grid; gap: 9px; }
.wn-lijst li { font-size: 14px; line-height: 1.55; color: var(--inkt); }
.wn-lijst li::marker { color: var(--zand); }


 

 
dialog.fdf-geld.fdf-mannen { width: min(1040px, 96vw); max-width: min(1040px, 96vw); }
 
.fdf-mannen .geld-tabel td.klantnaam span:not(.papier-pil):not(.klantpunt) {
  display: block; font-weight: 400; font-size: 11.5px; color: var(--zacht); margin-top: 2px;
}
 
.fdf-mannen .geld-tabel td:nth-child(4) { white-space: nowrap; }
dialog.fdf-papier, dialog.fdf-afwezig, dialog.fdf-toeslag { width: min(460px, 94vw); }
dialog.fdf-onder, dialog.fdf-nieuweman { width: min(560px, 94vw); }

 
.fdf-mannen .geld-cijfer span { display: block; }
.fdf-mannen .geld-cijfer small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.4; }

 
.papier-pil {
  display: inline-block; padding: 3px 10px; border-radius: 999px;
  font-size: 11.5px; font-weight: 600; letter-spacing: .02em; white-space: nowrap;
}
.papier-pil.pa-verlopen { background: var(--fout-vlak, #f7e9e8); color: var(--fout, #a8443e); }
.papier-pil.pa-week     { background: var(--waarschuwing-vlak, #fbf3e0); color: var(--waarschuwing, #8a6412); }
.papier-pil.pa-maand    { background: var(--zand-licht); color: var(--zand-diep); }
.papier-pil.pa-straks   { background: var(--zand-licht); color: var(--zacht); }

.geld-tabel tr.pa-verlopen td { background: rgba(168,68,62,.07); }
.geld-tabel tr.pa-week td     { background: rgba(214,160,64,.09); }

 
.man-kaart { display: grid; gap: 16px; }
.man-kop { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.man-kop b { font-family: Georgia, serif; font-weight: 400; font-size: 20px; display: block; }
.man-kop .hint { display: block; font-size: 12.5px; }
.man-blok { display: grid; gap: 8px; }
.man-blok h4 {
  margin: 0; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--zand-diep); font-weight: 600;
}
.man-blokkop { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

.mannen-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 2px; }
.mannen-chips .chipknop.aan { border-color: var(--zand); background: var(--zand-licht); font-weight: 600; }
.mannen-chips .chipknop.mist { border-color: rgba(214,160,64,.5); background: var(--waarschuwing-vlak, #fbf3e0); color: var(--waarschuwing, #8a6412); cursor: default; }
.mannen-tel {
  display: inline-block; margin-left: 7px; min-width: 18px; padding: 0 5px;
  border-radius: 999px; background: var(--zand-licht); color: var(--zand-diep);
  font-size: 11px; font-weight: 700; line-height: 17px; text-align: center;
}
.mannen-kopregel { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.mannen-kopregel b { font-family: Georgia, serif; font-weight: 400; font-size: 18px; }
.mannen-kopregel button.primair { margin-left: auto; }

 
.mannen-legenda { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 12px; color: var(--zacht); }
.legenda-stuk { display: inline-flex; align-items: center; gap: 6px; }
.papier-stip { width: 10px; height: 10px; border-radius: 3px; display: inline-block; background: var(--lijn-sterk); }
.af-ziek     { background: #c0564f; }
.af-verlof   { background: #3f6b45; }
.af-atv      { background: #4f7f7f; }
.af-bouwvak  { background: #b08a4a; }
.af-feestdag { background: #8a7c66; }
.af-anders   { background: #9a9384; }
.papier-pil.af-ziek     { background: rgba(192,86,79,.14); color: #a8443e; }
.papier-pil.af-verlof   { background: rgba(63,107,69,.14); color: #3f6b45; }
.papier-pil.af-atv      { background: rgba(79,127,127,.14); color: #35605f; }
.papier-pil.af-bouwvak  { background: rgba(176,138,74,.16); color: #8a6412; }
.papier-pil.af-feestdag { background: var(--zand-licht); color: var(--zand-diep); }
.papier-pil.af-anders   { background: var(--zand-licht); color: var(--zacht); }

.kalender-tabel { width: auto; }
.kalender-tabel td.klantnaam { white-space: nowrap; padding-right: 12px; }
.kalender-tabel td.kal-cel { padding: 4px 3px; vertical-align: middle; }
.kalender-tabel th.kal-maandkop { text-align: center; font-size: 10.5px; }
 
.kal-balk { display: flex; gap: 0; }
.kal-dag {
  display: block; width: 2px; height: 16px; border-radius: 1px;
  background: var(--zand-licht); flex: 0 0 auto;
}
.kalender-tabel td.kal-cel + td.kal-cel { border-left: 1px solid var(--lijn); }
@media (min-width: 901px) { .kal-dag { width: 2px; } }
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag { background: #262319; }
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag { background: #262319; }
}
 
.kal-dag.af-ziek     { background: #c0564f; }
.kal-dag.af-verlof   { background: #3f6b45; }
.kal-dag.af-atv      { background: #4f7f7f; }
.kal-dag.af-bouwvak  { background: #b08a4a; }
.kal-dag.af-feestdag { background: #8a7c66; }
.kal-dag.af-anders   { background: #9a9384; }
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-ziek,
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-verlof,
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-atv,
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-bouwvak,
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-feestdag,
:root[data-thema="donker"] body.fdf-donker-aan .kal-dag.af-anders { background: currentColor; }
.kal-dag.af-ziek     { color: #c0564f; }
.kal-dag.af-verlof   { color: #5c9a66; }
.kal-dag.af-atv      { color: #6fa6a5; }
.kal-dag.af-bouwvak  { color: #d0a052; }
.kal-dag.af-feestdag { color: #a89a80; }
.kal-dag.af-anders   { color: #9a9384; }
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-ziek,
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-verlof,
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-atv,
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-bouwvak,
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-feestdag,
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kal-dag.af-anders { background: currentColor; }
}

 
.onder-papier { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--lijn); }
.onder-papier span:first-child { flex: 1 1 auto; }
.nieuw-papieren { display: grid; gap: 8px; margin: 4px 0 10px; }
.nieuw-papier { display: flex; gap: 8px; align-items: center; }
.nieuw-papier select { flex: 1 1 auto; min-width: 0; }
.nieuw-papier input[type="date"] { flex: 0 1 160px; }
h4.nw-tussen {
  margin: 18px 0 8px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--zand-diep); font-weight: 600; border-top: 1px solid var(--lijn); padding-top: 14px;
}
h4.nw-tussen:first-of-type { border-top: 0; padding-top: 0; margin-top: 10px; }

@media (max-width: 900px) {
   
  .man-blokkop { flex-direction: column; align-items: stretch; gap: 8px; }
  .man-blokkop button { width: 100%; }
  .kalender-tabel { min-width: 620px; }
  .kal-dag { width: 1.5px; }
  .mannen-kopregel button.primair { margin-left: 0; width: 100%; }
}


 

dialog.fdf-geld.fdf-machines { width: min(1040px, 96vw); max-width: min(1040px, 96vw); }
dialog.fdf-plek, dialog.fdf-stand, dialog.fdf-interval, dialog.fdf-tank,
dialog.fdf-boek { width: min(460px, 94vw); }
dialog.fdf-schade, dialog.fdf-verhuur { width: min(540px, 94vw); }

.fdf-machines .geld-cijfer span { display: block; }
.fdf-machines .geld-cijfer small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.4; }
.fdf-machines .geld-tabel td.klantnaam span:not(.papier-pil):not(.klantpunt) {
  display: block; font-weight: 400; font-size: 11.5px; color: var(--zacht); margin-top: 2px;
}

.kp-uitslag {
  display: flex; align-items: baseline; justify-content: space-between; gap: 14px;
  margin: 14px 0 12px; padding: 14px 16px; border-radius: var(--rond, 12px);
  background: var(--zand-licht); border: 1px solid var(--lijn);
}
.kp-uitslag .kp-uitkomst { font-family: Georgia, serif; font-weight: 400; font-size: 26px; }

.schade-voorbeeld { margin: 4px 0 8px; }
.schade-voorbeeld .wk-mini, .geld-tabel .wk-mini {
  display: block; max-width: 92px; max-height: 68px; border-radius: 8px;
  margin-top: 6px; border: 1px solid var(--lijn);
}

@media (max-width: 900px) {
  .kp-uitslag { flex-direction: column; align-items: flex-start; gap: 4px; }
}


 

dialog.fdf-geld.fdf-planning { width: min(1040px, 96vw); max-width: min(1040px, 96vw); }

 
.pl-cap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 4px 0 14px; }
.pl-capweek {
  display: grid; gap: 5px; text-align: left; padding: 11px 13px;
  border: 1px solid var(--lijn); border-radius: var(--rond, 12px);
  background: var(--papier); min-height: 0;
}
.pl-capweek.nu { border-color: var(--zand); box-shadow: inset 0 0 0 1px var(--zand); }
.pl-capkop { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--zand-diep); font-weight: 600; }
.pl-capbalk { height: 8px; border-radius: 999px; background: var(--zand-licht); overflow: hidden; }
.pl-capbalk i { display: block; height: 100%; width: 0; border-radius: 999px; background: #4f7f7f; }
.pl-capbalk i.bijna { background: var(--waarschuwing, #b08a4a); }
.pl-capbalk i.vol { background: var(--fout, #a8443e); }
.pl-capcijfer { font-size: 13px; font-variant-numeric: tabular-nums; }
.pl-capweek small { font-size: 11.5px; }

 
.pl-weer { margin: 0 0 14px; }
.pl-weer[hidden] { display: none; }
.pl-weertitel { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--zand-diep); font-weight: 600; }
.pl-weerrij { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 6px; }
.pl-weerdag {
  display: grid; gap: 2px; padding: 8px 10px; border-radius: var(--rond-klein, 8px);
  background: var(--zand-licht); border: 1px solid var(--lijn); text-align: center;
}
.pl-weerdag b { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
.pl-weerwoord { font-size: 12.5px; font-weight: 600; }
.pl-weerdag small { font-size: 11.5px; color: var(--zacht); font-variant-numeric: tabular-nums; }
.pl-weerdag.weer-vorst { background: rgba(79,127,159,.14); border-color: rgba(79,127,159,.3); }
.pl-weerdag.weer-vorst .pl-weerwoord { color: #3d6a8a; }
.pl-weerdag.weer-nat { background: rgba(79,110,159,.12); border-color: rgba(79,110,159,.26); }
.pl-weerdag.weer-nat .pl-weerwoord { color: #45628c; }
.pl-weerdag.weer-buien .pl-weerwoord { color: var(--zand-diep); }
.pl-weerdag.weer-droog .pl-weerwoord { color: var(--st-afgerond, #3f6b45); }

 
.pl-chip.pl-botsing {
  background: var(--fout-vlak, #f7e9e8) !important;
  border-color: rgba(168,68,62,.45) !important;
  color: var(--fout, #a8443e) !important;
}
.pl-botsingen { border-left: 3px solid var(--fout, #a8443e); padding-left: 12px; }

 
.pl-blok { margin-top: 20px; display: grid; gap: 8px; }
.pl-blok h4 {
  margin: 0; font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--zand-diep); font-weight: 600;
}
.pl-lijst { margin: 0; padding-left: 20px; display: grid; gap: 5px; font-size: 13.5px; }
.pl-lijst li { line-height: 1.5; }
.pl-lijst li .hint { display: block; font-size: 12px; }
.pl-lijst li button { margin-left: 10px; }
.pl-rit li b { font-weight: 600; }

.pl-bestel { margin-top: 10px; display: grid; gap: 8px; }
.pl-bestelrij { display: flex; gap: 8px; }
.pl-bestelrij input { flex: 1 1 auto; min-width: 0; }

.pl-ritinhoud { display: grid; gap: 8px; }

 
@media (min-width: 901px) {
  .pl-blok > button.klein, .pl-bestel > button.klein, .pl-ritinhoud > button.klein { justify-self: start; }
}

@media (max-width: 900px) {
  .pl-cap { grid-template-columns: repeat(2, 1fr); }
  .pl-weerrij { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
  .pl-weerdag { padding: 6px 4px; }
  .pl-weerwoord { font-size: 11px; }
  .pl-bestelrij { flex-direction: column; }
}

  :root[data-thema="donker"] body.fdf-donker-aan .pl-capweek { background: var(--papier); }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-capbalk { background: rgba(255,255,255,.07); }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-capbalk i { background: #74b0b0; }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-weerdag { background: rgba(255,255,255,.05); }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-weerdag.weer-vorst { background: rgba(120,170,210,.13); border-color: rgba(120,170,210,.26); }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-weerdag.weer-vorst .pl-weerwoord { color: #9ecbe8; }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-weerdag.weer-nat { background: rgba(120,150,210,.12); border-color: rgba(120,150,210,.24); }
  :root[data-thema="donker"] body.fdf-donker-aan .pl-weerdag.weer-nat .pl-weerwoord { color: #a6bce6; }

@media (prefers-color-scheme: dark) {

  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-capweek { background: var(--papier); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-capbalk { background: rgba(255,255,255,.07); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-capbalk i { background: #74b0b0; }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-weerdag { background: rgba(255,255,255,.05); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-weerdag.weer-vorst { background: rgba(120,170,210,.13); border-color: rgba(120,170,210,.26); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-weerdag.weer-vorst .pl-weerwoord { color: #9ecbe8; }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-weerdag.weer-nat { background: rgba(120,150,210,.12); border-color: rgba(120,150,210,.24); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .pl-weerdag.weer-nat .pl-weerwoord { color: #a6bce6; }

}


 

dialog.fdf-geld.fdf-zekerheid { width: min(1000px, 96vw); max-width: min(1000px, 96vw); }

 
dialog.fdf-geld.fdf-rechten { width: min(1180px, 97vw); max-width: min(1180px, 97vw); }
.rechten-tabel th, .rechten-tabel td.midden { padding-left: 3px; padding-right: 3px; }
.rechten-tabel td.kp-naam { padding-right: 10px; }
.rechten-tabel td.kp-naam b, .rechten-tabel td.kp-naam small { display: block; }
.rechten-tabel td.kp-naam small { font-size: 12px; color: var(--zacht); margin-top: 2px; }
.rechten-tabel th { font-size: 10.5px; line-height: 1.3; vertical-align: bottom; }

.zk-plekken { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 4px 0 6px; }
.zk-plek {
  display: grid; gap: 6px; align-content: start; padding: 13px 15px;
  border: 1px solid var(--lijn); border-radius: var(--rond, 12px); background: var(--papier);
}
.zk-plekkop { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--zand-diep); font-weight: 600; }
.zk-plek b { font-size: 15px; }
.zk-plek small { font-size: 12px; line-height: 1.45; }
.zk-plek button { justify-self: start; margin-top: 2px; }

.zk-fout { color: var(--fout, #8f2f2c); }
.zk-letop { color: var(--waarschuwing, #7d5a12); }

.zk-kiesrij { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.zk-kiesrij select { flex: 1 1 200px; min-width: 0; }
.zk-terug { display: grid; gap: 10px; }

.zk-samen {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 11px; border-radius: 999px; font-size: 12.5px;
  background: var(--zand-licht); border: 1px solid var(--lijn); color: var(--zacht);
}
.zk-stip { width: 7px; height: 7px; border-radius: 50%; background: #4f7f7f; flex: 0 0 auto; }

.fdf-zekerheid .geld-cijfers { margin-bottom: 4px; }
.fdf-zekerheid .geld-cijfer span { display: block; }
.fdf-zekerheid .geld-cijfer small { display: block; margin-top: 3px; }

 
body.fdf-geen-planning #planning-knop,
body.fdf-geen-mannen #mannen-knop,
body.fdf-geen-machines #machines-knop,
body.fdf-geen-logboek #logboek-knop { display: none !important; }

@media (max-width: 900px) {
  .zk-plekken { grid-template-columns: 1fr; }
  .zk-kiesrij { flex-direction: column; }

   
  .rechten-tabel, .rechten-tabel tbody, .rechten-tabel tr, .rechten-tabel td, .rechten-tabel th { display: block; width: auto; }
  .rechten-tabel tr:first-child { display: none; }
  .rechten-tabel tr {
    border: 1px solid var(--lijn); border-radius: var(--rond, 12px);
    padding: 10px 13px; margin-bottom: 10px; background: var(--papier);
  }
  .rechten-tabel td { border: 0; padding: 0; }
  .rechten-tabel td.kp-naam { margin-bottom: 8px; }
  .rechten-tabel td.midden {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; min-height: 34px; text-align: left;
    border-top: 1px solid var(--lijn-licht, var(--lijn));
  }
  .rechten-tabel td.midden::before { content: attr(data-recht); font-size: 13.5px; }
  .rechten-tabel td.midden input { flex: 0 0 auto; margin: 0; }
}

  :root[data-thema="donker"] body.fdf-donker-aan .zk-plek { background: var(--papier); }
  :root[data-thema="donker"] body.fdf-donker-aan .zk-samen { background: rgba(255,255,255,.06); }
  :root[data-thema="donker"] body.fdf-donker-aan .zk-stip { background: #74b0b0; }

@media (prefers-color-scheme: dark) {

  :root:not([data-thema="licht"]) body.fdf-donker-aan .zk-plek { background: var(--papier); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .zk-samen { background: rgba(255,255,255,.06); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .zk-stip { background: #74b0b0; }

}


 

.uw-inhoud { display: grid; gap: 4px; }
 
.uw-wik { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.uw-wik > table { min-width: 100%; }
 
.uw-inhoud .geld-tabel td.klantnaam b,
.uw-inhoud .geld-tabel td.klantnaam small,
.vw-tabel td.vw-weekcel b,
.vw-tabel td.vw-weekcel small { display: block; }
.uw-inhoud .geld-tabel td.klantnaam small,
.vw-tabel td.vw-weekcel small { font-size: 12px; color: var(--zacht); margin-top: 2px; }
.geld-tabel td.getal.negatief, .geld-tabel td.negatief { color: var(--fout, #8f2f2c); }

 
.vw-weken { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; margin: 6px 0 16px; align-items: end; }
.vw-week { display: grid; gap: 6px; justify-items: center; text-align: center; }
.vw-kop { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--zand-diep); font-weight: 600; }
.vw-balk {
  width: 100%; height: 86px; display: flex; flex-direction: column; justify-content: flex-end;
  background: var(--zand-licht); border-radius: var(--rond-klein, 8px); overflow: hidden;
}
.vw-balk i { display: block; width: 100%; }
.vw-zeker { background: #4f7f7f; }
.vw-verwacht { background: rgba(79,127,127,.34); }
.vw-week b { font-size: 12.5px; font-variant-numeric: tabular-nums; }
.vw-verwachtregel { color: var(--zacht); }
.vw-verwachtregel b { color: inherit; }

@media (max-width: 900px) {
  .vw-weken { grid-template-columns: repeat(3, 1fr); row-gap: 14px; }
  .vw-balk { height: 66px; }
}

  :root[data-thema="donker"] body.fdf-donker-aan .vw-balk { background: rgba(255,255,255,.07); }
  :root[data-thema="donker"] body.fdf-donker-aan .vw-zeker { background: #74b0b0; }
  :root[data-thema="donker"] body.fdf-donker-aan .vw-verwacht { background: rgba(116,176,176,.34); }

@media (prefers-color-scheme: dark) {

  :root:not([data-thema="licht"]) body.fdf-donker-aan .vw-balk { background: rgba(255,255,255,.07); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .vw-zeker { background: #74b0b0; }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .vw-verwacht{background: rgba(116,176,176,.34)}}@media (min-width: 1001px){#startpagina .start-rij, #startpagina .start-rij.wijd, #startpagina .start-rij.agendarij, #startpagina .start-rij.mailrij{grid-template-columns: minmax(0, 7fr) minmax(0, 5fr)}}@media (min-width: 700px) and (max-width: 1000px){#startpagina .start-rij, #startpagina .start-rij.agendarij, #startpagina .start-rij.mailrij{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important}#startpagina .start-rij.wijd{grid-template-columns: minmax(0, 1fr) !important}}@media (max-width: 699px){#startpagina .start-rij, #startpagina .start-rij.wijd, #startpagina .start-rij.agendarij, #startpagina .start-rij.mailrij{grid-template-columns: minmax(0, 1fr) !important}}#startpagina .start-rij{margin-top: 14px}#startpagina .start-rij > .start-blok{min-width: 0}#startpagina .start-rij.alleen{grid-template-columns: minmax(0, 1fr) !important}@media (min-width: 700px){#startpagina .start-rij{align-items: stretch}#startpagina .start-rij > .start-blok{display: flex;flex-direction: column}#startpagina .start-rij > .start-blok > :last-child{margin-bottom: 0}}@media (min-width: 700px){#startpagina .start-rij > .start-blok > p.hint:only-of-type{margin-top: auto;margin-bottom: auto}}.start-blok > p.hint:only-of-type{line-height: 1.55}.tel-kop .tel-merk.fdf-merk-in{overflow: hidden}@media (prefers-reduced-motion: no-preference){.fdf-opstart .op-merk{animation: fdf-op-merk .5s var(--veer, ease-out), fdf-op-adem 2.4s .5s ease-in-out infinite}@keyframes fdf-op-adem{0%, 100%{transform: none;box-shadow: 0 18px 36px -18px rgba(0,0,0,.9)}50%{transform: translateY(-3px);box-shadow: 0 26px 44px -18px rgba(0,0,0,.95)}}}


/* =======================================================================
   24 september (middag) — scrollen zonder hangen
   ======================================================================= */
/* wat alleen bij aanwijzen verscheen, staat op een aanraakscherm gewoon klaar */
@media (hover: none) {
  .km-punt-ga { opacity: 1; }
  .kostentabel .wegknop { opacity: .6; }
  .pv-stukweg { opacity: .9; }
}
/* kleine vensters op de telefoon: zo hoog als de inhoud, niet schermvullend */
@media (max-width: 900px) {
  dialog.fdf-rondleiding, dialog.fdf-vraag, dialog.fdf-watnieuw {
    height: auto !important; max-height: 92vh !important; top: auto !important; bottom: 0 !important;
    margin-top: auto !important; margin-bottom: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
}
/* de telefoon: vaste balken op hun eigen laag, zodat ze tijdens het scrollen
   niet meetrillen, en de kop dicht genoeg dat er geen tekst doorheen schemert */
@media (max-width: 900px) {
  .tel-kop { transform: translateZ(0); background: #f4f1ea; }
  .zijbalk { transform: translateZ(0); }
  /* de ronde +knop stond achter de onderbalk: hij hoort erboven */
  body .fdf-snelmenu { bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 14px); right: 14px; }
  /* en de 'naar boven'-knop netjes boven de +knop in plaats van ertegenaan */
  body.aangemeld:not([data-modus="medewerker"]) .omhoog { bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 82px); right: 21px; }
  /* de onderbalk schuift: een zachte rand laat zien dat er meer is, in plaats
     van een half afgeknipt woord */
  .fdf-zb-rand {
    display: block; position: fixed; bottom: 0; width: 34px; z-index: 91; pointer-events: none;
    height: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px));
    background: linear-gradient(180deg, #23211a 0%, #14130e 100%);
    opacity: 0; transition: opacity .18s ease;
  }
  .fdf-zb-rand.links { left: 0; -webkit-mask-image: linear-gradient(90deg, #000 30%, transparent); mask-image: linear-gradient(90deg, #000 30%, transparent); }
  .fdf-zb-rand.rechts { right: 0; -webkit-mask-image: linear-gradient(270deg, #000 30%, transparent); mask-image: linear-gradient(270deg, #000 30%, transparent); }
  .fdf-zb-rand.aan { opacity: 1; }
  body:not(.aangemeld) .fdf-zb-rand { display: none; }
}
@media (max-width: 950px) and (orientation: landscape) and (max-height: 500px) {
  body .fdf-snelmenu { bottom: calc(var(--onderbalk) + env(safe-area-inset-bottom, 0px) + 8px); }
}
.fdf-zb-rand { display: none; }
@media (max-width: 900px) { .fdf-zb-rand { display: block; } body:not(.aangemeld) .fdf-zb-rand { display: none; } }
@media print { .fdf-zb-rand { display: none !important; } }


/* =======================================================================
   24 september (avond) — kostentarieven
   ======================================================================= */
@media (min-width: 901px) {
  dialog.fdf-geld.fdf-kostentarieven { width: min(900px, 94vw) !important; max-width: 94vw !important; }
}
.fdf-kostentarieven .kt-balk { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; margin: 16px 0 12px; }
.fdf-kostentarieven .kt-vergelijk { display: flex; flex-direction: column; gap: 4px; margin-right: auto; }
.fdf-kostentarieven .kt-vergelijk select { min-width: 220px; }
.fdf-kostentarieven .kt-som { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.fdf-kostentarieven .kt-som .som-brok { display: flex; flex-direction: column; gap: 3px; padding: 12px 14px; border: 1px solid var(--lijn); border-radius: 12px; background: var(--papier); min-width: 0; }
.fdf-kostentarieven .kt-som .som-label { font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--zacht); }
.fdf-kostentarieven .kt-som .som-waarde { font-family: Georgia, "Iowan Old Style", serif; font-size: 24px; line-height: 1.15; color: var(--inkt); }
.fdf-kostentarieven .kt-som .som-onder { font-size: 12px; line-height: 1.4; color: var(--zacht); }
.fdf-kostentarieven .kt-som .som-brok.positief .som-waarde { color: #2f6b3a; }
.fdf-kostentarieven .kt-som .som-brok.negatief .som-waarde { color: var(--fout, #8f2f2c); }
.fdf-kostentarieven .kt-tabel { width: 100%; border-collapse: collapse; }
.fdf-kostentarieven .kt-tabel td { vertical-align: middle; }
.fdf-kostentarieven .kt-tabel input {
  box-sizing: border-box; width: 100%; min-width: 0; height: 36px; padding: 6px 10px;
  border: 1px solid var(--lijn-sterk); border-radius: 8px; background: var(--papier); color: var(--inkt); font: inherit; font-size: 14px;
}
.fdf-kostentarieven .kt-tabel input.kt-post { min-width: 180px; }
.fdf-kostentarieven .kt-tabel input.kt-eenheid { width: 72px; }
.fdf-kostentarieven .kt-tabel input.kt-kostprijs { width: 104px; text-align: right; }
.fdf-kostentarieven .kt-tabel td.min { color: var(--fout, #8f2f2c); font-weight: 600; }
.fdf-kostentarieven .kt-tabel td.goed { color: #2f6b3a; font-weight: 600; }
.fdf-kostentarieven .kt-tabel .wegknop { opacity: .75; font-size: 17px; }
.fdf-kostentarieven .kt-hoe { display: block; margin-top: 3px; font-size: 11.5px; line-height: 1.35; color: var(--zacht); }
.fdf-kostentarieven .kt-hoe-schatting { color: var(--waarschuwing, #7d5a12); font-style: italic; }
.fdf-kostentarieven .kt-hoe-eigen { color: var(--zand-diep, #8a7c66); font-weight: 600; }
.fdf-kostentarieven .kt-tabel td.krap { color: var(--waarschuwing, #7d5a12); font-weight: 600; }
.fdf-kostentarieven .kt-bouw { margin: 14px 0 4px; border: 1px solid var(--lijn); border-radius: 12px; padding: 0 14px; background: var(--papier); }
.fdf-kostentarieven .kt-bouw > summary { cursor: pointer; padding: 12px 0; font-weight: 600; list-style-position: inside; }
.fdf-kostentarieven .kt-bouw[open] > summary { border-bottom: 1px solid var(--lijn); margin-bottom: 12px; }
.fdf-kostentarieven .kt-bouw-rooster { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px 12px; }
.fdf-kostentarieven .kt-bouw-veld { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.fdf-kostentarieven .kt-bouw-veld .label { font-size: 12.5px; font-weight: 600; }
.fdf-kostentarieven .kt-bouw-veld small { font-size: 11px; color: var(--zacht); line-height: 1.3; }
.fdf-kostentarieven .kt-bouw-invoer { box-sizing: border-box; width: 100%; height: 36px; padding: 6px 10px; border: 1px solid var(--lijn-sterk); border-radius: 8px; background: var(--achtergrond, #fff); color: var(--inkt); font: inherit; font-size: 14px; text-align: right; }
.fdf-kostentarieven .kt-wik { overflow-x: auto; -webkit-overflow-scrolling: touch; }
/* op de telefoon vult het lijf van een geldvenster het hele blad (was een
   vaste hoogte met een lege witte strook eronder) */
@media (max-width: 900px) {
  dialog.fdf-geld[open] { display: flex; flex-direction: column; }
  dialog.fdf-geld > .geld-lijf { max-height: none !important; flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
  dialog.fdf-geld > .geld-kop, dialog.fdf-geld > .fdf-greep { flex: 0 0 auto; }
}
@media (max-width: 900px) {
  .fdf-kostentarieven .geld-kop h3 { font-size: 20px; line-height: 1.25; }
  .fdf-kostentarieven .kt-vergelijk { width: 100%; margin-right: 0; }
  .fdf-kostentarieven .kt-vergelijk select { width: 100%; min-width: 0; }
  .fdf-kostentarieven .kt-balk button { flex: 1 1 auto; }
}
@media (max-width: 700px) {
  .fdf-kostentarieven .kt-bouw-rooster { grid-template-columns: 1fr 1fr; }
  .fdf-kostentarieven .kt-bouw-invoer { height: 42px; font-size: 16px; }
  .fdf-kostentarieven .kt-som { grid-template-columns: 1fr; }
  .fdf-kostentarieven .kt-som .som-brok { flex-direction: row; flex-wrap: wrap; align-items: baseline; column-gap: 10px; padding: 10px 12px; }
  .fdf-kostentarieven .kt-som .som-label { flex: 1 1 auto; }
  .fdf-kostentarieven .kt-som .som-waarde { font-size: 20px; }
  .fdf-kostentarieven .kt-som .som-onder { flex: 1 1 100%; }
  .fdf-kostentarieven .kt-wik { overflow: visible; }
  .fdf-kostentarieven .kt-tabel, .fdf-kostentarieven .kt-tabel tbody { display: block; min-width: 0 !important; width: 100% !important; }
  .fdf-kostentarieven .kt-tabel tr:not([data-kt]) { display: none; }
  .fdf-kostentarieven .kt-tabel tr[data-kt] {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 10px; position: relative;
    padding: 12px; margin: 0 0 10px; border: 1px solid var(--lijn); border-radius: 12px; background: var(--papier);
  }
  .fdf-kostentarieven .kt-tabel tr[data-kt] > td { display: block; padding: 0; border: 0; text-align: left; min-width: 0; }
  .fdf-kostentarieven .kt-tabel tr[data-kt] > td:first-child { grid-column: 1 / -1; padding-right: 44px; }
  .fdf-kostentarieven .kt-tabel td[data-l]::before {
    content: attr(data-l); display: block; margin-bottom: 3px;
    font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--zacht);
  }
  .fdf-kostentarieven .kt-tabel td.kt-weg { position: absolute; top: 12px; right: 12px; }
  .fdf-kostentarieven .kt-tabel td.kt-weg .wegknop { width: 42px; height: 42px; padding: 0; opacity: 1; font-size: 20px; line-height: 1; border: 1px solid var(--lijn); border-radius: 10px; color: var(--zacht); background: transparent; }
  .fdf-kostentarieven .kt-tabel input.kt-post, .fdf-kostentarieven .kt-tabel input.kt-eenheid, .fdf-kostentarieven .kt-tabel input.kt-kostprijs { width: 100%; min-width: 0; }
  .fdf-kostentarieven .kt-tabel input { height: 42px; font-size: 16px; }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.goed { color: #8fc79a; }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.min { color: #e59a95; }
}
:root[data-thema="donker"] body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.goed { color: #8fc79a; }
:root[data-thema="donker"] body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.min { color: #e59a95; }
@media (prefers-color-scheme: dark) { :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-kostentarieven .kt-hoe-schatting, :root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.krap { color: #e2c27a; } }
:root[data-thema="donker"] body.fdf-donker-aan .fdf-kostentarieven .kt-hoe-schatting, :root[data-thema="donker"] body.fdf-donker-aan .fdf-kostentarieven .kt-tabel td.krap { color: #e2c27a; }
@media (max-width: 900px) {
  .fdf-kostentarieven .kt-vergelijk { width: 100%; margin-right: 0; }
  .fdf-kostentarieven .kt-vergelijk select { width: 100%; }
  .fdf-kostentarieven .kt-balk button { flex: 1 1 auto; }
}


/* 25 september — kostentarieven in het werk */
.kt-werkbalk { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; padding: 10px 14px;
  border: 1px dashed var(--lijn-sterk); border-radius: 12px; font-size: 13px; line-height: 1.45; color: var(--zacht); }
.kt-werkbalk.aan { border-style: solid; border-color: rgba(47,107,58,.35); background: rgba(47,107,58,.06); }
.kt-werkbalk .kt-werkbalk-tekst { flex: 1 1 320px; min-width: 0; }
.kt-werkbalk b { color: var(--inkt); }
.kt-werkbalk.aan b { color: #2f6b3a; }
.cat-toevoegen select.kt-kiezer { width: auto; max-width: 240px; min-height: 32px; padding: 4px 28px 4px 12px; font-size: 12.5px; border-radius: 999px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kt-werkbalk.aan { border-color: rgba(143,199,154,.35); background: rgba(143,199,154,.07); }
  :root:not([data-thema="licht"]) body.fdf-donker-aan .kt-werkbalk.aan b { color: #8fc79a; }
}
:root[data-thema="donker"] body.fdf-donker-aan .kt-werkbalk.aan { border-color: rgba(143,199,154,.35); background: rgba(143,199,154,.07); }
:root[data-thema="donker"] body.fdf-donker-aan .kt-werkbalk.aan b { color: #8fc79a; }
@media (max-width: 700px) {
  .kt-werkbalk .klein { width: 100%; }
  .cat-toevoegen select.kt-kiezer { max-width: 100%; flex: 1 1 100%; min-height: 40px; font-size: 15px; }
}
@media print { .kt-werkbalk, .kt-kiezer { display: none !important; } }


/* =======================================================================
   RONDE 26 september — deel GG: de rest van het schuiven
   ======================================================================= */

/* ---- 5 het monogram in de zijbalk viel achter de glazen balk ----------
   De glazen bovenbalk staat bij het scrollen vast van 0 tot 63; de zijbalk
   plakte op 16, dus het merk erin (31 tot 90) verdween voor de helft. */
@media (min-width: 901px) {
  body.fdf-gescrold .zijbalk { top: 79px; }
}

/* ---- 2 elk schuifbakje houdt zijn veeg bij zich -----------------------
   Zonder overscroll-behavior loopt een veeg die het einde van een lijst
   bereikt door in de pagina erachter. Elk venster is zelf ook een
   schuifbakje (max-height + overflow:auto), dus die staan er als eerste. */
dialog,
.inlog,
#onderhoud-inhoud,
.omzet-facturen,
.factuurvenster-lijf,
.zoek-uitslag,
.kopie-lijst,
.plak-uitslag,
.stapel-voortgang,
.geld-lijf,
.fdf-foutvenster .plak-voorbeeld,
.werkmap-kijker {
  overscroll-behavior: contain;
}

/* de bakjes die naar links en rechts schuiven: die mogen de pagina niet
   meetrekken en ook de terugveeg van de telefoon niet uitlokken */
.werken-tabelwik,
.km-tabelwik,
.bank-tabelwik,
.tabelrol,
.uw-wik,
.kp-tabel,
.factuurstand,
.zijbalk,
.werkbalk-boven {
  overscroll-behavior: contain;
}

@media (max-width: 900px) {
  /* ---- 3 html mag geen schuifbakje zijn ------------------------------
     overflow-x: hidden houdt een brede tabel binnen het scherm, maar maakt
     html daarmee zelf een schuifbakje; iOS raakt dan zijn vloeiende nadraai
     kwijt. clip knipt precies hetzelfde af zonder schuifbakje. Browsers die
     clip niet kennen houden de regel erboven. */
  html { overflow-x: clip; }

  /* ---- 4 het gesloten menu staat niet meer in de tekening -------------
     Het menu "Meer" is 390 bij 665 punten, staat vast op zijn plek en heeft
     zijn eigen schuifbakje; het werd alleen weggeschoven. Met visibility
     gaat het er echt uit. De vertraging van .22s laat het dichtschuiven
     gewoon zien. */
  .werkbalk-boven {
    visibility: hidden; pointer-events: none;
    transition: transform .22s ease, visibility 0s linear .22s;
  }
  body.meer-open .werkbalk-boven {
    visibility: visible; pointer-events: auto;
    transition: transform .22s ease, visibility 0s linear 0s;
  }
  @media (prefers-reduced-motion: reduce) {
    .werkbalk-boven { transition: none; }
    body.meer-open .werkbalk-boven { transition: none; }
  }
}
/* 10 oktober — dagoverzicht en de kaart met de werken */
.dag-blok{display: flex;flex-direction: column;gap: 12px}
.dag-kop{margin-bottom: 0;flex-wrap: wrap}
.dag-kop h3{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}
.dag-datum{font-family: inherit;font-size: 13px;font-weight: 400;color: var(--zacht);letter-spacing: 0}
.dag-stempel{display: inline-flex;align-items: center;gap: 7px;font-size: 12px;color: var(--zacht);padding: 3px 10px;border: 1px solid var(--lijn);border-radius: 999px;background: var(--achtergrond);font-variant-numeric: tabular-nums;white-space: nowrap}
.dag-puls{width: 7px;height: 7px;border-radius: 50%;background: #3f8a4f;box-shadow: 0 0 0 0 rgba(63,138,79,.5);animation: dag-puls 2.4s ease-out infinite}
@keyframes dag-puls{0%{box-shadow: 0 0 0 0 rgba(63,138,79,.45)}70%{box-shadow: 0 0 0 7px rgba(63,138,79,0)}100%{box-shadow: 0 0 0 0 rgba(63,138,79,0)}}
@media (prefers-reduced-motion: reduce){.dag-puls{animation: none}}
.dag-saldo{display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px 14px;padding: 11px 14px;border-radius: 10px;background: var(--zand-licht);border: 1px solid var(--lijn)}
.dag-saldo > span{font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.dag-saldo b{font-family: Georgia, serif;font-size: 22px;font-weight: 400;font-variant-numeric: tabular-nums;color: var(--inkt)}
.dag-saldo.plus b{color: #3f6b45}
.dag-saldo.min b{color: var(--fout)}
.dag-saldo small{font-size: 12.5px;color: var(--zacht);margin-left: auto}
.dag-saldo small span{white-space: nowrap}
.dag-kolommen{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px}
.dag-kolom{display: flex;flex-direction: column;gap: 8px;min-width: 0;padding: 14px 16px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier)}
.dag-kolom.uit{border-top: 3px solid var(--fout)}
.dag-kolom.in{border-top: 3px solid #3f8a4f}
.dag-kolom-kop h4{margin: 0;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.dag-groot{display: flex;flex-direction: column;gap: 1px}
.dag-groot-label{font-size: 13px;color: var(--zacht)}
.dag-groot-waarde{font-family: Georgia, serif;font-size: 27px;line-height: 1.15;font-variant-numeric: tabular-nums;color: var(--inkt)}
.dag-groot-waarde.uit{color: var(--fout)}
.dag-groot-waarde.in{color: #3f6b45}
.dag-groot-sub{font-size: 12.5px;color: var(--zacht)}
.dag-lijst{list-style: none;margin: 2px 0 0;padding: 0;font-size: 13.5px}
.dag-rij{display: grid;grid-template-columns: minmax(0, 1fr) auto auto;align-items: center;gap: 4px 12px;padding: 8px 0;border-bottom: 1px solid var(--lijn)}
.dag-rij:last-child{border-bottom: 0}
.dag-rij.klikbaar{cursor: pointer}
.dag-rij.klikbaar:hover .dag-rij-kop b{text-decoration: underline;text-underline-offset: 2px}
.dag-rij:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: 2px;border-radius: 6px}
.dag-rij-tekst, .dag-rij-rechts{display: flex;flex-direction: column;min-width: 0}
.dag-rij-kop b{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block}
.dag-rij-sub{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.dag-rij-rechts{align-items: flex-end;text-align: right}
.dag-bedrag{font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap}
.dag-rij.laat .dag-rij-rechts .dag-rij-sub{color: var(--fout);font-weight: 600}
button.klein.dag-knop{margin: 0;min-height: 32px;min-width: 74px}
.dag-tussenkop{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;margin-top: 4px;padding: 7px 10px;border-radius: 8px;background: var(--achtergrond);font-size: 12.5px;color: var(--zacht)}
.dag-tussenkop b{font-variant-numeric: tabular-nums;color: var(--inkt);white-space: nowrap}
.dag-tussenkop.laat{background: var(--fout-vlak);color: var(--fout)}
.dag-tussenkop.laat b{color: var(--fout)}
button.klein.dag-meer{align-self: flex-start;margin: 2px 0 0}
.dag-leeg{margin: 4px 0 0}
.dag-ongedaan{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 7px 10px;border-radius: 8px;background: var(--zand-licht);font-size: 12.5px}
.dag-ongedaan button.klein{margin: 0}
.dag-noot{margin: 0;font-size: 12.5px;color: var(--waarschuwing);padding: 8px 12px;border-radius: 8px;background: var(--waarschuwing-vlak)}
.dag-voet{display: flex;flex-direction: column;gap: 8px}
.dag-voet > summary{cursor: pointer;font-size: 12.5px;color: var(--zacht);width: max-content;max-width: 100%;padding: 4px 0;list-style-position: inside}
.dag-voet > summary:hover{color: var(--inkt)}
.dag-voet[open] > summary{margin-bottom: 6px}
.dag-voet .hint{margin: 0;font-size: 12px}
.dag-instellingen{display: flex;flex-wrap: wrap;gap: 8px 18px;margin-top: 8px}
.dag-inst{display: inline-flex;align-items: center;gap: 8px;font-size: 12.5px;color: var(--zacht)}
.dag-inst select, .dag-inst input{font-size: 13px;padding: 4px 8px;min-height: 32px;border-radius: 7px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt)}
@media (max-width: 760px){
 .dag-kolommen{grid-template-columns: minmax(0, 1fr)}
 .dag-saldo small{margin-left: 0;flex-basis: 100%}
 .dag-rij{gap: 4px 8px}
 button.klein.dag-knop{min-width: 0;padding: 4px 9px}
 .dag-groot-waarde{font-size: 24px}
}

.wkrt-blok{display: flex;flex-direction: column;gap: 10px}
.wkrt-kop{flex-wrap: wrap;margin-bottom: 0}
.wkrt-filters{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}
.wkrt-filters button.klein{margin: 0;min-height: 32px}
.wkrt-filter.aan{background: var(--inkt);border-color: var(--inkt);color: var(--papier)}
.wkrt-midden{display: grid;grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);gap: 12px;align-items: stretch}
.wkrt-kaarthouder{position: relative;isolation: isolate;z-index: 0;min-width: 0;border-radius: 12px;overflow: hidden;border: 1px solid var(--lijn)}
.wkrt-kaart{height: 440px;width: 100%;background: #e9e6df;font: inherit}
.wkrt-kaart.leaflet-container{font: 12px/1.4 inherit;font-family: inherit}
.wkrt-kaart .leaflet-control-attribution{font-size: 10.5px}
.wkrt-kaart .leaflet-control-zoom a{color: #16150f}
.wkrt-ikoon{background: transparent;border: 0}
.wkrt-ikoon:focus-visible{outline: none}
.wkrt-ikoon:focus-visible .wkrt-stip{box-shadow: 0 0 0 3px #fff, 0 0 0 6px #16150f}
.wkrt-stip{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;box-sizing: border-box;border-radius: 50%;border: 2.5px solid #fff;box-shadow: 0 1px 4px rgba(0,0,0,.35);background: #9a9483;color: #fff;font-size: 12px;font-weight: 700;font-style: normal;font-variant-numeric: tabular-nums;cursor: pointer;transition: transform .14s ease}
.wkrt-ikoon:hover .wkrt-stip{transform: scale(1.15)}
.wkrt-stip.gekozen{transform: scale(1.25);box-shadow: 0 0 0 3px rgba(22,21,15,.85), 0 2px 8px rgba(0,0,0,.4)}
.wkrt-stip.s-uitvoering{background: #3f8a4f}
.wkrt-stip.s-voorbereiding{background: #4f7bab}
.wkrt-stip.s-hold{background: #d39a2c}
.wkrt-stip.s-klaar{background: #9a9483}
.wkrt-stip.mini{display: inline-block;flex: 0 0 11px;width: 11px;height: 11px;margin: 0 6px 0 0;padding: 0;border-width: 1.5px;box-shadow: 0 0 0 1px rgba(0,0,0,.12);vertical-align: -1px;cursor: inherit}
.wkrt-tip{position: absolute;inset: 0;z-index: 1100;display: flex;align-items: center;justify-content: center;padding: 20px;text-align: center;background: rgba(22,21,15,.45);color: #fff;font-size: 15px;font-weight: 600;opacity: 0;pointer-events: none;transition: opacity .2s ease}
.wkrt-tip.aan{opacity: 1}
.wkrt-plaatsbalk{position: absolute;left: 10px;right: 10px;top: 10px;z-index: 1100;display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 9px 12px;border-radius: 10px;background: var(--inkt);color: var(--papier);font-size: 13.5px;box-shadow: 0 4px 14px rgba(0,0,0,.25)}
.wkrt-plaatsbalk[hidden]{display: none}
.wkrt-plaatsbalk button.klein{margin: 0}
.plaatsen .wkrt-kaart.leaflet-container, .plaatsen .wkrt-kaart .leaflet-interactive, .plaatsen .wkrt-kaart .leaflet-marker-icon{cursor: crosshair}
.wkrt-info{display: flex;flex-direction: column;gap: 10px;min-width: 0;padding: 14px 16px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier);max-height: 440px;overflow: auto;overscroll-behavior: contain}
.wkrt-info h4{margin: 0;font-size: 16px;line-height: 1.3;overflow-wrap: anywhere}
.wkrt-info .hint{margin: 0}
.wkrt-info-kop{display: flex;align-items: flex-start;justify-content: space-between;gap: 10px}
.wkrt-keuze{display: flex;flex-direction: column;gap: 5px;padding-bottom: 10px;border-bottom: 1px solid var(--lijn)}
.wkrt-keuze-kop{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.wkrt-keuze button.klein{margin: 0;text-align: left;white-space: normal;display: flex;align-items: center}
.wkrt-keuze button.klein.aan{border-color: var(--inkt);font-weight: 600}
.wkrt-feiten{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 5px 12px;margin: 0;font-size: 13px}
.wkrt-feiten dt{color: var(--zacht)}
.wkrt-feiten dd{margin: 0;overflow-wrap: anywhere}
.wkrt-cijfers{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 6px}
.wkrt-cijfer{display: flex;flex-direction: column;padding: 7px 10px;border-radius: 8px;background: var(--achtergrond);font-size: 12px;color: var(--zacht)}
.wkrt-cijfer b{font-size: 14px;color: var(--inkt);font-variant-numeric: tabular-nums}
.wkrt-cijfer.positief b{color: #3f6b45}
.wkrt-cijfer.negatief b{color: var(--fout)}
.wkrt-cijfer.let-op b{color: var(--waarschuwing)}
.wkrt-nieuw{margin: 0;font-size: 13px;color: var(--waarschuwing);font-weight: 600}
.wkrt-notitie{margin: 0;font-size: 12.5px;color: var(--zacht);white-space: pre-line}
.wkrt-knoppen{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;position: sticky;bottom: -14px;margin: auto -16px -14px;padding: 10px 16px 14px;background: var(--papier);border-top: 1px solid var(--lijn)}
.wkrt-knoppen button, .wkrt-knoppen .knop{margin: 0;min-height: 34px}
.wkrt-knoppen button.primair{margin: 0}
.wkrt-voet{display: flex;flex-direction: column;gap: 8px;font-size: 12.5px;color: var(--zacht)}
.wkrt-legenda{display: flex;flex-wrap: wrap;gap: 6px 16px}
.wkrt-leg{display: inline-flex;align-items: center}
.wkrt-zonder summary{cursor: pointer;color: var(--waarschuwing);font-weight: 600}
.wkrt-zonderlijst{list-style: none;margin: 8px 0 0;padding: 0}
.wkrt-zonderlijst li{display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: 2px 10px;padding: 6px 0;border-bottom: 1px solid var(--lijn)}
.wkrt-zonderlijst li:last-child{border-bottom: 0}
.wkrt-zonderlijst li span{color: var(--inkt);overflow-wrap: anywhere}
.wkrt-zonderlijst li small{grid-column: 1;font-size: 11.5px;overflow-wrap: anywhere}
.wkrt-zonderlijst li button.klein{grid-column: 2;grid-row: 1 / span 2;margin: 0}
@media (min-width: 1100px){
 .wkrt-kaart{height: 500px}
 .wkrt-info{max-height: 500px}
}
@media (max-width: 900px){
 .wkrt-midden{grid-template-columns: minmax(0, 1fr)}
 .wkrt-kaart{height: 380px}
 .wkrt-info{max-height: none}
}
@media (max-width: 760px){
 .wkrt-kaart{height: 330px}
 .wkrt-filters{width: 100%}
}
@media (prefers-color-scheme: dark){
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-tegel{filter: invert(1) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.6)}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-kaart{background: #1e1d19}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-stip{border-color: #1b1a15}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-stip.gekozen{box-shadow: 0 0 0 3px rgba(241,236,225,.92), 0 2px 8px rgba(0,0,0,.5)}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-filter.aan{background: var(--inkt);color: #16150f}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .dag-saldo.plus b, :root:not([data-thema="licht"]) body.fdf-donker-aan .dag-groot-waarde.in, :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-cijfer.positief b{color: #8fc89a}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .dag-kolom.in{border-top-color: #5fa86f}
}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-tegel{filter: invert(1) hue-rotate(180deg) brightness(.82) contrast(.92) saturate(.6)}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-kaart{background: #1e1d19}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-stip{border-color: #1b1a15}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-stip.gekozen{box-shadow: 0 0 0 3px rgba(241,236,225,.92), 0 2px 8px rgba(0,0,0,.5)}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-filter.aan{background: var(--inkt);color: #16150f}
:root[data-thema="donker"] body.fdf-donker-aan .dag-saldo.plus b, :root[data-thema="donker"] body.fdf-donker-aan .dag-groot-waarde.in, :root[data-thema="donker"] body.fdf-donker-aan .wkrt-cijfer.positief b{color: #8fc89a}
:root[data-thema="donker"] body.fdf-donker-aan .dag-kolom.in{border-top-color: #5fa86f}
@media print{.kaartrij{display: none !important}}

.wkrt-lijstkop{display: flex;align-items: center;gap: 8px}
.wkrt-tel{font-size: 12px;min-width: 22px;height: 22px;padding: 0 7px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: var(--zand-licht);color: var(--zand-diep);font-weight: 600}
.wkrt-lijst{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column}
.wkrt-lijst li{border-bottom: 1px solid var(--lijn)}
.wkrt-lijst li:last-child{border-bottom: 0}
button.wkrt-lijstknop{all: unset;box-sizing: border-box;display: flex;align-items: center;gap: 10px;width: 100%;padding: 9px 6px;border-radius: 8px;cursor: pointer;min-height: 44px}
@media (hover: hover){button.wkrt-lijstknop:hover{background: var(--zand-licht)}}
button.wkrt-lijstknop:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: -2px}
button.wkrt-lijstknop .wkrt-stip.mini{margin: 0}
.wkrt-lijsttekst{display: flex;flex-direction: column;min-width: 0}
.wkrt-lijsttekst b{font-weight: 600;font-size: 13.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wkrt-lijsttekst small{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.wkrt-lijsttekst small.wkrt-geenplek{color: var(--waarschuwing)}
button.klein.wkrt-meer, button.klein.wkrt-terug{align-self: flex-start;margin: 0}
button.klein.wkrt-terug{border: 0;background: none;padding: 4px 0;color: var(--zacht);min-height: 34px}
button.klein.wkrt-terug:hover{color: var(--inkt)}
/* 11 oktober — de voorpagina rustiger en mooier (alleen #startpagina.vp2) */
#startpagina.vp2{--vp-rond: 16px;--vp-gat: 16px;--vp-schaduw: 0 1px 2px rgba(22,21,15,.04), 0 6px 18px -10px rgba(22,21,15,.16);--vp-schaduw-zweef: 0 2px 4px rgba(22,21,15,.05), 0 14px 30px -14px rgba(22,21,15,.28)}
#startpagina.vp2 > .start-rij, #startpagina.vp2 > .start-cijfers, #startpagina.vp2 > .fdf-jaarlijn{margin-top: var(--vp-gat)}
#startpagina.vp2 .start-rij{gap: var(--vp-gat)}
#startpagina.vp2 .start-blok{border-radius: var(--vp-rond);box-shadow: var(--vp-schaduw);padding: 20px 22px}
#startpagina.vp2 .fdf-jaarlijn{border-radius: var(--vp-rond);box-shadow: var(--vp-schaduw)}

/* blokkoppen: één stijl, met icoon */
#startpagina.vp2 h3.vp-kop{display: flex;align-items: center;gap: 9px;font-family: inherit;font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);font-weight: 650}
#startpagina.vp2 .vp-ikoon{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: 9px;background: var(--zand-licht);color: var(--zand-diep);letter-spacing: 0}
#startpagina.vp2 .vp-ikoon svg{width: 16px;height: 16px}
#startpagina.vp2 .start-blok-kop{margin-bottom: 12px;flex-wrap: wrap;row-gap: 8px}
#startpagina.vp2 h3.vp-kop{white-space: nowrap;min-width: 0}
#startpagina.vp2 h3.vp-kop .dag-datum{font-family: inherit;text-transform: none;letter-spacing: 0;font-weight: 400;font-size: 13px;color: var(--zacht)}
#startpagina.vp2 .start-hero .start-kop > *{min-width: 0;max-width: 100%}
#startpagina.vp2 .start-blok-kop button.klein{border-radius: 999px;padding: 6px 12px;min-height: 32px}

/* de kop */
#startpagina.vp2 .start-hero{padding: 26px 30px 24px;border-radius: 20px}
#startpagina.vp2 .start-hero .start-kop{gap: 18px 28px}
#startpagina.vp2 .start-hero .start-kop h2{font-size: 30px;line-height: 1.15;margin: 0}
#startpagina.vp2 .start-hero .start-datum{margin: 6px 0 0}
#startpagina.vp2 .start-briefing{margin: 12px 0 0;max-width: 62ch;font-size: 15px;line-height: 1.5;color: #e9e2d3}
#startpagina.vp2 .start-briefing b{color: #fdfaf4;font-weight: 600;white-space: nowrap}
#startpagina.vp2 .start-briefing button{all: unset;cursor: pointer;border-radius: 6px}
#startpagina.vp2 .start-briefing button:focus-visible{outline: 2px solid #e2d3b3;outline-offset: 3px}
#startpagina.vp2 .start-briefing .uit{color: #f0b4ad}
#startpagina.vp2 .start-briefing .in{color: #a9d6af}
#startpagina.vp2 .start-hero .start-chips{margin-top: 14px}
#startpagina.vp2 .start-hero .start-acties{gap: 6px}
#startpagina.vp2 .start-hero .start-acties button{font-size: 13px;padding: 8px 14px;border-radius: 999px;min-height: 38px}
#startpagina.vp2 .start-hero .start-acties button:not(.primair){background: transparent}

/* kerncijfers */
#startpagina.vp2 .start-cijfers{gap: 12px}
@media (min-width: 1600px){#startpagina.vp2 .start-cijfers{grid-template-columns: repeat(6, minmax(0, 1fr)) !important}}
@media (min-width: 700px) and (max-width: 1599px){#startpagina.vp2 .start-cijfers{grid-template-columns: repeat(3, minmax(0, 1fr)) !important}}
#startpagina.vp2 .start-cijfer{border-radius: 14px;box-shadow: var(--vp-schaduw);padding: 14px 16px 13px;gap: 3px;min-width: 0}
#startpagina.vp2 .start-cijfer-label{font-size: 11px;letter-spacing: .08em;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#startpagina.vp2 .start-cijfer-waarde{font-size: 26px;line-height: 1.12;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#startpagina.vp2 .start-cijfer-sub{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#startpagina.vp2 .start-cijfer.is-nul .start-cijfer-waarde{color: var(--zacht);opacity: .75}
#startpagina.vp2 .start-cijfer.is-nul::after{opacity: .25}
@media (hover: hover){#startpagina.vp2 .start-cijfer.klikbaar:hover{box-shadow: var(--vp-schaduw-zweef)}}
#startpagina.vp2 .start-cijfer:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: 2px}

/* lege blokken: weg, of klein en rustig */
#startpagina.vp2 .start-blok.vp-weg{display: none !important}
@media (min-width: 700px){
 #startpagina.vp2 .start-rij.vp-enkel, #startpagina.vp2 .start-rij.vp-gestapeld{grid-template-columns: minmax(0, 1fr) !important;align-items: start}
 #startpagina.vp2 .start-rij.vp-meet{align-items: start !important}
 #startpagina.vp2 .start-rij.vp-meet > .start-blok > p.hint:only-of-type, #startpagina.vp2 .start-rij.vp-gestapeld > .start-blok > p.hint:only-of-type, #startpagina.vp2 .start-rij.vp-enkel > .start-blok > p.hint:only-of-type{margin-top: 2px;margin-bottom: 0}
}
/* lijsten met mensen en berichten: in kolommen als er ruimte is */
#startpagina.vp2 ul.start-ploeg, #startpagina.vp2 ul.start-ub{display: grid;grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));column-gap: 22px}
/* in kolommen mag een regel smaller worden dan zijn langste woord: lange
   namen en e-mailadressen krijgen "…" in plaats van over het label heen */
#startpagina.vp2 ul.start-ploeg > li, #startpagina.vp2 ul.start-ub > li, #startpagina.vp2 ul.start-md > li{min-width: 0}
#startpagina.vp2 .start-ub-tekst > b, #startpagina.vp2 .start-ploeg-tekst > b, #startpagina.vp2 .start-ub-tekst > .start-ub-sub, #startpagina.vp2 .start-ploeg-tekst > .start-ub-sub{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
#startpagina.vp2 ul.start-ploeg > li > .start-pil, #startpagina.vp2 ul.start-ub > li > .start-ub-uren{flex: 0 0 auto}
#startpagina.vp2 ul.start-md{display: grid;grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));column-gap: 22px}
/* laatste bewegingen: dubbele regels samen */
#startpagina.vp2 .vp-maal{display: inline-flex;align-items: center;margin-left: 8px;padding: 1px 7px;border-radius: 999px;background: var(--zand-licht);color: var(--zand-diep);font-size: 11px;font-weight: 650;font-variant-numeric: tabular-nums}
/* het dagoverzicht: de korte kolom niet oprekken */
#startpagina.vp2 .dag-kolommen{align-items: start}
/* rechts in de kop: vandaag in drie getallen (brede schermen) */
#startpagina.vp2 .vp-vandaag{display: none}
@media (min-width: 1100px){
 #startpagina.vp2 .start-hero .start-kop{display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 28px;align-items: start}
 #startpagina.vp2 .start-hero .start-kop > div:first-child{grid-column: 1;grid-row: 1}
 #startpagina.vp2 .start-hero .start-kop > .start-acties{grid-column: 1 / -1;grid-row: 2;margin-top: 16px}
 #startpagina.vp2 .start-hero .start-kop > .vp-vandaag{grid-column: 2;grid-row: 1;align-self: center;display: grid;grid-template-columns: repeat(3, minmax(128px, auto));gap: 10px}
 #startpagina.vp2 .start-briefing{display: none}
}
#startpagina.vp2 button.vp-vandaag-stuk{all: unset;box-sizing: border-box;cursor: pointer;display: flex;flex-direction: column;gap: 3px;padding: 14px 16px 13px;border-radius: 14px;background: rgba(255,255,255,.06);border: 1px solid rgba(255,255,255,.14);min-width: 128px;transition: background .15s ease, border-color .15s ease}
@media (hover: hover){#startpagina.vp2 button.vp-vandaag-stuk:hover{background: rgba(255,255,255,.11);border-color: rgba(226,211,179,.5)}}
#startpagina.vp2 button.vp-vandaag-stuk:focus-visible{outline: 2px solid #e2d3b3;outline-offset: 2px}
#startpagina.vp2 .vp-vandaag-stuk .vp-vl{font-size: 11px;letter-spacing: .08em;text-transform: uppercase;color: #b9ae98;font-weight: 600}
#startpagina.vp2 .vp-vandaag-stuk b{font-family: Georgia, serif;font-weight: 400;font-size: 25px;line-height: 1.15;color: #fdfaf4;font-variant-numeric: tabular-nums;white-space: nowrap}
#startpagina.vp2 .vp-vandaag-stuk small{font-size: 12px;color: #b9ae98;white-space: nowrap}
#startpagina.vp2 .vp-vandaag-stuk.uit b{color: #f0b4ad}
#startpagina.vp2 .vp-vandaag-stuk.in b{color: #a9d6af}
#startpagina.vp2 .vp-vandaag-stuk.laat{border-color: rgba(236,201,140,.4);background: rgba(236,201,140,.08)}
#startpagina.vp2 .vp-vandaag-stuk.laat b, #startpagina.vp2 .vp-vandaag-stuk.laat small{color: #ecc98c}

/* lege blokken: klein en rustig */
#startpagina.vp2 .start-blok.is-leeg{padding-top: 16px;padding-bottom: 16px}
#startpagina.vp2 .start-blok.is-leeg > p.hint, #startpagina.vp2 .start-blok.is-leeg > .hint{margin: 2px 0 0 !important;color: var(--zacht)}
#startpagina.vp2 .start-blok.is-leeg .start-blok-kop{margin-bottom: 6px}

/* werktabel */
#startpagina.vp2 .start-werktabel tr.werkrij{transition: background .12s ease}
@media (hover: hover){#startpagina.vp2 .start-werktabel tr.werkrij:hover{background: var(--zand-licht)}}
#startpagina.vp2 .start-werktabel td.vp-nul{color: var(--lijn-sterk)}

/* jaarlijn: de legenda (de klasse .omzet van de omzetteller liep erin door) */
#startpagina .jl-legenda .jl-stip{flex: 0 0 auto;width: 11px;height: 11px;margin: 0;padding: 0;border-radius: 3px;box-shadow: none;color: inherit}
#startpagina .jl-legenda .jl-stip.omzet{background: #3f6b45}
#startpagina .jl-legenda .jl-stip.omzet::before, #startpagina .jl-legenda .jl-stip.omzet::after{display: none}
#startpagina .jl-legenda .jl-stip.vorig{height: 0;width: 14px;border-radius: 0;background: none}

/* telefoon: kop, chips, knoppen en kerncijfers als veegbare stroken */
@media (max-width: 699px){
 #startpagina.vp2{--vp-gat: 12px}
 #startpagina.vp2 .start-hero{padding: 20px 18px 18px;border-radius: 18px}
 #startpagina.vp2 .start-hero .start-kop h2{font-size: 24px}
 #startpagina.vp2 .start-briefing{font-size: 14px;margin-top: 10px}
 #startpagina.vp2 .start-hero .start-chips, #startpagina.vp2 .start-hero .start-acties{flex-wrap: nowrap;overflow-x: auto;overscroll-behavior-x: contain;scrollbar-width: none;-webkit-overflow-scrolling: touch;margin-left: -18px;margin-right: -18px;padding: 2px 18px;scroll-padding: 0 18px}
 #startpagina.vp2 .start-hero .start-chips::-webkit-scrollbar, #startpagina.vp2 .start-hero .start-acties::-webkit-scrollbar, #startpagina.vp2 .start-cijfers::-webkit-scrollbar{display: none}
 #startpagina.vp2 .start-hero .start-chip{flex: 0 0 auto;white-space: nowrap}
 #startpagina.vp2 .start-hero .start-acties{margin-top: 12px}
 #startpagina.vp2 .start-hero .start-acties button{flex: 0 0 auto !important;white-space: nowrap;padding: 8px 14px;min-height: 40px}
 #startpagina.vp2 .start-cijfers{display: flex !important;gap: 10px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scrollbar-width: none;margin-left: -16px;margin-right: -16px;padding: 2px 16px 6px;scroll-padding: 0 16px}
 #startpagina.vp2 .start-cijfer{flex: 0 0 158px;scroll-snap-align: start;padding: 12px 14px 11px}
 #startpagina.vp2 .start-cijfer-label{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 2.6em}
 #startpagina.vp2 .start-cijfer-sub{white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
 #startpagina.vp2 .start-hero .start-kop{display: flex;flex-direction: column;align-items: stretch;gap: 0}
 #startpagina.vp2 h3.vp-kop{white-space: normal}
 #startpagina.vp2 .start-cijfer-waarde{font-size: 23px}
 #startpagina.vp2 .start-blok{padding: 16px 16px}
 #startpagina.vp2 .vp-ikoon{width: 26px;height: 26px}
}

/* donkere weergave */
@media (prefers-color-scheme: dark){
 :root:not([data-thema="licht"]) body.fdf-donker-aan #startpagina.vp2{--vp-schaduw: 0 1px 2px rgba(0,0,0,.3), 0 8px 22px -12px rgba(0,0,0,.6);--vp-schaduw-zweef: 0 2px 4px rgba(0,0,0,.35), 0 16px 32px -14px rgba(0,0,0,.7)}
 :root:not([data-thema="licht"]) body.fdf-donker-aan #startpagina.vp2 .vp-ikoon{background: #2a261c;color: #d6c7a6}
 :root:not([data-thema="licht"]) body.fdf-donker-aan #startpagina.vp2 .start-werktabel td.vp-nul{color: #5a5446}
}
:root[data-thema="donker"] body.fdf-donker-aan #startpagina.vp2{--vp-schaduw: 0 1px 2px rgba(0,0,0,.3), 0 8px 22px -12px rgba(0,0,0,.6);--vp-schaduw-zweef: 0 2px 4px rgba(0,0,0,.35), 0 16px 32px -14px rgba(0,0,0,.7)}
:root[data-thema="donker"] body.fdf-donker-aan #startpagina.vp2 .vp-ikoon{background: #2a261c;color: #d6c7a6}
:root[data-thema="donker"] body.fdf-donker-aan #startpagina.vp2 .start-werktabel td.vp-nul{color: #5a5446}
@media (prefers-reduced-motion: reduce){#startpagina.vp2 .start-cijfer, #startpagina.vp2 .start-werktabel tr.werkrij{transition: none}}
/* 20 oktober — offertes per opdrachtgever met zijn tarievenlijst */
dialog.off2{width: min(1180px, 96vw);max-width: none;max-height: 94vh;padding: 0;border: 0;border-radius: 18px;background: var(--papier);color: var(--inkt);box-shadow: 0 24px 60px rgba(0,0,0,.28);display: none;flex-direction: column;overflow: hidden}
dialog.off2[open]{display: flex}
dialog.off2::backdrop{background: rgba(30,26,20,.45)}
dialog.off2.off2-overzicht{width: min(980px, 96vw)}
.off2-kop{display: flex;align-items: flex-start;justify-content: space-between;gap: 12px;padding: 16px 20px 12px;border-bottom: 1px solid var(--lijn);background: var(--achtergrond)}
.off2-titel{min-width: 0;flex: 1 1 auto}
.off2-titel h3{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 22px;line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.off2-sub{margin: 3px 0 0;font-size: 13px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.off2-kopknoppen{display: flex;gap: 8px;flex-shrink: 0;align-items: center}
.off2-kopknoppen button{margin: 0}
.off2-lijf{overflow: auto;padding: 14px 20px 18px;display: flex;flex-direction: column;gap: 14px;flex: 1 1 auto;min-height: 0;-webkit-overflow-scrolling: touch}
.off2-blok{border: 1px solid var(--lijn);border-radius: 12px;padding: 12px 14px 14px;background: var(--papier)}
.off2-blok > h4{margin: 0 0 10px;font-size: 12px;letter-spacing: .09em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.off2-raster{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px 12px}
.off2-veld{display: flex;flex-direction: column;gap: 4px;min-width: 0;font-size: 12.5px;color: var(--zacht)}
.off2-veld.off2-wijd{grid-column: span 2}
.off2-veld input, .off2-veld select{font: inherit;font-size: 14.5px;color: var(--inkt);padding: 8px 10px;min-height: 40px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);width: 100%;box-sizing: border-box;min-width: 0}
.off2-veld input:focus, .off2-veld select:focus, .off2-regel input:focus, .off2-picker-kop input:focus, .off2-balk input:focus{outline: 2px solid var(--zand-diep);outline-offset: 0;border-color: transparent}
.off2-chips, .off2-filters{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px}
button.off2-chip{margin: 0;font-size: 13px;padding: 6px 12px;min-height: 34px;border-radius: 999px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);cursor: pointer;white-space: nowrap;max-width: 100%;overflow: hidden;text-overflow: ellipsis}
button.off2-chip:hover{border-color: var(--zand-diep)}
button.off2-chip.aan{background: var(--inkt);border-color: var(--inkt);color: var(--papier)}
.off2-reden{margin: 8px 0 0;font-size: 12.5px;color: var(--zacht)}
.off2-adres{margin-top: 10px;border-top: 1px dashed var(--lijn);padding-top: 8px}
.off2-adres > summary{cursor: pointer;display: flex;gap: 10px;align-items: baseline;font-size: 13px;padding: 4px 0;list-style-position: inside;min-width: 0}
.off2-adres > summary span{color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}
.off2-adres > summary span.let-op{color: var(--waarschuwing)}
.off2-adres[open] > summary{margin-bottom: 8px}
.off2-vink{display: inline-flex;gap: 8px;align-items: center;margin-top: 10px;font-size: 13px;color: var(--zacht)}
.off2-deling{display: grid;grid-template-columns: minmax(250px, 330px) minmax(0, 1fr);gap: 14px;align-items: start}
.off2-picker{border: 1px solid var(--lijn);border-radius: 10px;background: var(--achtergrond);display: flex;flex-direction: column;max-height: 520px;min-width: 0;position: sticky;top: 0}
.off2-picker-kop{display: flex;flex-direction: column;gap: 6px;padding: 10px;border-bottom: 1px solid var(--lijn)}
.off2-picker-kop b{font-size: 13px}
.off2-picker-kop input{font: inherit;font-size: 14.5px;padding: 7px 10px;min-height: 38px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt);width: 100%;box-sizing: border-box}
.off2-picker-lijst{overflow: auto;padding: 4px 6px 8px;-webkit-overflow-scrolling: touch}
.off2-picker-lijst .hint{margin: 8px 6px;font-size: 12.5px}
.off2-groep{font-size: 11px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;padding: 10px 6px 4px}
button.off2-post{display: flex;justify-content: space-between;align-items: baseline;gap: 10px;width: 100%;margin: 0;padding: 8px 8px;min-height: 40px;border: 0;border-radius: 8px;background: transparent;color: var(--inkt);font: inherit;font-size: 13.5px;text-align: left;cursor: pointer}
button.off2-post:hover, button.off2-post:focus-visible{background: var(--zand-licht)}
button.off2-post:active{transform: scale(.99)}
.off2-post-naam{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.off2-post-prijs{flex-shrink: 0;font-variant-numeric: tabular-nums;color: var(--zacht);font-size: 12.5px;white-space: nowrap}
.off2-al{font-style: normal;font-size: 11px;margin-left: 6px;padding: 1px 6px;border-radius: 999px;background: var(--inkt);color: var(--papier);vertical-align: 1px}
.off2-regelkant{min-width: 0;display: flex;flex-direction: column;gap: 10px}
.off2-regels{display: flex;flex-direction: column;min-width: 0}
.off2-regel{display: grid;grid-template-columns: minmax(0, 1fr) 82px 78px 104px 104px 96px;grid-template-areas: "oms aantal eenheid prijs bedrag acties" "noot noot noot noot noot noot";gap: 2px 8px;align-items: center;padding: 7px 0;border-bottom: 1px solid var(--lijn);min-width: 0}
.off2-regel > *{min-width: 0}
.off2-regel.off2-regelkop{grid-template-areas: none;font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600;padding: 0 0 6px}
.off2-regel.off2-regelkop span:nth-child(n+2):nth-child(-n+5){text-align: right}
.off2-regel.off2-regelkop span:nth-child(3){text-align: left}
.off2-regel input{font: inherit;font-size: 14px;color: var(--inkt);padding: 6px 8px;min-height: 36px;border: 1px solid var(--lijn);border-radius: 7px;background: var(--papier);width: 100%;box-sizing: border-box}
.off2-omswrap{grid-area: oms;display: flex;flex-direction: column;gap: 3px}
.off2-toel{font-size: 12.5px !important;min-height: 30px !important;color: var(--zacht) !important}
.off2-aantal{grid-area: aantal}
.off2-eenheid{grid-area: eenheid}
.off2-prijs{grid-area: prijs}
.off2-getal{text-align: right;font-variant-numeric: tabular-nums}
.off2-aantal::placeholder{font-size: 11.5px}
.off2-bedrag{grid-area: bedrag;text-align: right;font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap}
.off2-bedrag.prijs{font-weight: 400;color: var(--zacht);font-size: 12.5px}
.off2-acties{grid-area: acties;display: flex;gap: 3px;justify-content: flex-end}
button.off2-mini{margin: 0;width: 30px;height: 32px;min-height: 32px;padding: 0;border-radius: 7px;border: 1px solid var(--lijn);background: var(--papier);color: var(--zacht);font-size: 15px;line-height: 1;cursor: pointer}
button.off2-mini:hover:not(:disabled){color: var(--inkt);border-color: var(--lijn-sterk)}
button.off2-mini:disabled{opacity: .35;cursor: default}
button.off2-mini.weg:hover{color: var(--fout);border-color: var(--fout)}
.off2-lijstnoot{grid-area: noot;font-size: 11.5px;color: var(--zacht);display: flex;gap: 8px;align-items: baseline;flex-wrap: wrap}
.off2-lijstnoot:empty{display: none}
.off2-regel.afwijkend .off2-prijs{border-color: var(--waarschuwing);background: var(--waarschuwing-vlak)}
.off2-regel.afwijkend .off2-lijstnoot{color: var(--waarschuwing)}
button.off2-link{margin: 0;padding: 0;border: 0;background: none;color: var(--zand-diep);font: inherit;font-size: 11.5px;text-decoration: underline;text-underline-offset: 2px;cursor: pointer;min-height: 0}
.off2-regel.kop{grid-template-areas: "oms oms oms oms oms acties"}
.off2-regel.kop > .off2-oms{grid-area: oms;font-weight: 600;background: var(--achtergrond)}
.off2-regel.flits{animation: off2-flits .9s ease-out}
@keyframes off2-flits{0%{background: var(--zand-licht)}100%{background: transparent}}
@media (prefers-reduced-motion: reduce){.off2-regel.flits{animation: none}}
.off2-leeg{margin: 6px 0;padding: 18px 16px;border: 1px dashed var(--lijn-sterk);border-radius: 10px;color: var(--zacht);font-size: 13.5px;text-align: center}
.off2-regelknoppen{display: flex;gap: 8px;flex-wrap: wrap}
.off2-regelknoppen button{margin: 0}
.off2-som{align-self: flex-end;width: min(380px, 100%);display: flex;flex-direction: column;gap: 4px;padding: 10px 14px;border-radius: 10px;background: var(--achtergrond);border: 1px solid var(--lijn)}
.off2-somrij{display: flex;justify-content: space-between;gap: 12px;font-size: 13.5px}
.off2-somrij b{font-variant-numeric: tabular-nums;font-weight: 600}
.off2-somrij.totaal{border-top: 1px solid var(--lijn-sterk);padding-top: 6px;margin-top: 2px;font-size: 15px}
.off2-somrij.totaal b{font-family: Georgia, serif;font-weight: 400;font-size: 20px}
.off2-marge{margin-top: 6px;font-size: 12px;color: var(--zacht);padding: 6px 8px;border-radius: 7px;background: var(--papier);border-left: 3px solid var(--lijn-sterk)}
.off2-marge.groen{border-left-color: #3f8a4f}
.off2-marge.oranje{border-left-color: var(--waarschuwing)}
.off2-marge.rood{border-left-color: var(--fout);color: var(--fout)}
.off2-noot{margin: 4px 0 0;font-size: 12px;color: var(--zacht)}
.off2-waarschuwing{margin: 8px 0 0;font-size: 12.5px;color: var(--waarschuwing);padding: 8px 12px;border-radius: 8px;background: var(--waarschuwing-vlak)}
.off2-voorbeeld iframe{width: 100%;height: 70vh;border: 0;border-radius: 8px;background: #fff}
.off2-voet{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;padding: 12px 20px;border-top: 1px solid var(--lijn);background: var(--achtergrond)}
.off2-meld{font-size: 13px;color: var(--zacht);min-width: 0;flex: 1 1 260px}
.off2-meld.fout{color: var(--fout);font-weight: 600}
.off2-voetknoppen{display: flex;gap: 8px;flex-wrap: wrap;justify-content: flex-end}
.off2-voetknoppen button{margin: 0}
.off2-stand{display: inline-block;font-size: 11px;letter-spacing: .04em;padding: 2px 9px;border-radius: 999px;background: var(--achtergrond);border: 1px solid var(--lijn);color: var(--zacht);font-weight: 600;vertical-align: 1px;white-space: nowrap}
.off2-stand.verstuurd{background: var(--st-uitvoering-vlak, #e8eef5);color: var(--st-uitvoering, #3b5b7a);border-color: transparent}
.off2-stand.akkoord{background: #e5f1e7;color: #2f6b3c;border-color: transparent}
.off2-stand.afgewezen{background: var(--fout-vlak);color: var(--fout);border-color: transparent}
.off2-stand.verlopen{background: var(--waarschuwing-vlak);color: var(--waarschuwing);border-color: transparent}
.off2-tegels{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px}
.off2-tegel{display: flex;flex-direction: column;gap: 2px;padding: 12px 14px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier);min-width: 0}
.off2-tegel span{font-size: 11.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.off2-tegel b{font-family: Georgia, serif;font-weight: 400;font-size: 24px;font-variant-numeric: tabular-nums;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.off2-tegel small{font-size: 12px;color: var(--zacht)}
.off2-balk{display: flex;flex-direction: column;gap: 8px}
.off2-balk input{font: inherit;font-size: 14.5px;padding: 8px 12px;min-height: 40px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt);width: 100%;box-sizing: border-box}
.off2-filters{margin-bottom: 0}
.off2-ovlijst{display: flex;flex-direction: column}
.off2-ovrij{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-areas: "tekst bedrag" "acties acties";gap: 6px 14px;padding: 12px 2px;border-bottom: 1px solid var(--lijn);min-width: 0}
.off2-ovtekst{grid-area: tekst;min-width: 0}
.off2-ovkop{display: flex;gap: 8px;align-items: baseline}
.off2-ovnaam{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2px}
.off2-ovsub{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.off2-ovbedrag{grid-area: bedrag;font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap;align-self: start}
.off2-ovacties{grid-area: acties;display: flex;gap: 6px;flex-wrap: wrap}
.off2-ovacties button{margin: 0}
body.fdf-geen-facturen #offertes-knop, body.fdf-geen-facturen .off2-tarknop{display: none}
@media (max-width: 980px){
 .off2-deling{grid-template-columns: minmax(0, 1fr)}
 .off2-picker{position: static;max-height: 320px}
 .off2-raster{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
@media (max-width: 640px){
 dialog.off2, dialog.off2.off2-overzicht{width: 100vw;max-width: 100vw;height: 100%;max-height: 100%;margin: 0;border-radius: 0}
 .off2-kop{padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px}
 .off2-titel h3{font-size: 19px}
 .off2-kopknoppen button{min-height: 38px}
 .off2-lijf{padding: 12px 12px 16px}
 .off2-blok{padding: 10px 12px 12px}
 .off2-raster{grid-template-columns: minmax(0, 1fr)}
 .off2-veld.off2-wijd{grid-column: auto}
 .off2-veld input, .off2-veld select, .off2-regel input, .off2-picker-kop input, .off2-balk input{font-size: 16px}
 .off2-toel{font-size: 14px !important}
 .off2-chips{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;margin-right: -12px;padding-right: 12px}
 .off2-chips::-webkit-scrollbar{display: none}
 .off2-regel.off2-regelkop{display: none}
 .off2-regel{grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1fr);grid-template-areas: "oms oms oms" "aantal eenheid prijs" "noot noot noot" "acties acties bedrag";gap: 6px 8px;padding: 10px 0}
 .off2-regel.kop{grid-template-areas: "oms oms oms" "acties acties acties"}
 .off2-hwoord{display: none}
 .off2-bedrag{font-size: 15px}
 .off2-acties{justify-content: flex-start}
 button.off2-mini{width: 40px;height: 36px}
 .off2-som{width: 100%;box-sizing: border-box}
 .off2-voet{padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));gap: 8px}
 .off2-meld{flex-basis: 100%}
 .off2-voetknoppen{width: 100%;justify-content: stretch}
 .off2-voetknoppen button{flex: 1 1 auto}
 .off2-voetknoppen button.primair{flex-basis: 100%;order: 9}
 .off2-tegels{grid-template-columns: minmax(0, 1fr)}
 .off2-filters{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none}
 .off2-kopknoppen{flex-wrap: wrap;justify-content: flex-end}
}
.off2-post-prijs.leeg{font-style: italic}
/* 21 oktober — opvolgen: facturen te laat en offertes die wachten */
.opvolgrij.opv-niets{display: none}
.opv-blok{display: flex;flex-direction: column;gap: 12px}
.opv-kop{margin-bottom: 0;flex-wrap: wrap}
.opv-kop h3{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}
.opv-samen{font-family: inherit;font-size: 13px;font-weight: 400;color: var(--zacht);letter-spacing: 0;text-transform: none}
.opv-raster{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px}
.opv-kolom{display: flex;flex-direction: column;min-width: 0;padding: 12px 16px 8px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier)}
.opv-kolom.opv-facturen{border-top: 3px solid var(--fout)}
.opv-kolom.opv-offertes{border-top: 3px solid var(--zand)}
.opv-kolomkop{display: flex;align-items: baseline;gap: 8px;padding-bottom: 6px;border-bottom: 1px solid var(--lijn)}
.opv-kolomnaam{font-size: 12px;letter-spacing: .1em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.opv-tel{font-size: 11.5px;font-weight: 600;min-width: 20px;height: 20px;padding: 0 6px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: var(--zand-licht);color: var(--inkt);font-variant-numeric: tabular-nums}
.opv-facturen .opv-tel{background: var(--fout-vlak);color: var(--fout)}
.opv-som{margin-left: auto;font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap;font-size: 13.5px}
.opv-facturen .opv-som{color: var(--fout)}
.opv-rij{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-areas: "tekst bedrag" "knoppen knoppen";align-items: center;gap: 6px 12px;padding: 10px 0;border-bottom: 1px solid var(--lijn);font-size: 13.5px}
.opv-rij:last-of-type{border-bottom: 0}
.opv-tekst{grid-area: tekst;display: flex;flex-direction: column;min-width: 0}
.opv-naam{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--inkt);font-size: inherit;text-align: left}
button.opv-naam{all: unset;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;color: var(--inkt);font-size: 13.5px;border-radius: 4px}
button.opv-naam:hover{text-decoration: underline;text-underline-offset: 2px}
button.opv-naam:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: 2px}
.opv-sub{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.opv-facturen .opv-sub, .opv-rij.verlopen .opv-sub{color: var(--fout)}
.opv-rij.bijna .opv-sub{color: var(--waarschuwing)}
.opv-bedrag{grid-area: bedrag;font-variant-numeric: tabular-nums;font-weight: 600;white-space: nowrap;text-align: right}
.opv-knoppen{grid-area: knoppen;display: flex;flex-wrap: wrap;gap: 6px}
.opv-knoppen button.klein{margin: 0;min-height: 32px}
button.klein.opv-meer{align-self: flex-start;margin: 8px 0 4px}
.opv-niets-hier{margin: 10px 0 8px;font-size: 13px;color: var(--zacht)}
@media (max-width: 760px){
 .opv-raster{grid-template-columns: minmax(0, 1fr)}
 .opv-kolom{padding: 10px 12px 6px}
 .opv-sub{white-space: normal}
 .opv-knoppen{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);gap: 6px}
 .opv-knoppen button.klein{min-height: 38px;padding: 0 4px;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
}
.opv-tekst button.opv-naam{background: none !important;border: 0 !important;box-shadow: none !important;padding: 0 !important;min-height: 0 !important;margin: 0 !important;max-width: 100%}
/* 21 oktober — uiterlijk: tien verbeteringen (vooral telefoon en tablet) */

/* 1. Projecten: zes kerncijfers netjes in rijen van 3 (tablet) of 2 (telefoon), geen losse wees-tegel */
@media (max-width: 1300px){
 #projecten-samenvatting .som-rij{grid-template-columns: repeat(3, minmax(0, 1fr))}
}
@media (max-width: 560px){
 #projecten-samenvatting .som-rij{grid-template-columns: repeat(2, minmax(0, 1fr))}
}

/* 2. Projectentabel op de tablet: past zonder zijwaarts schuiven (week en aanneemsom staan in het werk zelf) */
@media (min-width: 761px) and (max-width: 1100px){
 .werken-tabel th.week, .werken-tabel td.week{display: none}
 .werken-tabel th, .werken-tabel td{padding-left: 6px;padding-right: 6px}
 .werken-tabel td.naamcel{min-width: 150px}
 .werken-tabel th.ui-aanneemsom, .werken-tabel td.ui-aanneemsom{display: none}
 .werken-tabel .project-vlag.statuswik{padding: 1px 18px 1px 10px;letter-spacing: 0}
 .werken-tabel .project-vlag.statuswik .statuskeuze{text-transform: none;letter-spacing: 0;font-weight: 600;min-height: 30px}
}

@media (max-width: 760px){
 /* 3. Status van een werk: een rustige pil in plaats van een grote balk */
 .project-titelbalk .project-vlag.statuswik, .werkkaart .project-vlag.statuswik{padding: 1px 20px 1px 12px;letter-spacing: 0}
 .project-titelbalk .project-vlag.statuswik .statuskeuze, .werkkaart .project-vlag.statuswik .statuskeuze{min-height: 34px;text-transform: none;letter-spacing: 0;font-weight: 600}
 .titel-vlaggen{gap: 8px}

 /* 4. Werkkaarten: de naam over de hele breedte, status en factuurstand eronder */
 .werkkaart-kop{flex-wrap: wrap;gap: 8px}
 .werkkaart-titel{flex: 1 1 100%;min-width: 0}
 .werkkaart-titel .werk-naam{display: block}
 .werkkaart-vlaggen{flex: 1 1 100%;justify-content: flex-start;gap: 8px}

 /* 5. Een werk: minder dubbele binnenranden, dus meer plek voor de velden */
 .project.open .project-lijf{padding-left: 14px;padding-right: 14px}
 .project.open .project-gegevens{padding: 14px 14px 16px}
 .project.open .categorie{padding: 8px 12px}

 /* 6. Projectgegevens: één kolom (smal) of twee gelijke, niets afgekapt */
 .project-kop{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px 14px}
 .project-kop .veld.groot{grid-column: 1 / -1}
 .project-kop .label{overflow-wrap: anywhere}
 /* 7. Bijschrijven: de keuzelijst en de schakelaar blijven binnen de kaart */
 .snel .soortschakel button{flex: 1 1 0;min-width: 0;padding-left: 6px;padding-right: 6px}
 .snel-rij > .snelveld.breed{flex: 1 1 100%;min-width: 0;max-width: 100%}
 .snel-rij > .snelveld.breed select{width: 100%;min-width: 0}
 /* 8. Knoppen bij het bijschrijven: één nette rij, niet als trap naar rechts */
 .snel-kop .snel-tarieven{margin-left: 0}
 .snel-kop .snel-tarieven, .snel-kop .snel-plak{min-height: 36px}

 /* 9. Kostengroepen: compact, de kiezer binnen de kaart, bedragen niet afgebroken */
 .categorie > .cat-toevoegen{flex: 1 1 100%;min-width: 0;max-width: 100%}
 .categorie > .cat-toevoegen:has(select.kt-kiezer){display: grid;grid-template-columns: auto auto 1fr;align-items: center;gap: 8px}
 .categorie > .cat-toevoegen select.kt-kiezer{grid-column: 1 / -1;grid-row: 2;width: 100%;min-width: 0;max-width: 100%}
 .categorie > .cat-toevoegen button{min-height: 36px;justify-self: start;max-width: 100%;white-space: normal;text-align: left}
 .categorie-kop .cat-getallen{gap: 10px}
 .categorie-kop .cat-getallen > span{white-space: nowrap}
 .categorie-kop .cat-getallen b{white-space: nowrap}
 .categorie.leeg .categorie-kop{row-gap: 6px}

 /* 11. Zoeken en filteren boven de werken: velden over de breedte, knoppen gelijk verdeeld */
 .project-balk label.filter{flex: 1 1 100%;display: flex;align-items: center;gap: 10px;min-width: 0;max-width: 100%}
 .project-balk label.filter select{flex: 1 1 auto;min-width: 0;width: auto}
 .project-balk > button{flex: 1 1 calc(50% - 6px);margin-left: 0}
}
@media (max-width: 480px){
 .project-kop{grid-template-columns: minmax(0, 1fr)}
}

/* 12. Kosten- en batenregels op de telefoon: elke regel als een kaartje met
   benoemde velden, in plaats van negen of twaalf piepkleine kolommen.
   Invulvelden op 16px, zodat de iPhone niet inzoomt als je erin tikt. */
@media (max-width: 760px){
 .categorie table.kostentabel{display: block;table-layout: auto;width: 100%}
 .categorie table.kostentabel colgroup{display: none}
 .categorie table.kostentabel > tbody{display: block}
 .categorie table.kostentabel tr{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 6px 8px;padding: 12px 0;border-bottom: 1px solid var(--lijn)}
 .categorie table.kostentabel tr:last-child{border-bottom: 0}
 .categorie table.kostentabel tr:has(> th){display: none}
 .categorie table.kostentabel td{display: block;padding: 0;border: 0;min-width: 0;text-align: left}
 .categorie table.kostentabel td[data-label]::before{content: attr(data-label);display: block;font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600;margin: 0 0 3px 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
 .categorie table.kostentabel input:not([type=checkbox]){border-color: var(--lijn);background: var(--papier);min-height: 40px;font-size: 16px;width: 100%}
 .categorie table.kostentabel input.getal{text-align: right}
 .categorie table.kostentabel td.weekcel{align-self: end;padding-bottom: 10px;color: var(--zacht);font-size: 13px}
 .categorie table.kostentabel td .euro, .categorie table.kostentabel td.regelbedrag, .categorie table.kostentabel td.lopendtotaal{font-size: 15px}
 .categorie table.kostentabel td.regelbedrag, .categorie table.kostentabel td.lopendtotaal{align-self: end;padding-bottom: 9px}
 .categorie table.kostentabel td:last-child{display: flex;justify-content: flex-end;align-items: flex-start;gap: 6px}
 .categorie table.kostentabel td:last-child button{min-width: 40px;min-height: 40px}
 /* kosten: datum · week · weg | omschrijving | leverancier · bon | aantal · eenheid · tarief | bedrag · totaal · betaald */
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(1){grid-area: 1 / 1 / 2 / 4}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(2){grid-area: 1 / 4 / 2 / 6}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(12){grid-area: 1 / 6 / 2 / 7}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(3){grid-area: 2 / 1 / 3 / 7}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(4){grid-area: 3 / 1 / 4 / 4}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(10){grid-area: 3 / 4 / 4 / 7}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(5){grid-area: 4 / 1 / 5 / 3}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(6){grid-area: 4 / 3 / 5 / 5}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(7){grid-area: 4 / 5 / 5 / 7}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(8){grid-area: 5 / 1 / 6 / 3}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(9){grid-area: 5 / 3 / 6 / 5}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(11){grid-area: 5 / 5 / 6 / 7;display: flex;flex-direction: column;align-items: flex-end}
 .categorie table.kostentabel:has(col.c-wie) tr > td:nth-child(11) input{width: 22px;height: 22px;margin: 8px 6px 0 0}
 /* baten: datum · week · M × | omschrijving | aantal · eenheid · tarief | bedrag · factuurnr. */
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(1){grid-area: 1 / 1 / 2 / 4}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(2){grid-area: 1 / 4 / 2 / 5}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(9){grid-area: 1 / 5 / 2 / 7}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(3){grid-area: 2 / 1 / 3 / 7}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(4){grid-area: 3 / 1 / 4 / 3}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(5){grid-area: 3 / 3 / 4 / 5}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(6){grid-area: 3 / 5 / 4 / 7}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(7){grid-area: 4 / 1 / 5 / 4}
 .categorie table.kostentabel:not(:has(col.c-wie)) tr:not(.batenkop) > td:nth-child(8){grid-area: 4 / 4 / 5 / 7}
 /* tussenkop bij de baten: de naam over de hele breedte, de knoppen eronder */
 .categorie table.kostentabel tr.batenkop{display: flex;flex-wrap: wrap;align-items: center;gap: 6px}
 .categorie table.kostentabel tr.batenkop td.kopcel{flex: 1 1 100%}
 .categorie table.kostentabel tr.batenkop td.kopknoppen{flex: 1 1 auto;display: flex;gap: 6px}
 .categorie table.kostentabel tr.batenkop td.kopknoppen button{min-height: 38px}
 .categorie table.kostentabel tr.batenkop td:last-child{flex: 0 0 auto}
}

/* 10. Voorpagina: agenda en mail die niet binnenkomen tonen een rustige regel in plaats van eeuwig ladende balkjes */
.mailblok .mail-bericht ~ .fdf-skelet, .fdf-skelet.ui-stil{display: none}
.ui-wacht{margin: 6px 0 2px;font-size: 13px;color: var(--zacht)}
/* 24 oktober — beweging: acht animaties. Kort (150–700 ms), en helemaal uit
   bij "Minder beweging" (onderaan). De eindstand is overal precies zoals voorheen. */

/* 1. Een werk opent vanuit zijn kaart (View Transitions; de namen zet beweging.js
   alleen tijdens de overgang) */
::view-transition-group(bw-vlak), ::view-transition-group(bw-naam){animation-duration: .32s;animation-timing-function: cubic-bezier(.2, .8, .2, 1)}
::view-transition-old(bw-vlak), ::view-transition-new(bw-vlak){animation-duration: .32s;height: 100%;object-fit: cover;object-position: top left}
::view-transition-old(bw-naam), ::view-transition-new(bw-naam){animation-duration: .32s;height: 100%}
::view-transition-old(root), ::view-transition-new(root){animation-duration: .22s}

/* 2. De voorpagina bouwt zich rustig op */
@keyframes bw-op{from{opacity: 0;transform: translateY(12px)}}
#startpagina.bw-opbouw > *{animation: bw-op .38s cubic-bezier(.22, .61, .36, 1) backwards}
#startpagina.bw-opbouw > *:nth-child(2){animation-delay: .05s}
#startpagina.bw-opbouw > *:nth-child(3){animation-delay: .1s}
#startpagina.bw-opbouw > *:nth-child(4){animation-delay: .15s}
#startpagina.bw-opbouw > *:nth-child(5){animation-delay: .2s}
#startpagina.bw-opbouw > *:nth-child(6){animation-delay: .25s}
#startpagina.bw-opbouw > *:nth-child(n+7){animation-delay: .3s}

/* 3. Afvinken bij Opvolgen: even een vinkje, dan klapt de regel dicht (beweging.js) */
.opv-rij.bw-afgevinkt{background: linear-gradient(90deg, rgba(63, 138, 79, .14), rgba(63, 138, 79, 0) 80%);border-radius: 8px;transition: background .12s ease}
.opv-rij.bw-afgevinkt .opv-naam::before{content: "\2713  ";color: #3f8a4f;font-weight: 700}

/* 4. Balken lopen vol, staven groeien op, de lijn van vorig jaar tekent zich */
@keyframes bw-vol{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}
.bw-vult{animation: bw-vol .7s cubic-bezier(.22, .61, .36, 1) backwards;animation-delay: var(--bw-wacht, 0s)}
@keyframes bw-groei{from{transform: scaleY(0)}}
.jaarlijn-tekening rect.bw-groeit{transform-box: fill-box;transform-origin: 50% 100%;animation: bw-groei .6s cubic-bezier(.22, .61, .36, 1) backwards;animation-delay: var(--bw-wacht, 0s)}
@keyframes bw-teken{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}
.jaarlijn-tekening polyline.bw-tekent{stroke-dasharray: 1;animation: bw-teken .9s ease .25s backwards}

/* 5. Laadbalkjes gaan over in de inhoud */
@keyframes bw-vervaag{from{opacity: 0}}
.bw-vervaag{animation: bw-vervaag .28s ease backwards}

/* 6. De PDF-knop bevestigt */
.bw-klaar{position: relative}
.bw-klaar::after{content: attr(data-bw-klaar);position: absolute;inset: -1px;display: flex;align-items: center;justify-content: center;gap: 6px;padding: 0 8px;white-space: nowrap;overflow: hidden;border-radius: inherit;background: #2f6b3e;color: #fff;font: inherit;font-weight: 600;letter-spacing: 0;text-transform: none;pointer-events: none;animation: bw-klaar 1.9s ease both}
@keyframes bw-klaar{0%{opacity: 0;transform: scale(.96)}9%{opacity: 1;transform: none}86%{opacity: 1}100%{opacity: 0}}

/* 7. Een nieuwe regel licht even op */
@keyframes bw-nieuw{0%, 25%{background-color: rgba(205, 184, 142, .45)}100%{background-color: rgba(205, 184, 142, 0)}}
tr.bw-nieuw, tr.bw-nieuw > td{animation: bw-nieuw 1.5s ease-out}

/* 8. De kaart: stippen landen zacht, het gekozen werk geeft één puls */
@keyframes bw-land{from{opacity: 0;transform: translateY(-14px) scale(.6)}}
.bw-landt .leaflet-marker-pane .wkrt-stip{animation: bw-land .45s cubic-bezier(.34, 1.4, .64, 1) backwards}
.bw-landt .leaflet-marker-pane .wkrt-ikoon:nth-child(2n) .wkrt-stip{animation-delay: .06s}
.bw-landt .leaflet-marker-pane .wkrt-ikoon:nth-child(3n) .wkrt-stip{animation-delay: .12s}
.bw-landt .leaflet-marker-pane .wkrt-ikoon:nth-child(5n) .wkrt-stip{animation-delay: .18s}
@keyframes bw-puls{0%{box-shadow: 0 0 0 3px rgba(22, 21, 15, .85), 0 0 0 3px rgba(63, 138, 79, .55)}100%{box-shadow: 0 0 0 3px rgba(22, 21, 15, .85), 0 0 0 18px rgba(63, 138, 79, 0)}}
.leaflet-marker-pane .wkrt-stip.gekozen{animation: bw-puls .9s ease-out 1}

/* Minder beweging: alles uit */
@media (prefers-reduced-motion: reduce){
 #startpagina.bw-opbouw > *, .bw-vult, .jaarlijn-tekening rect.bw-groeit, .jaarlijn-tekening polyline.bw-tekent, .bw-vervaag, tr.bw-nieuw, tr.bw-nieuw > td, .bw-landt .leaflet-marker-pane .wkrt-stip, .leaflet-marker-pane .wkrt-stip.gekozen{animation: none !important}
 .bw-klaar::after{animation: none}
 .jaarlijn-tekening polyline.bw-tekent{stroke-dasharray: none}
 ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*){animation: none !important}
}
/* =======================================================================
   1 november — de kaart: groter te maken, luchtfoto, waar ben ik, bundels
   ======================================================================= */
.wkrt-blok{--wkrt-std: 440px}
@media (min-width: 1100px){.wkrt-blok{--wkrt-std: 500px}}
@media (max-width: 900px){.wkrt-blok{--wkrt-std: 380px}}
@media (max-width: 760px){.wkrt-blok{--wkrt-std: 330px}}
.wkrt-kaart{height: var(--wkrt-h, var(--wkrt-std))}
@media (min-width: 901px){.wkrt-info{max-height: calc(var(--wkrt-h, var(--wkrt-std)) + 14px)}}

/* de greep onder de kaart */
.wkrt-greep{position: relative;z-index: 1000;height: 14px;margin-top: -1px;display: flex;align-items: center;justify-content: center;cursor: ns-resize;touch-action: none;background: var(--papier);border-top: 1px solid var(--lijn);user-select: none;-webkit-user-select: none}
.wkrt-greep span{display: block;width: 44px;height: 4px;border-radius: 4px;background: var(--lijn-sterk);transition: background .15s ease, width .15s ease}
.wkrt-greep:hover span, .wkrt-greep.trekt span{background: var(--zand-diep);width: 64px}
.wkrt-greep:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: -2px}
@media (pointer: coarse){.wkrt-greep{height: 22px}}

/* de knoppen op de kaart */
.wkrt-knoppenbalk{display: flex;flex-direction: column;background: #fff}
.wkrt-knoppenbalk button.wkrt-kn{all: unset;box-sizing: border-box;display: flex;align-items: center;justify-content: center;min-width: 34px;height: 34px;padding: 0 8px;cursor: pointer;color: #16150f;background: #fff;font: 600 12px/1 inherit;font-family: inherit;border-bottom: 1px solid #ccc;white-space: nowrap}
.wkrt-knoppenbalk button.wkrt-kn:last-child{border-bottom: 0}
.wkrt-knoppenbalk button.wkrt-kn:hover{background: #f4f4f4}
.wkrt-knoppenbalk button.wkrt-kn:focus-visible{outline: 2px solid #16150f;outline-offset: -2px}
.wkrt-knoppenbalk button.wkrt-kn[aria-pressed="true"]{background: #16150f;color: #fff}
.wkrt-knoppenbalk button.wkrt-kn.bezig svg{animation: wkrt-draai 1s linear infinite}
@keyframes wkrt-draai{to{transform: rotate(360deg)}}
@media (pointer: coarse){.wkrt-knoppenbalk button.wkrt-kn{min-width: 42px;height: 42px}}
.wkrt-kaart .leaflet-control-scale-line{border-color: #16150f;color: #16150f;background: rgba(255,255,255,.75)}

/* luchtfoto: niet omkeren in de donkere stand */
.wkrt-kaart.wkrt-op-lucht{background: #3c4034}

/* bundels en het label bij het gekozen werk */
.wkrt-stip.bundel{border-width: 3px;box-shadow: 0 0 0 4px rgba(255,255,255,.55), 0 1px 5px rgba(0,0,0,.4);font-size: 13px}
.leaflet-tooltip.wkrt-label{padding: 3px 8px;border-radius: 7px;border: 0;background: #16150f;color: #fff;font: 600 12.5px/1.3 inherit;font-family: inherit;box-shadow: 0 2px 8px rgba(0,0,0,.3);max-width: 240px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.leaflet-tooltip-top.wkrt-label::before{border-top-color: #16150f}

/* zoeken in de lijst */
input.wkrt-zoek{box-sizing: border-box;width: 100%;margin: 0;min-height: 38px;padding: 7px 11px;border-radius: 9px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font: inherit;font-size: 14px}
@media (pointer: coarse){input.wkrt-zoek{font-size: 16px}}
.wkrt-lijst li[hidden], .wkrt-niets[hidden], .wkrt-meer[hidden]{display: none}

/* de kaart over het hele scherm */
html.wkrt-groot-open, html.wkrt-groot-open body{overflow: hidden}
/* een transform op een voorouder zou de vaste positie breken */
html.wkrt-groot-open #tab-start, html.wkrt-groot-open #startpagina, html.wkrt-groot-open .kaartrij{transform: none !important;animation: none !important;filter: none !important;contain: none !important}
.wkrt-blok.wkrt-groot-aan:hover{transform: none}
.wkrt-blok.wkrt-groot-aan{position: fixed;inset: 0;z-index: 7600;margin: 0;max-width: none;width: auto;height: 100vh;height: 100dvh;box-sizing: border-box;border-radius: 0;border: 0;padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));display: flex;flex-direction: column;gap: 8px;background: var(--papier);box-shadow: none;overflow: hidden;animation: wkrt-open .18s ease-out}
@keyframes wkrt-open{from{opacity: 0;transform: scale(.985)}}
.wkrt-groot-aan .wkrt-kop{flex: none}
.wkrt-groot-aan .wkrt-midden{flex: 1 1 auto;min-height: 0;grid-template-columns: minmax(0, 1fr) minmax(280px, 360px)}
.wkrt-groot-aan .wkrt-kaarthouder{height: 100%;min-height: 0}
.wkrt-groot-aan .wkrt-kaart{height: 100%}
.wkrt-groot-aan .wkrt-greep{display: none}
.wkrt-groot-aan .wkrt-info{max-height: none;height: 100%;box-sizing: border-box}
.wkrt-groot-aan .wkrt-voet{flex: none;max-height: 22vh;overflow: auto}
.wkrt-groot-aan button.wkrt-grootknop.primair{background: var(--inkt);border-color: var(--inkt);color: var(--papier)}
@media (max-width: 900px){
 .wkrt-groot-aan .wkrt-midden{grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 1fr) auto}
 .wkrt-groot-aan .wkrt-midden{gap: 8px}
 .wkrt-groot-aan .wkrt-info{height: auto;max-height: 24vh;max-height: 24dvh;padding: 10px 14px}
 .wkrt-groot-aan .wkrt-info.vol{max-height: 44vh;max-height: 44dvh}
 .wkrt-groot-aan .wkrt-info .hint{display: none}
 .wkrt-groot-aan .wkrt-info .wkrt-niets:not([hidden]){display: block}
 .wkrt-groot-aan .wkrt-voet{display: none}
 .wkrt-groot-aan .wkrt-kop h3{display: none}
 /* telefoon: de kop op één regel, zodat de kaart zo hoog mogelijk wordt */
 .wkrt-groot-aan .wkrt-kop{margin: 0}
 .wkrt-groot-aan .wkrt-filters{flex-wrap: nowrap;width: 100%;overflow-x: auto;scrollbar-width: none;gap: 6px}
 .wkrt-groot-aan .wkrt-filters::-webkit-scrollbar{display: none}
 .wkrt-groot-aan .wkrt-filters button.klein{flex: none;min-height: 36px;padding: 6px 12px}
 .wkrt-groot-aan .wkrt-filters .wkrt-alles{display: none}
 .wkrt-groot-aan .wkrt-filters .wkrt-grootknop{margin-left: auto}
}
@media (prefers-reduced-motion: reduce){.wkrt-blok.wkrt-groot-aan{animation: none}}
@media print{.wkrt-blok.wkrt-groot-aan{display: none !important}}
@media (prefers-color-scheme: dark){
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-knoppenbalk button.wkrt-kn{background: #26251f;color: #f1ece1;border-bottom-color: #3a3830}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-knoppenbalk button.wkrt-kn[aria-pressed="true"]{background: #f1ece1;color: #16150f}
}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-knoppenbalk button.wkrt-kn{background: #26251f;color: #f1ece1;border-bottom-color: #3a3830}
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-knoppenbalk button.wkrt-kn[aria-pressed="true"]{background: #f1ece1;color: #16150f}
/* =======================================================================
   1 november — rust op de voorpagina: animaties alleen nog met transform en
   opacity (die doet de grafische kaart), zodat tikken meteen reageert.
   ======================================================================= */
.dag-puls{position: relative;animation: none;box-shadow: none}
.dag-puls::after{content: "";position: absolute;inset: 0;border-radius: 50%;background: rgba(63,138,79,.5);opacity: 0;animation: dag-puls-rust 2.4s ease-out 4;pointer-events: none}
@keyframes dag-puls-rust{0%{transform: scale(1);opacity: .9}70%{transform: scale(3);opacity: 0}100%{transform: scale(3);opacity: 0}}
.fdf-skelet i{position: relative;overflow: hidden;animation: none;background-position: 50% 0}
.fdf-skelet i::after{content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 50%, rgba(255,255,255,0) 100%);transform: translateX(-100%);animation: fdf-glans-rust 1.25s ease-in-out infinite;pointer-events: none}
@keyframes fdf-glans-rust{to{transform: translateX(100%)}}
@media (prefers-reduced-motion: reduce){.dag-puls::after, .fdf-skelet i::after{animation: none;opacity: 0}}
@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan .fdf-skelet i::after{background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.07) 50%, rgba(255,255,255,0) 100%)}}
:root[data-thema="donker"] body.fdf-donker-aan .fdf-skelet i::after{background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.07) 50%, rgba(255,255,255,0) 100%)}

/* =======================================================================
   1 november — tabblad Wagenpark (cijfers uit de GeoTrackbot)
   ======================================================================= */
#wagenpark-online{display: flex;flex-direction: column;gap: 14px}
.tabknop .wp-tel{position: absolute;top: 6px;right: 8px;min-width: 18px;height: 18px;padding: 0 5px;border-radius: 9px;background: var(--waarschuwing);color: #fff;font: 600 11px/18px inherit;font-family: inherit;text-align: center}
.tabknop[data-tab="wagenpark"]{position: relative}
.wp-leeg{padding: 28px 24px;border: 1px dashed var(--lijn-sterk);border-radius: 14px;background: var(--papier);max-width: 640px}
.wp-leeg h3{margin: 0 0 6px;font-family: Georgia, serif;font-weight: 400}
.wp-leeg p{margin: 0;color: var(--zacht)}
.wp-kop{flex-wrap: wrap;gap: 10px}
.wp-waarschuw{flex-basis: 100%;padding: 10px 14px;border-radius: 10px;background: var(--waarschuwing-vlak);color: var(--waarschuwing);font-size: 13.5px;font-weight: 600}
.wp-tegels{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 10px}
.wp-tegel{display: flex;flex-direction: column;gap: 2px;min-width: 0;padding: 12px 14px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier)}
.wp-tegel.knopachtig{cursor: pointer;transition: border-color .14s ease, box-shadow .14s ease}
.wp-tegel.knopachtig:hover{border-color: var(--zand)}
.wp-tegel.knopachtig:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: 2px}
.wp-tegel.aan{border-color: var(--inkt);box-shadow: inset 0 0 0 1px var(--inkt)}
.wp-tegel-titel{font-size: 11.5px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.wp-tegel-groot{font-family: Georgia, serif;font-weight: 400;font-size: 26px;line-height: 1.15;font-variant-numeric: tabular-nums;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wp-tegel small{font-size: 12px;color: var(--zacht);overflow-wrap: anywhere}
.wp-plus{color: #3f6b45;font-weight: 600}
.wp-min{color: var(--fout);font-weight: 600}
.wp-gelijk{color: var(--zacht)}
.wp-meldtniet{color: var(--waarschuwing);font-weight: 600}
.wp-stip{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 6px;background: var(--zand);vertical-align: 1px}
.wp-stip.rijdt{background: #3f8a4f}
.wp-midden{display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);gap: 14px;align-items: stretch}
.wp-kaartblok, .wp-meldblok, .wp-lijstblok, .wp-weekblok, .wp-geldblok{display: flex;flex-direction: column;gap: 10px;min-width: 0}
.wp-kaart{height: 420px;border-radius: 12px;overflow: hidden;border: 1px solid var(--lijn);background: #e9e6df;isolation: isolate;z-index: 0}
.wp-kaartleg{display: flex;flex-wrap: wrap;gap: 4px 14px;font-size: 12px;color: var(--zacht)}
.wp-kaartleg span{display: inline-flex;align-items: center;gap: 6px}
.wp-kaartleg .wp-merk{position: static;transform: none}
/* merkjes: rond = auto, vierkant = aanhanger, ruit = kraan; groen rijdt, goud staat, open = meldt zich niet */
.wp-ikoon{background: transparent;border: 0}
.wp-merk{display: inline-block;width: 14px;height: 14px;box-sizing: border-box;border: 2px solid #fff;background: #c2a35a;box-shadow: 0 1px 3px rgba(0,0,0,.35)}
.wp-ikoon .wp-merk{width: 18px;height: 18px;margin: 1px}
.wp-merk.auto{border-radius: 50%}
.wp-merk.aanhanger{border-radius: 3px}
.wp-merk.kraan{transform: rotate(45deg) scale(.86);border-radius: 2px}
.wp-merk.rijdt{background: #3f8a4f}
.wp-merk.open{background: #fff;border-color: #9a9483;box-shadow: 0 0 0 1px rgba(0,0,0,.2)}
.wp-merk.gekozen{box-shadow: 0 0 0 3px rgba(22,21,15,.85), 0 2px 6px rgba(0,0,0,.4)}
.wp-meldingen{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;max-height: 420px;overflow: auto;overscroll-behavior: contain}
.wp-meldingen li{border-left: 3px solid var(--zand);margin: 0 0 6px;border-radius: 0 8px 8px 0;background: var(--achtergrond)}
.wp-ernst-rood{border-left-color: var(--fout) !important}
.wp-ernst-oranje{border-left-color: #d39a2c !important}
.wp-ernst-goud{border-left-color: #c2a35a !important}
.wp-ernst-groen{border-left-color: #3f8a4f !important}
button.wp-melding{all: unset;box-sizing: border-box;display: flex;flex-direction: column;width: 100%;padding: 7px 10px;cursor: pointer;font-size: 13px}
button.wp-melding b{font-weight: 600}
button.wp-melding span{color: var(--zacht);font-size: 12.5px}
button.wp-melding:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: -2px}
.wp-rustig{margin: 0;color: var(--zacht)}
.wp-lijstkop{flex-wrap: wrap;gap: 8px}
.wp-filters{display: flex;flex-wrap: wrap;gap: 6px}
.wp-filters button.klein{margin: 0;min-height: 32px}
.wp-filter.aan{background: var(--inkt);border-color: var(--inkt);color: var(--papier)}
input.wp-zoek{flex: 1 1 220px;max-width: 340px;margin-left: auto;min-height: 36px;padding: 6px 11px;border-radius: 9px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);font: inherit;font-size: 14px}
.wp-tabelhouder{overflow-x: auto}
table.wp-tabel{width: 100%;border-collapse: collapse;font-size: 13.5px}
.wp-tabel th{text-align: left;font-weight: 600;font-size: 12px;color: var(--zacht);border-bottom: 1px solid var(--lijn-sterk);padding: 0}
.wp-tabel th.getal{text-align: right}
button.wp-sorteer{all: unset;box-sizing: border-box;display: block;width: 100%;padding: 8px 10px;cursor: pointer;text-align: inherit;white-space: nowrap}
button.wp-sorteer.aan{color: var(--inkt)}
button.wp-sorteer:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: -2px}
.wp-tabel td{padding: 8px 10px;border-bottom: 1px solid var(--lijn);vertical-align: top}
.wp-tabel td.getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}
.wp-tabel td small{display: block;font-size: 11.5px;color: var(--zacht)}
.wp-tabel td small.wp-plus{color: #3f6b45}
.wp-tabel td small.wp-min{color: var(--fout)}
.wp-rij{cursor: pointer}
@media (hover: hover){.wp-rij:hover td{background: var(--zand-licht)}}
.wp-rij:focus-visible td{background: var(--zand-licht)}
.wp-rij.gekozen td{background: var(--zand-licht)}
.wp-rij.zwijgt .wp-naam b{color: var(--zacht)}
.wp-naamcel{display: flex;align-items: flex-start;gap: 9px;min-width: 0}
.wp-naamcel .wp-merk{flex: none;margin-top: 3px}
.wp-naam{display: flex;flex-direction: column;min-width: 0}
.wp-naam b{font-weight: 600;overflow-wrap: anywhere}
.wp-status{font-weight: 600}
.wp-status.rijdt{color: #3f8a4f}
.wp-status.stil{color: var(--zand-diep)}
.wp-laatst{white-space: nowrap;color: var(--zacht)}
.wp-onder{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 14px}
h4.wp-sub{margin: 4px 0 0;font-size: 13px;font-weight: 600;color: var(--inkt)}
.wp-dagenblok{display: flex;flex-direction: column;gap: 6px}
.wp-dagen, .wp-maanden{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);gap: 8px;align-items: end;height: 130px}
.wp-dag, .wp-maand{display: flex;flex-direction: column;align-items: center;gap: 4px;height: 100%;min-width: 0}
.wp-dag span, .wp-maand span{font-size: 11.5px;color: var(--zacht)}
.wp-dag.vandaag span{color: var(--inkt);font-weight: 700}
.wp-staven{flex: 1;display: flex;align-items: flex-end;justify-content: center;gap: 3px;width: 100%}
.wp-staven i{display: block;width: 42%;max-width: 22px;min-height: 1px;border-radius: 4px 4px 0 0}
.wp-staven i.nu{background: #c2a35a}
.wp-staven i.toen{background: var(--lijn-sterk)}
.wp-maand .wp-staven i{width: 70%}
.wp-dag.komt .wp-staven i.nu{display: none}
.wp-legenda{display: flex;gap: 14px;font-size: 12px;color: var(--zacht)}
.wp-legenda i{display: inline-block;width: 10px;height: 10px;border-radius: 2px;margin-right: 5px;vertical-align: -1px}
.wp-legenda i.nu{background: #c2a35a}
.wp-legenda i.toen{background: var(--lijn-sterk)}
.wp-balken{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px}
.wp-balken li{display: grid;grid-template-columns: 110px minmax(0, 1fr) auto;align-items: center;gap: 10px;font-size: 13px}
.wp-balk-naam{text-transform: capitalize;color: var(--zacht)}
.wp-balk{height: 10px;border-radius: 5px;background: var(--achtergrond);overflow: hidden}
.wp-balk i{display: block;height: 100%;background: #c2a35a;border-radius: 5px}
.wp-balk-getal{font-variant-numeric: tabular-nums;font-weight: 600;text-align: right}
dialog.wp-details{width: min(620px, calc(100vw - 32px));border: 0;border-radius: 16px;padding: 18px 20px;background: var(--papier);color: var(--inkt);box-shadow: 0 20px 60px rgba(0,0,0,.3)}
dialog.wp-details::backdrop{background: rgba(22,21,15,.45)}
.wp-details-kop{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px}
.wp-details-kop h3{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 21px}
.wp-details-kop small{color: var(--zacht)}
.wp-details-nu{margin: 10px 0;font-size: 13.5px;color: var(--zacht)}
.wp-bijz{list-style: none;margin: 0 0 10px;padding: 0;display: flex;flex-direction: column;gap: 4px}
.wp-bijz li{padding: 5px 10px;border-left: 3px solid var(--zand);background: var(--achtergrond);border-radius: 0 8px 8px 0;font-size: 13px}
.wp-feiten{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 6px 14px;margin: 0 0 12px;font-size: 13.5px}
.wp-feiten dt{color: var(--zacht)}
.wp-feiten dd{margin: 0;overflow-wrap: anywhere}
.wp-details-knoppen{display: flex;gap: 8px;margin-top: 12px}
.wp-details-knoppen .knop{margin: 0}
@media (max-width: 1250px){.wp-tegels{grid-template-columns: repeat(3, minmax(0, 1fr))}}
@media (max-width: 900px){
 .wp-midden, .wp-onder{grid-template-columns: minmax(0, 1fr)}
 .wp-kaart{height: 340px}
 .wp-meldingen{max-height: 280px}
}
@media (max-width: 760px){
 .wp-tegels{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px}
 .wp-tegel{padding: 10px 12px}
 .wp-tegel-groot{font-size: 22px}
 input.wp-zoek{max-width: none;margin-left: 0;flex-basis: 100%;font-size: 16px}
 .wp-balken li{grid-template-columns: 90px minmax(0, 1fr) auto}
 .wp-kaart{height: 300px}
}
.wp-sorteerkeuze{display: none;align-items: center;gap: 6px;font-size: 13px;color: var(--zacht)}
.wp-sorteerkeuze select{font: inherit;font-size: 16px;min-height: 36px;padding: 4px 8px;border-radius: 8px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt)}
/* telefoon en tablet: elke regel een kaartje (de hele tabel past daar niet) */
@media (max-width: 1000px){
 .wp-sorteerkeuze{display: inline-flex}
 table.wp-tabel, .wp-tabel tbody, .wp-tabel tr, .wp-tabel td{display: block;width: 100%;box-sizing: border-box}
 table.wp-tabel{min-width: 0 !important;max-width: 100%}
 .wp-tabel thead{display: none}
 .wp-tabel tbody tr{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 2px 8px;padding: 9px 2px;border-bottom: 1px solid var(--lijn)}
 .wp-tabel td{border: 0;padding: 0;min-width: 0}
 .wp-tabelhouder{overflow-x: visible}
 .wp-tabel td.wp-naamcel{display: flex;grid-column: 1 / 3;align-items: flex-start}
 .wp-tabel td.wp-nu{grid-column: 3 / -1;text-align: right;display: flex;flex-direction: column;align-items: flex-end}
 .wp-tabel td.wp-nu small{max-width: 100%}
 .wp-tabel td.wp-nu small{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
 .wp-tabel td.getal{text-align: left;white-space: normal;font-size: 13px}
 .wp-tabel td.getal::before{content: attr(data-label);display: block;font-size: 10.5px;color: var(--zacht)}
 .wp-tabel td.getal small{font-size: 10.5px}
 .wp-tabel td.wp-laatst{grid-column: 1 / -1;white-space: normal;font-size: 11.5px}
 .wp-tabel td.wp-laatst::before{content: attr(data-label) ": "}
 .wp-cijfertabel tbody tr td.wp-naamcel{grid-column: 1 / -1}
 .wp-cijfertabel tbody tr td:not(.wp-naamcel):not(.getal){grid-column: 1 / -1;font-size: 12.5px;color: var(--zacht)}
}
@media (prefers-color-scheme: dark){
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wp-kaart{background: #1e1d19}
 :root:not([data-thema="licht"]) body.fdf-donker-aan .wp-plus, :root:not([data-thema="licht"]) body.fdf-donker-aan .wp-tabel td small.wp-plus{color: #8fc89a}
}
:root[data-thema="donker"] body.fdf-donker-aan .wp-kaart{background: #1e1d19}
:root[data-thema="donker"] body.fdf-donker-aan .wp-plus, :root[data-thema="donker"] body.fdf-donker-aan .wp-tabel td small.wp-plus{color: #8fc89a}
@media print{#tab-wagenpark .wp-kaartblok{display: none}}
/* ---- onderdelen: Dag, Week, Jaar, Onderhoud & kosten, Tanken ---- */
.wp-subnav{display: flex;gap: 4px;padding: 4px;border-radius: 12px;background: var(--zand-licht);overflow-x: auto;scrollbar-width: none;position: sticky;top: 0;z-index: 5}
.wp-subnav::-webkit-scrollbar{display: none}
button.wp-sub-knop{all: unset;box-sizing: border-box;flex: none;padding: 8px 14px;border-radius: 9px;font-size: 13.5px;font-weight: 600;color: var(--zand-diep);cursor: pointer;white-space: nowrap;min-height: 38px;display: inline-flex;align-items: center}
button.wp-sub-knop:hover{color: var(--inkt)}
button.wp-sub-knop.aan{background: var(--papier);color: var(--inkt);box-shadow: 0 1px 3px rgba(22,21,15,.12)}
button.wp-sub-knop:focus-visible{outline: 2px solid var(--zand-diep);outline-offset: -2px}
.wp-view{display: flex;flex-direction: column;gap: 14px;min-width: 0}
.wp-bediening{gap: 10px}
.wp-bedieningsrij{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}
.wp-stapper{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}
button.wp-stap{margin: 0;min-width: 40px;min-height: 38px;font-size: 18px;line-height: 1;padding: 0 10px}
.wp-stap-tekst{font-family: Georgia, serif;font-weight: 400;font-size: 18px}
input.wp-datum{font: inherit;font-size: 15px;min-height: 38px;padding: 4px 10px;border-radius: 9px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt)}
.wp-vink{display: inline-flex;align-items: center;gap: 6px;font-size: 13px;color: var(--zacht);cursor: pointer}
.wp-tegels.wp-tegels4{grid-template-columns: repeat(4, minmax(0, 1fr))}
.wp-tegels4 .wp-tegel-groot{font-size: 22px}
.wp-staat-houder{overflow-x: auto;-webkit-overflow-scrolling: touch;border: 1px solid var(--lijn);border-radius: 10px}
table.wp-staat{border-collapse: separate;border-spacing: 0;min-width: 100%;font-size: 13px}
.wp-staat th, .wp-staat td{padding: 7px 9px;border-bottom: 1px solid var(--lijn);white-space: nowrap;background: var(--papier)}
.wp-staat th{font-size: 11.5px;color: var(--zacht);font-weight: 600;text-align: left;position: sticky;top: 0}
.wp-staat th.getal, .wp-staat td.getal{text-align: right;font-variant-numeric: tabular-nums}
.wp-staat th.vandaag{color: var(--inkt)}
.wp-staat tr > :first-child{position: sticky;left: 0;z-index: 1;max-width: 190px;box-shadow: 1px 0 0 var(--lijn)}
.wp-staat td.wp-naamcel{display: table-cell}
.wp-staat td.wp-naamcel .wp-merk{margin-right: 7px;vertical-align: 2px}
.wp-staat td.wp-naamcel .wp-naam{display: inline-flex;vertical-align: top;max-width: 150px}
.wp-staat td.wp-naamcel .wp-naam b{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wp-staat td.wp-naamcel small{font-size: 11px;color: var(--zacht)}
.wp-staat td.wp-warm{background: color-mix(in srgb, #c2a35a calc(var(--warm, 0) * 100%), var(--papier))}
.wp-staat td.komt{background: var(--achtergrond)}
.wp-staat td.wp-som{font-weight: 700}
.wp-staat tfoot td{font-weight: 700;border-top: 2px solid var(--lijn-sterk);border-bottom: 0;position: sticky;bottom: 0}
.wp-staat td small{display: block;font-size: 11px}
.wp-jaarstaven{position: relative;display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);gap: 6px;align-items: end;height: 190px;padding-top: 6px}
.wp-jaarstaven.smal{gap: 2px}
.wp-jaarkol{display: flex;flex-direction: column;align-items: center;gap: 4px;height: 100%;min-width: 0}
.wp-jaarkol span{font-size: 11px;color: var(--zacht);height: 14px}
.wp-jaarkol .wp-staven i{width: 72%;max-width: 30px;background: #d8c48f}
.wp-jaarstaven.smal .wp-jaarkol .wp-staven i{width: 90%}
.wp-jaarkol.lopend .wp-staven i{background: #a88a3e}
.wp-jaarkol.komt span{opacity: .5}
.wp-gemlijn{position: absolute;left: 0;right: 0;border-top: 2px dashed var(--zand-diep);opacity: .7;pointer-events: none;z-index: 1}
.wp-factuurlijst, .wp-tanklijst{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column}
.wp-factuurlijst li, .wp-tanklijst li{padding: 9px 2px;border-bottom: 1px solid var(--lijn)}
.wp-tanklijst li{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px}
.wp-tanklijst li.voorlopig{background: var(--waarschuwing-vlak)}
.wp-fkop{display: flex;justify-content: space-between;align-items: flex-start;gap: 12px}
.wp-fkop > span:first-child, .wp-tanklijst li > span:first-child{display: flex;flex-direction: column;min-width: 0}
.wp-factuurlijst b, .wp-tanklijst b{font-weight: 600;font-size: 13.5px;overflow-wrap: anywhere}
.wp-factuurlijst small, .wp-tanklijst small{font-size: 12px;color: var(--zacht)}
.wp-fbedrag{font-weight: 700;font-variant-numeric: tabular-nums;white-space: nowrap}
.wp-factuurlijst details{margin-top: 4px;font-size: 13px}
.wp-factuurlijst summary{cursor: pointer;color: var(--zand-diep)}
.wp-foms{margin: 6px 0 0;white-space: pre-line;color: var(--inkt);font-size: 12.5px;background: var(--achtergrond);padding: 8px 10px;border-radius: 8px}
button.klein.wp-meer{align-self: flex-start;margin: 8px 0 0}
.wp-bron{margin: 0}
@media (max-width: 760px){
 .wp-tegels.wp-tegels4{grid-template-columns: repeat(2, minmax(0, 1fr))}
 .wp-stap-tekst{font-size: 15px;flex: 1 1 auto;text-align: center}
 .wp-jaarstaven{height: 150px;gap: 3px}
 .wp-staat th, .wp-staat td{padding: 6px 7px}
 .wp-staat tr > :first-child{max-width: 130px}
 .wp-staat td.wp-naamcel .wp-naam{max-width: 100px}
}
.wp-view-jaar .wp-staat th, .wp-view-jaar .wp-staat td{padding: 7px 6px;font-size: 12.5px}
.wp-view-jaar .wp-staat tr > :first-child{max-width: 160px}
.wp-view-jaar .wp-staat td.wp-naamcel .wp-naam{max-width: 120px}
@media print{.wp-subnav{display: none}}
/* 2 nov: de kaart 'Waar staat alles' groot, net als op de voorpagina */
html.wp-groot-open, html.wp-groot-open body{overflow: hidden}
html.wp-groot-open #tab-wagenpark, html.wp-groot-open #wagenpark-online{transform: none !important;animation: none !important;filter: none !important;contain: none !important}
.wp-kaartblok.wp-groot-aan{position: fixed;inset: 0;z-index: 7600;margin: 0;max-width: none;width: auto;height: 100vh;height: 100dvh;box-sizing: border-box;border: 0;border-radius: 0;padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));display: flex;flex-direction: column;gap: 8px;overflow: hidden;background: var(--papier);box-shadow: none}
.wp-groot-aan .start-blok-kop{flex: none;flex-wrap: wrap}
.wp-groot-aan .wp-kaart{flex: 1 1 auto;height: auto !important;min-height: 0}
.wp-groot-aan .wp-kaartleg{flex: none}
.wp-kaart.wkrt-op-lucht{background: #3c4034}
@media print{.wp-kaartblok.wp-groot-aan{display: none !important}}
/* =======================================================================
   1 november — Startpagina voor het personeel (tabblad mijnstart)
   ======================================================================= */
#mijnstart{display: flex;flex-direction: column;gap: 14px;max-width: 980px}
.ms-kop h2{margin: 0;font-family: Georgia, serif;font-weight: 400;font-size: 28px;line-height: 1.2}
.ms-datum{margin: 4px 0 0;color: var(--zacht)}
.ms-datum::first-letter{text-transform: uppercase}
.ms-laden{color: var(--zacht)}
.ms-snel{display: flex;flex-wrap: wrap;gap: 8px}
.ms-snel button{margin: 0;min-height: 44px;font-size: 15px;padding: 10px 18px}
.ms-leeg{padding: 22px 20px;border: 1px dashed var(--lijn-sterk);border-radius: 14px;background: var(--papier)}
.ms-leeg h3{margin: 0 0 6px;font-family: Georgia, serif;font-weight: 400}
.ms-leeg p{margin: 0;color: var(--zacht)}
.ms-kaartblok, .ms-lijstblok{display: flex;flex-direction: column;gap: 10px;padding: 14px;border: 1px solid var(--lijn);border-radius: 14px;background: var(--papier)}
.ms-blokkop{display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap}
.ms-blokkop h3{margin: 0;font-size: 12px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.ms-kaartknoppen{display: flex;gap: 6px;flex-wrap: wrap}
.ms-kaartknoppen button.klein{margin: 0;min-height: 38px}
.ms-tel{font-size: 12px;min-width: 22px;height: 22px;padding: 0 7px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: var(--zand-licht);color: var(--zand-diep);font-weight: 600}
.ms-kaart{height: 360px;border-radius: 12px;overflow: hidden;border: 1px solid var(--lijn);background: #e9e6df;isolation: isolate;z-index: 0}
.ms-kaartfout{margin: 0;padding: 18px;color: var(--zacht);text-align: center}
.ms-geenplek{margin: 0}
.ms-info:empty{display: none}
.ms-lijst{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px}
.ms-werk{display: flex;flex-direction: column;gap: 8px;padding: 12px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--achtergrond)}
.ms-werk.gekozen{border-color: var(--inkt);box-shadow: inset 0 0 0 1px var(--inkt)}
.ms-werk.groot{background: var(--papier)}
.ms-werkkop{display: flex;align-items: flex-start;gap: 10px}
.ms-werkkop .wkrt-stip.mini{margin-top: 5px}
.ms-werktekst{display: flex;flex-direction: column;min-width: 0}
.ms-werktekst b{font-size: 16px;font-weight: 600;overflow-wrap: anywhere}
.ms-werktekst small{font-size: 13px;color: var(--zacht);overflow-wrap: anywhere}
.ms-notitie{margin: 0;padding: 8px 10px;border-radius: 8px;background: var(--zand-licht);font-size: 13.5px;white-space: pre-line}
.ms-werkknoppen{display: flex;flex-wrap: wrap;gap: 6px}
.ms-werkknoppen .knop, .ms-werkknoppen button{margin: 0;min-height: 42px;display: inline-flex;align-items: center}
.ms-klaar summary{cursor: pointer;color: var(--zand-diep);font-weight: 600;padding: 6px 0;min-height: 32px}
.ms-klaar .ms-lijst{margin-top: 8px}
@media (min-width: 1000px){.ms-kaart{height: 440px}}
@media (max-width: 760px){
 .ms-kop h2{font-size: 25px}
 .ms-kaart{height: 300px}
 .ms-kaartblok, .ms-lijstblok{padding: 12px}
 .ms-snel button{flex: 1 1 140px}
}
@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan .ms-kaart{background: #1e1d19}}
:root[data-thema="donker"] body.fdf-donker-aan .ms-kaart{background: #1e1d19}
/* weergave: licht / donker / automatisch */
.ms-kop{display: flex;flex-direction: column;gap: 2px}
.ms-weergave{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 10px}
.ms-weergave-label{font-size: 12px;letter-spacing: .06em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600;margin-right: 2px}
.ms-weergave button.klein{margin: 0;min-height: 38px}
.ms-weergave-knop.aan{background: var(--inkt);border-color: var(--inkt);color: var(--papier)}
/* rijbewijzen en certificaten */
.ms-pasjes{display: flex;flex-direction: column;gap: 10px;padding: 14px;border: 1px solid var(--lijn);border-radius: 14px;background: var(--papier)}
.ms-pasregel{margin: 0;display: flex;gap: 10px;align-items: baseline;flex-wrap: wrap}
.ms-paslabel{font-size: 12px;color: var(--zacht);min-width: 70px}
.ms-paslijst{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 6px}
.ms-paslijst li{display: flex;justify-content: space-between;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 10px;background: var(--achtergrond)}
.ms-paslijst li > div{display: flex;flex-direction: column;min-width: 0}
.ms-paslijst b{font-weight: 600;overflow-wrap: anywhere}
.ms-paslijst small{font-size: 12.5px;color: var(--zacht)}
.ms-passtand{flex: none;font-size: 12px;font-weight: 700;padding: 3px 8px;border-radius: 999px}
.ms-passtand.bijna{background: var(--waarschuwing-vlak);color: var(--waarschuwing)}
.ms-passtand.verlopen{background: var(--fout-vlak);color: var(--fout)}
button.ms-pasknop{align-self: flex-start;margin: 0;min-height: 42px}
.ms-pasbij{margin: 0}
.ms-rijbewijs{display: flex;flex-wrap: wrap;gap: 6px 14px;border: 1px solid var(--lijn);border-radius: 10px;padding: 8px 12px 12px;margin: 0}
.ms-rijbewijs legend{font-size: 12px;color: var(--zand-diep);font-weight: 600;padding: 0 4px}
.ms-vink{display: inline-flex;align-items: center;gap: 6px;min-height: 36px;font-size: 15px;cursor: pointer}
.ms-vink input{width: 20px;height: 20px}
.ms-certlijst{display: flex;flex-direction: column;gap: 8px}
.ms-cert{display: grid;grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr) auto auto auto;gap: 8px;align-items: end;padding: 10px;border-radius: 10px;background: var(--achtergrond)}
.ms-cert input{font: inherit;font-size: 15px;min-height: 40px;padding: 6px 10px;border-radius: 8px;border: 1px solid var(--lijn-sterk);background: var(--papier);color: var(--inkt);min-width: 0;box-sizing: border-box;width: 100%}
.ms-certlabel{display: flex;flex-direction: column;gap: 2px;font-size: 11.5px;color: var(--zacht)}
.ms-fotoknop{margin: 0;min-height: 40px;display: inline-flex;align-items: center;cursor: pointer;white-space: nowrap}
button.ms-certweg{margin: 0;min-height: 40px}
button.ms-erbij{align-self: flex-start;margin: 0;min-height: 40px}
.ms-pasfout{margin: 0;color: var(--fout);font-weight: 600}
.ms-pasfout[hidden]{display: none}
@media (max-width: 760px){
 .ms-cert{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}
 .ms-cert .ms-certnaam{grid-column: 1 / -1}
 .ms-cert input{font-size: 16px}
}
/* in het venster Personeel van de baas */
.pv-pasfotos{margin: 14px 0 0;padding: 10px 12px;border: 1px solid var(--lijn);border-radius: 10px;background: var(--achtergrond)}
.pv-pasfotos summary{cursor: pointer;font-weight: 600;color: var(--zand-diep)}
.pv-pasrij{padding: 8px 0;border-bottom: 1px solid var(--lijn)}
.pv-pasrij:last-child{border-bottom: 0}
.pv-pasrij small{display: block;color: var(--zacht)}
.pv-pasrij ul{margin: 6px 0 0;padding-left: 18px}
.pv-pasrij li{margin: 3px 0}
button.klein.pv-fotoknop{margin: 0 0 0 8px;min-height: 28px;padding: 2px 10px}
img.pv-foto{display: block;max-width: 100%;max-height: 70vh;margin: 10px auto 0;border-radius: 10px}
/* 2 nov: de kaart groot (over het hele scherm), net als bij de baas */
html.ms-groot-open, html.ms-groot-open body{overflow: hidden}
html.ms-groot-open #tab-mijnstart, html.ms-groot-open #mijnstart{transform: none !important;animation: none !important;filter: none !important;contain: none !important}
.ms-kaartblok.ms-groot-aan{position: fixed;inset: 0;z-index: 7600;margin: 0;max-width: none;width: auto;height: 100vh;height: 100dvh;box-sizing: border-box;border: 0;border-radius: 0;padding: max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));display: flex;flex-direction: column;gap: 8px;overflow: hidden;background: var(--papier);box-shadow: none}
.ms-groot-aan .ms-blokkop{flex: none}
.ms-groot-aan .ms-blokkop h3{display: none}
.ms-groot-aan .ms-kaart{flex: 1 1 auto;height: auto !important;min-height: 0}
.ms-groot-aan .ms-info{flex: none;max-height: 30vh;max-height: 30dvh;overflow: auto}
.ms-groot-aan .ms-geenplek{display: none}
@media print{.ms-kaartblok.ms-groot-aan{display: none !important}}
.ms-kaart.wkrt-op-lucht{background: #3c4034}
/* licht.css: lichte weergave helemaal licht, donkere helemaal donker */
:root[data-thema="licht"] body .zijbalk{background: linear-gradient(180deg, #fffdf9 0%, #f4efe4 100%);border-color: var(--lijn);box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 18px 40px -28px rgba(22,21,15,.32)}
:root[data-thema="licht"] body .zijbalk .tabknop{color: #5f594d}
:root[data-thema="licht"] body .zijbalk .tabknop small{color: #8a8374}
:root[data-thema="licht"] body .zijbalk .tabknop:hover{background: rgba(22,21,15,.05);color: var(--inkt)}
:root[data-thema="licht"] body .zijbalk .tabknop:hover small{color: #6d675b}
:root[data-thema="licht"] body .zijbalk .tabknop.actief{background: linear-gradient(90deg, rgba(205,184,142,.36) 0%, rgba(205,184,142,.12) 100%);color: var(--inkt)}
:root[data-thema="licht"] body .zijbalk .tabknop.actief small{color: var(--zand-diep)}
:root[data-thema="licht"] body .zijbalk .tabknop.actief .tab-icoon{color: var(--zand-diep)}
:root[data-thema="licht"] body .zijbalk .tab-teller{background: rgba(205,184,142,.26);color: #6b5c3f;border-color: rgba(179,161,132,.55)}
:root[data-thema="licht"] body .zijbalk .tab-teller.let-op{background: rgba(214,160,64,.18);color: #8a5a12;border-color: rgba(214,160,64,.5)}
:root[data-thema="licht"] body .rail-merk{border-bottom-color: var(--lijn)}
:root[data-thema="licht"] body .rail-naam b{color: var(--inkt)}
:root[data-thema="licht"] body .rail-naam small{color: #8a8374}
:root[data-thema="licht"] body .rail-groep{color: #8f887a}
:root[data-thema="licht"] body .start-hero, :root[data-thema="licht"] body .start-hero[data-uur]{color: var(--inkt);border: 1px solid var(--lijn);background: radial-gradient(1100px 420px at 92% -20%, rgba(205,184,142,.30), transparent 62%), linear-gradient(140deg, #fffdf8 0%, #f8f2e6 55%, #f0e6d0 100%);box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 26px 50px -34px rgba(22,21,15,.40)}
:root[data-thema="licht"] body .start-hero::after{background: radial-gradient(circle, rgba(205,184,142,.22), transparent 66%)}
:root[data-thema="licht"] body .start-hero .start-kop h2{color: var(--inkt)}
:root[data-thema="licht"] body .start-hero .start-datum{color: #7d7462}
:root[data-thema="licht"] body .start-hero .start-briefing, :root[data-thema="licht"] body #startpagina.vp2 .start-briefing{color: #3b372d}
:root[data-thema="licht"] body .start-hero .start-chip{background: rgba(255,255,255,.75);border-color: var(--lijn-sterk);color: #5f594d}
:root[data-thema="licht"] body .start-hero button.start-chip:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root[data-thema="licht"] body .start-hero .start-chip::before{color: var(--zand-diep)}
:root[data-thema="licht"] body .start-hero .start-chip.goed::before{color: #3f7d4a}
:root[data-thema="licht"] body .start-hero .start-chip.let-op{color: #8a5a12;border-color: rgba(214,160,64,.5);background: rgba(236,201,140,.24)}
:root[data-thema="licht"] body .start-hero .start-chip.let-op::before{color: #a8701c}
:root[data-thema="licht"] body .start-hero .start-acties button, :root[data-thema="licht"] body #startpagina.vp2 .start-hero .start-acties button:not(.primair){background: rgba(255,255,255,.8);border-color: var(--lijn-sterk);color: var(--inkt)}
:root[data-thema="licht"] body .start-hero .start-acties button:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root[data-thema="licht"] body .start-hero .omzet{border-top-color: var(--lijn)}
:root[data-thema="licht"] body #startpagina.vp2 button.vp-vandaag-stuk{background: rgba(255,255,255,.75);border-color: var(--lijn-sterk)}
:root[data-thema="licht"] body #startpagina.vp2 button.vp-vandaag-stuk:hover{background: #fff;border-color: var(--zand)}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk .vp-vl, :root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk small{color: #7d7462}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk b{color: var(--inkt)}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk.uit b{color: #a33a2e}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk.in b{color: #2f6f3a}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk.laat{border-color: rgba(214,160,64,.5);background: rgba(236,201,140,.22)}
:root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk.laat b, :root[data-thema="licht"] body #startpagina.vp2 .vp-vandaag-stuk.laat small{color: #8a5a12}
:root[data-thema="licht"] body button.primair, :root[data-thema="licht"] body .knop.primair, :root[data-thema="licht"] body .start-hero .start-acties button.primair, :root[data-thema="licht"] body .inlog form button[type="submit"]{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
:root[data-thema="licht"] body button.primair:hover, :root[data-thema="licht"] body .knop.primair:hover, :root[data-thema="licht"] body .start-hero .start-acties button.primair:hover{background: linear-gradient(180deg, #ead8b0 0%, #ccb380 100%);border-color: #b89f6d;color: #14130e}
:root[data-thema="licht"] body button.primair:disabled, :root[data-thema="licht"] body .knop.primair:disabled{background: #e9e2d2;border-color: var(--lijn-sterk);color: #8a8374}
:root[data-thema="licht"] body .fdf-snelknop{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;box-shadow: 0 14px 30px -14px rgba(22,21,15,.45)}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-bar a, :root[data-thema="donker"] body.fdf-donker-aan .leaflet-bar a:hover, :root[data-thema="donker"] body.fdf-donker-aan .leaflet-touch .leaflet-bar a{background: #24221b;color: #efe9dd;border-bottom-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-bar, :root[data-thema="donker"] body.fdf-donker-aan .leaflet-touch .leaflet-bar{border-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-bar a.leaflet-disabled{background: #1b1a15;color: #6d675b}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-container .leaflet-control-attribution{background: rgba(20,19,14,.82);color: #b9ae98}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-container .leaflet-control-attribution a{color: #d8c194}
:root[data-thema="donker"] body.fdf-donker-aan .leaflet-container{background: #1b1a15}
:root[data-thema="licht"] body .ms-weergave .ms-weergave-knop.aan{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
:root[data-thema="donker"] body.fdf-donker-aan .ms-weergave .ms-weergave-knop.aan{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
:root[data-thema="licht"] body .fdf-zb-rand{background: linear-gradient(180deg, #fffdf9 0%, #f4efe4 100%)}
:root[data-thema="licht"] body .fdf-melding{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk);border-left: 4px solid #b89f6d;box-shadow: 0 14px 34px -18px rgba(22,21,15,.45)}
:root[data-thema="licht"] body .fdf-melding.stil{background: #f4efe4}
:root[data-thema="licht"] body .fdf-melding.fout{background: #fbecea;color: #6e1f1b;border-color: rgba(143,47,44,.3);border-left-color: #a33a2e}
:root[data-thema="licht"] body .mw-ophalen{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root[data-thema="licht"] body .synbalk{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root[data-thema="licht"] body .synbalk.stil{background: #f1ece2}
:root[data-thema="licht"] body .synbalk button{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e}
:root[data-thema="licht"] body .bank-tip{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root[data-thema="licht"] body .mw-chip.aan, :root[data-thema="licht"] body .pv-persoon.aan{background: rgba(205,184,142,.30);border-color: #b89f6d;color: var(--inkt)}
:root[data-thema="licht"] body .mw-chip.aan small, :root[data-thema="licht"] body .pv-persoon.aan small{color: var(--zand-diep)}
:root[data-thema="licht"] body .pv-persoon.aan b{color: var(--inkt)}
:root[data-thema="licht"] body .mijnwerk-wie{background: rgba(205,184,142,.30);color: var(--inkt);border: 1px solid #b89f6d}
:root[data-thema="licht"] body .ag-nu{background: linear-gradient(160deg, #fffdf9 0%, #f4eddf 100%);color: var(--inkt);border: 1px solid var(--lijn)}
:root[data-thema="licht"] body .ag-nu h3, :root[data-thema="licht"] body .ag-nu-regel .t{color: var(--zand-diep)}
:root[data-thema="licht"] body .ag-nu-regel .n small, :root[data-thema="licht"] body .ag-nu-leeg{color: #6d675b}
:root[data-thema="licht"] body .omzet{color: var(--inkt);background: linear-gradient(135deg, #fffdf9 0%, #f8f2e6 60%, #f0e6d0 100%);border: 1px solid var(--lijn)}
:root[data-thema="licht"] body .start-hero .omzet{background: none;border: 0;border-top: 1px solid var(--lijn)}
:root[data-thema="licht"] body .omzet-label, :root[data-thema="licht"] body .omzet-detail h4{color: var(--zand-diep)}
:root[data-thema="licht"] body .omzet-teller, :root[data-thema="licht"] body .omzet-feit-waarde, :root[data-thema="licht"] body .omzet-detail h3, :root[data-thema="licht"] body .omzet-klant-naam, :root[data-thema="licht"] body .omzet-klant.grootste .omzet-klant-naam, :root[data-thema="licht"] body .omzet-klant-bedrag, :root[data-thema="licht"] body .omzet-tabel, :root[data-thema="licht"] body .omzet-maand.gekozen .omzet-maandnaam{color: var(--inkt)}
:root[data-thema="licht"] body .omzet-sub, :root[data-thema="licht"] body .omzet-doel-tekst, :root[data-thema="licht"] body .omzet-detail-sub, :root[data-thema="licht"] body .omzet-klant-pct{color: #6d675b}
:root[data-thema="licht"] body .omzet-maandnaam, :root[data-thema="licht"] body .omzet-feit-label, :root[data-thema="licht"] body .omzet-grafiek-voet, :root[data-thema="licht"] body .omzet-klant-aantal, :root[data-thema="licht"] body .omzet-tabel td.zacht{color: #7d7462}
:root[data-thema="licht"] body .omzet-maand.nu .omzet-maandnaam{color: var(--zand-diep)}
:root[data-thema="licht"] body .omzet-feit-waarde.positief{color: #2f6f3a}
:root[data-thema="licht"] body .omzet-feit-waarde.negatief{color: #a33a2e}
:root[data-thema="licht"] body .omzet-balk{background: rgba(22,21,15,.08)}
:root[data-thema="licht"] body .omzet-doelknop{color: var(--inkt);border-color: var(--lijn-sterk)}
:root[data-thema="licht"] body .omzet-doelknop:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root[data-thema="licht"] body .omzet-maand.straks .omzet-staaf i{background: #ddd3bf}
:root[data-thema="licht"] body .omzet-maand:hover, :root[data-thema="licht"] body .omzet-tabel tr.klikbaar:hover td{background: rgba(22,21,15,.04)}
:root[data-thema="licht"] body #samenvoegen{background: #fffdf9;color: var(--inkt)}
:root[data-thema="licht"] body #samen-samenvatting, :root[data-thema="licht"] body #samenvoegen .status, :root[data-thema="licht"] body #samen-voorbeeld .hint{color: #6d675b}
:root[data-thema="licht"] body #samen-regels{color: var(--inkt)}
:root[data-thema="licht"] body #samen-regels .bedrag, :root[data-thema="licht"] body #samenvoegen .status a, :root[data-thema="licht"] body #samen-voorbeeld .springknop{color: var(--zand-diep)}
:root[data-thema="licht"] body #samenvoegen .veld .label, :root[data-thema="licht"] body #samen-voorbeeld .keuzeknop{color: #6d675b}
:root[data-thema="licht"] body #samenvoegen .veld input, :root[data-thema="licht"] body #samenvoegen .veld select{background: #fff;border-color: var(--lijn-sterk);color: var(--inkt)}
:root[data-thema="licht"] body #samen-melding{background: #faf1dc;color: #6b4e12}
:root[data-thema="licht"] body #samen-voorbeeld .keuze{border-color: var(--lijn-sterk)}
:root[data-thema="licht"] body #samen-voorbeeld .keuzeknop.actief, :root[data-thema="licht"] body #samen-voorbeeld .keuzeknop:hover, :root[data-thema="licht"] body #samen-voorbeeld .springknop:hover{background: rgba(205,184,142,.30);color: var(--inkt)}
:root[data-thema="licht"] body #samen-voorbeeld .voorbeeld-melding.let-op{color: #8a5a12}
:root[data-thema="licht"] body .inlog{background: radial-gradient(900px 520px at 15% -10%, rgba(205,184,142,.30) 0%, transparent 60%), radial-gradient(800px 500px at 90% 110%, rgba(205,184,142,.20) 0%, transparent 55%), linear-gradient(180deg, #f8f4ec 0%, #efe8da 100%)}
:root[data-thema="licht"] body .inlog .inlog-kaart{box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 30px 60px -34px rgba(22,21,15,.45)}
:root[data-thema="licht"] body .inlog button:not(.inlog-oog):not(.inlog-vergeten){background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e;font-weight: 600}
:root[data-thema="licht"] body .inlog button:not(.inlog-oog):not(.inlog-vergeten):hover{background: linear-gradient(180deg, #ead8b0 0%, #ccb380 100%)}
:root[data-thema="licht"] body .inlog .inlog-versie{color: #8a8374}
:root[data-thema="licht"] body .ag-standen button.actief, :root[data-thema="licht"] body .ag-standen button.actief:hover{background: rgba(205,184,142,.38);color: var(--inkt);font-weight: 600}
:root[data-thema="licht"] body .inlog .inlog-voet{color: #756d5d}
@media (prefers-color-scheme: light){
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk{background: linear-gradient(180deg, #fffdf9 0%, #f4efe4 100%);border-color: var(--lijn);box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 18px 40px -28px rgba(22,21,15,.32)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop{color: #5f594d}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop small{color: #8a8374}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop:hover{background: rgba(22,21,15,.05);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop:hover small{color: #6d675b}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop.actief{background: linear-gradient(90deg, rgba(205,184,142,.36) 0%, rgba(205,184,142,.12) 100%);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop.actief small{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tabknop.actief .tab-icoon{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tab-teller{background: rgba(205,184,142,.26);color: #6b5c3f;border-color: rgba(179,161,132,.55)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .zijbalk .tab-teller.let-op{background: rgba(214,160,64,.18);color: #8a5a12;border-color: rgba(214,160,64,.5)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .rail-merk{border-bottom-color: var(--lijn)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .rail-naam b{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .rail-naam small{color: #8a8374}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .rail-groep{color: #8f887a}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero[data-uur]{color: var(--inkt);border: 1px solid var(--lijn);background: radial-gradient(1100px 420px at 92% -20%, rgba(205,184,142,.30), transparent 62%), linear-gradient(140deg, #fffdf8 0%, #f8f2e6 55%, #f0e6d0 100%);box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 26px 50px -34px rgba(22,21,15,.40)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero::after{background: radial-gradient(circle, rgba(205,184,142,.22), transparent 66%)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-kop h2{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-datum{color: #7d7462}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-briefing, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .start-briefing{color: #3b372d}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-chip{background: rgba(255,255,255,.75);border-color: var(--lijn-sterk);color: #5f594d}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero button.start-chip:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-chip::before{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-chip.goed::before{color: #3f7d4a}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-chip.let-op{color: #8a5a12;border-color: rgba(214,160,64,.5);background: rgba(236,201,140,.24)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-chip.let-op::before{color: #a8701c}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-acties button, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .start-hero .start-acties button:not(.primair){background: rgba(255,255,255,.8);border-color: var(--lijn-sterk);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-acties button:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .omzet{border-top-color: var(--lijn)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 button.vp-vandaag-stuk{background: rgba(255,255,255,.75);border-color: var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 button.vp-vandaag-stuk:hover{background: #fff;border-color: var(--zand)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk .vp-vl, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk small{color: #7d7462}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk b{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk.uit b{color: #a33a2e}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk.in b{color: #2f6f3a}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk.laat{border-color: rgba(214,160,64,.5);background: rgba(236,201,140,.22)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk.laat b, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #startpagina.vp2 .vp-vandaag-stuk.laat small{color: #8a5a12}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body button.primair, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .knop.primair, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-acties button.primair, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog form button[type="submit"]{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body button.primair:hover, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .knop.primair:hover, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .start-acties button.primair:hover{background: linear-gradient(180deg, #ead8b0 0%, #ccb380 100%);border-color: #b89f6d;color: #14130e}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body button.primair:disabled, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .knop.primair:disabled{background: #e9e2d2;border-color: var(--lijn-sterk);color: #8a8374}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .fdf-snelknop{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;box-shadow: 0 14px 30px -14px rgba(22,21,15,.45)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .ms-weergave .ms-weergave-knop.aan{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .fdf-zb-rand{background: linear-gradient(180deg, #fffdf9 0%, #f4efe4 100%)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .fdf-melding{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk);border-left: 4px solid #b89f6d;box-shadow: 0 14px 34px -18px rgba(22,21,15,.45)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .fdf-melding.stil{background: #f4efe4}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .fdf-melding.fout{background: #fbecea;color: #6e1f1b;border-color: rgba(143,47,44,.3);border-left-color: #a33a2e}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .mw-ophalen{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .synbalk{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .synbalk.stil{background: #f1ece2}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .synbalk button{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .bank-tip{background: #fffdf9;color: var(--inkt);border: 1px solid var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .mw-chip.aan, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .pv-persoon.aan{background: rgba(205,184,142,.30);border-color: #b89f6d;color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .mw-chip.aan small, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .pv-persoon.aan small{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .pv-persoon.aan b{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .mijnwerk-wie{background: rgba(205,184,142,.30);color: var(--inkt);border: 1px solid #b89f6d}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-nu{background: linear-gradient(160deg, #fffdf9 0%, #f4eddf 100%);color: var(--inkt);border: 1px solid var(--lijn)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-nu h3, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-nu-regel .t{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-nu-regel .n small, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-nu-leeg{color: #6d675b}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet{color: var(--inkt);background: linear-gradient(135deg, #fffdf9 0%, #f8f2e6 60%, #f0e6d0 100%);border: 1px solid var(--lijn)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .start-hero .omzet{background: none;border: 0;border-top: 1px solid var(--lijn)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-label, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-detail h4{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-teller, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-feit-waarde, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-detail h3, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-klant-naam, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-klant.grootste .omzet-klant-naam, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-klant-bedrag, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-tabel, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-maand.gekozen .omzet-maandnaam{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-sub, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-doel-tekst, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-detail-sub, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-klant-pct{color: #6d675b}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-maandnaam, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-feit-label, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-grafiek-voet, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-klant-aantal, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-tabel td.zacht{color: #7d7462}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-maand.nu .omzet-maandnaam{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-feit-waarde.positief{color: #2f6f3a}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-feit-waarde.negatief{color: #a33a2e}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-balk{background: rgba(22,21,15,.08)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-doelknop{color: var(--inkt);border-color: var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-doelknop:hover{background: #fff;border-color: var(--zand);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-maand.straks .omzet-staaf i{background: #ddd3bf}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-maand:hover, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .omzet-tabel tr.klikbaar:hover td{background: rgba(22,21,15,.04)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen{background: #fffdf9;color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-samenvatting, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen .status, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .hint{color: #6d675b}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-regels{color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-regels .bedrag, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen .status a, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .springknop{color: var(--zand-diep)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen .veld .label, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .keuzeknop{color: #6d675b}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen .veld input, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samenvoegen .veld select{background: #fff;border-color: var(--lijn-sterk);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-melding{background: #faf1dc;color: #6b4e12}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .keuze{border-color: var(--lijn-sterk)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .keuzeknop.actief, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .keuzeknop:hover, :root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .springknop:hover{background: rgba(205,184,142,.30);color: var(--inkt)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body #samen-voorbeeld .voorbeeld-melding.let-op{color: #8a5a12}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog{background: radial-gradient(900px 520px at 15% -10%, rgba(205,184,142,.30) 0%, transparent 60%), radial-gradient(800px 500px at 90% 110%, rgba(205,184,142,.20) 0%, transparent 55%), linear-gradient(180deg, #f8f4ec 0%, #efe8da 100%)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog .inlog-kaart{box-shadow: 0 1px 2px rgba(22,21,15,.05), 0 30px 60px -34px rgba(22,21,15,.45)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog button:not(.inlog-oog):not(.inlog-vergeten){background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e;font-weight: 600}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog button:not(.inlog-oog):not(.inlog-vergeten):hover{background: linear-gradient(180deg, #ead8b0 0%, #ccb380 100%)}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog .inlog-versie{color: #8a8374}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-standen button.actief, :root:not([data-thema="donker"]):not([data-thema="licht"]) body .ag-standen button.actief:hover{background: rgba(205,184,142,.38);color: var(--inkt);font-weight: 600}
:root:not([data-thema="donker"]):not([data-thema="licht"]) body .inlog .inlog-voet{color: #756d5d}
}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-bar a, :root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-bar a:hover, :root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-touch .leaflet-bar a{background: #24221b;color: #efe9dd;border-bottom-color: #3a362b}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-bar, :root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-touch .leaflet-bar{border-color: #3a362b}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-bar a.leaflet-disabled{background: #1b1a15;color: #6d675b}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-container .leaflet-control-attribution{background: rgba(20,19,14,.82);color: #b9ae98}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-container .leaflet-control-attribution a{color: #d8c194}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .leaflet-container{background: #1b1a15}
:root:not([data-thema="licht"]):not([data-thema="donker"]) body.fdf-donker-aan .ms-weergave .ms-weergave-knop.aan{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);border-color: #b89f6d;color: #14130e;font-weight: 600}
}
/* KLIC op de kaart */
.klic-paneel{background: var(--papier, #fffdf9);border-radius: 10px !important;overflow: hidden;width: auto;min-width: 74px;max-width: calc(100vw - 110px);font: 13px/1.35 Inter, system-ui, sans-serif;color: var(--inkt, #16150f)}
.klic-paneel[hidden]{display: none}
.klic-paneel.open{width: 214px}
.klic-knop{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 40px;border: 0;background: transparent;color: var(--inkt, #16150f);font: inherit;letter-spacing: .08em;padding: 6px 12px;cursor: pointer}
.klic-knop small{font-size: 10.5px;letter-spacing: .02em;font-weight: 500;opacity: .8}
.klic-knop.aan{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e}
.klic-uitleg-knop{display: block;width: 100%;border: 0;border-top: 1px solid var(--lijn, #e6e0d4);background: transparent;color: inherit;font: 12px/1.1 Inter, system-ui, sans-serif;padding: 8px 8px;cursor: pointer;text-align: center;min-height: 36px;white-space: nowrap}
.klic-paneel.open .klic-uitleg-knop{text-align: left;padding: 10px}
.klic-uitleg-knop[hidden]{display: none}
.klic-legenda{padding: 6px 8px 8px;border-top: 1px solid var(--lijn, #e6e0d4);max-height: min(52vh, 420px);overflow: auto;overscroll-behavior: contain}
.klic-legenda[hidden]{display: none}
.klic-leg-titel{font-size: 11px;letter-spacing: .08em;text-transform: uppercase;color: var(--zacht, #6d675b);margin: 4px 2px 4px;font-weight: 600}
.klic-soort{display: flex;align-items: stretch;gap: 4px;margin: 2px 0}
.klic-soort-knop{flex: 1 1 auto;min-width: 0;display: flex;align-items: center;gap: 8px;min-height: 36px;padding: 4px 8px;border: 1px solid var(--lijn-sterk, #d3cbb9);border-radius: 8px;background: var(--papier, #fffdf9);color: inherit;font: inherit;font-size: 13px;cursor: pointer;text-align: left}
.klic-soort-knop i{flex: 0 0 auto;width: 16px;height: 16px;border-radius: 4px;box-shadow: 0 0 0 1px rgba(0,0,0,.3)}
.klic-soort-knop span{flex: 1 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.klic-soort-knop em{font-style: normal;font-size: 11px;color: #2f6f3a;font-weight: 600}
.klic-soort.uit .klic-soort-knop{opacity: .55;border-style: dashed}
.klic-soort.uit .klic-soort-knop i{background: transparent !important;box-shadow: inset 0 0 0 2px #888}
.klic-soort.uit .klic-soort-knop em{color: #8a8374}
.klic-alleen{flex: 0 0 auto;min-height: 36px;padding: 0 8px;border: 1px solid var(--lijn-sterk, #d3cbb9);border-radius: 8px;background: transparent;color: var(--zand-diep, #857659);font: 600 11.5px Inter, system-ui, sans-serif;cursor: pointer}
.klic-alles{display: block;width: 100%;margin: 6px 0 2px;min-height: 34px;border: 1px solid #b89f6d;border-radius: 8px;background: rgba(205,184,142,.25);color: inherit;font: 600 12.5px Inter, system-ui, sans-serif;cursor: pointer}
.klic-leg-klics{margin-top: 8px;padding-top: 6px;border-top: 1px solid var(--lijn, #e6e0d4)}
.klic-leg-kop{display: flex;flex-direction: column;align-items: flex-start;width: 100%;border: 0;background: none;padding: 4px 2px;font: inherit;color: inherit;text-align: left;cursor: pointer;min-height: 36px}
.klic-leg-kop small, .klic-leg-hint{display: block;font-size: 11.5px;color: var(--zacht, #6d675b)}
.klic-leg-voet{margin-top: 6px;font-size: 11px;color: #8a5a12}
.klic-popup .leaflet-popup-content{margin: 11px 13px;font: 13px/1.4 Inter, system-ui, sans-serif;color: #16150f}
.klic-pop-kop{display: flex;align-items: center;gap: 8px;font-size: 14px}
.klic-pop-kop i{flex: 0 0 auto;width: 18px;height: 6px;border-radius: 3px;box-shadow: 0 0 0 1px rgba(0,0,0,.3)}
.klic-pop-soort{color: #6d675b;margin: 2px 0 4px}
.klic-pop-feit{margin: 1px 0}
.klic-pop-beh{margin-top: 6px;padding-top: 6px;border-top: 1px solid #e6e0d4}
.klic-pop-beh span{font-size: 12.5px}
.klic-pop-nr{margin-top: 4px;font-size: 11.5px;color: #8a8374}
.klic-let-op{margin-top: 7px;padding: 6px 8px;border-radius: 7px;background: #fbf1dc;color: #6b4e12;font-size: 11.5px}
.klic-diepte span{display: inline-block;transform: translate(-50%, -50%);padding: 1px 5px;border-radius: 5px;background: #fffdf9;border: 1px solid #111;font: 600 11px/1.3 Inter, system-ui, sans-serif;color: #111;white-space: nowrap}
.klic-bord span{display: inline-block;transform: translate(-50%, -50%);padding: 4px 7px;border-radius: 7px;background: #ffd750;border: 2px solid #111;font: 700 11.5px/1 Inter, system-ui, sans-serif;letter-spacing: .06em;color: #111;box-shadow: 0 4px 10px -4px rgba(0,0,0,.5);cursor: pointer}
/* KLIC: specificaties per kabel/leiding (3 nov) */
.klic-popup .leaflet-popup-content{overscroll-behavior: contain}
.klic-spec{width: 100%;border-collapse: collapse;margin: 6px 0 2px;font-size: 12.5px;line-height: 1.35}
.klic-spec th{width: 38%;padding: 3px 8px 3px 0;text-align: left;vertical-align: top;font-weight: 500;color: #6d675b;white-space: nowrap}
.klic-spec td{padding: 3px 0;vertical-align: top;color: #16150f;word-break: break-word}
.klic-spec tr + tr th, .klic-spec tr + tr td{border-top: 1px solid #f0ebe1}
.klic-spec tr.let td{color: #8a3a0c;font-weight: 600}
.klic-spec tr.let th{color: #8a3a0c}
.klic-pop-diepte{margin: 6px 0 0;padding: 6px 8px;border-radius: 7px;background: #eef5ee;color: #1f4d2a;font-size: 12px}
.klic-pop-beh b{font-weight: 600}
.klic-web{font-size: 12px}
.klic-ook{margin-top: 8px;padding-top: 6px;border-top: 1px solid #e6e0d4}
.klic-ook-kop{font-size: 11px;letter-spacing: .06em;text-transform: uppercase;color: #6d675b;font-weight: 600;margin-bottom: 3px}
.klic-ook-een{border: 1px solid #e6e0d4;border-radius: 8px;margin: 4px 0;background: #fffdf9}
.klic-ook-een > summary{display: flex;align-items: center;gap: 8px;min-height: 36px;padding: 4px 8px;cursor: pointer;list-style: none;font-size: 12.5px}
.klic-ook-een > summary::-webkit-details-marker{display: none}
.klic-ook-een > summary::after{content: "▸";margin-left: auto;color: #8a8374}
.klic-ook-een[open] > summary::after{content: "▾"}
.klic-ook-een > summary i{flex: 0 0 auto;width: 16px;height: 6px;border-radius: 3px;box-shadow: 0 0 0 1px rgba(0,0,0,.3)}
.klic-ook-een > summary span{min-width: 0}
.klic-ook-een > summary small{display: block;color: #6d675b;font-size: 11.5px}
.klic-ook-een[open]{padding: 0 8px 6px}
.klic-ook-een[open] > summary{padding-left: 0;padding-right: 0}
/* telefoon: kaartknoppen weg zolang een kaartje open is */
@media (max-width: 700px){.fdf-kaartje-open .leaflet-top, .fdf-kaartje-open .leaflet-bottom.leaflet-left{visibility: hidden}}
/* donker: het paneel donker; de KLIC-kleuren zelf blijven de officiële */
:root[data-thema="donker"] body.fdf-donker-aan .klic-paneel{background: #1f1d17;color: #efe9dd}
:root[data-thema="donker"] body.fdf-donker-aan .klic-knop:not(.aan){color: #efe9dd}
:root[data-thema="donker"] body.fdf-donker-aan .klic-legenda, :root[data-thema="donker"] body.fdf-donker-aan .klic-uitleg-knop, :root[data-thema="donker"] body.fdf-donker-aan .klic-leg-klics{border-top-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .klic-soort-knop{background: #26241c;border-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .klic-soort-knop em{color: #9fc9a2}
:root[data-thema="donker"] body.fdf-donker-aan .klic-alleen{border-color: #3a362b;color: #d8c194}
:root[data-thema="donker"] body.fdf-donker-aan .klic-leg-titel, :root[data-thema="donker"] body.fdf-donker-aan .klic-leg-kop small, :root[data-thema="donker"] body.fdf-donker-aan .klic-leg-hint{color: #b9ae98}
:root[data-thema="donker"] body.fdf-donker-aan .klic-leg-voet{color: #ecc98c}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-paneel{background: #1f1d17;color: #efe9dd}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-knop:not(.aan){color: #efe9dd}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-legenda, :root:not([data-thema="licht"]) body.fdf-donker-aan .klic-uitleg-knop, :root:not([data-thema="licht"]) body.fdf-donker-aan .klic-leg-klics{border-top-color: #3a362b}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-soort-knop{background: #26241c;border-color: #3a362b}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-soort-knop em{color: #9fc9a2}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-alleen{border-color: #3a362b;color: #d8c194}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-leg-titel, :root:not([data-thema="licht"]) body.fdf-donker-aan .klic-leg-kop small, :root:not([data-thema="licht"]) body.fdf-donker-aan .klic-leg-hint{color: #b9ae98}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-leg-voet{color: #ecc98c}
}
.klic-blad{position: absolute;inset: 8px;z-index: 1000;overflow: auto;overscroll-behavior: contain;padding: 0 10px 10px;border-radius: 12px;background: var(--papier, #fffdf9);color: var(--inkt, #16150f);box-shadow: 0 10px 30px -12px rgba(0,0,0,.5);font: 13px/1.35 Inter, system-ui, sans-serif}
.klic-blad[hidden]{display: none}
.klic-blad-kop{position: sticky;top: 0;z-index: 1;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 10px 0 8px;background: inherit;border-bottom: 1px solid var(--lijn, #e6e0d4);margin-bottom: 4px}
.klic-blad-dicht{min-height: 36px;padding: 0 14px;border: 1px solid #b89f6d;border-radius: 9px;background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e;font: 600 13px Inter, system-ui, sans-serif;cursor: pointer}
:root[data-thema="donker"] body.fdf-donker-aan .klic-blad{background: #1f1d17;color: #efe9dd}
:root[data-thema="donker"] body.fdf-donker-aan .klic-blad-kop{border-bottom-color: #3a362b}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-blad{background: #1f1d17;color: #efe9dd}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-blad-kop{border-bottom-color: #3a362b}
}
/* donker: de gekozen/aan-knoppen blijven goud */
:root[data-thema="donker"] body.fdf-donker-aan .klic-paneel .klic-knop.aan, :root[data-thema="donker"] body.fdf-donker-aan .klic-blad .klic-blad-dicht{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e;border-color: #b89f6d}
:root[data-thema="donker"] body.fdf-donker-aan .klic-blad .klic-alles{background: rgba(205,184,142,.18);border-color: #b89f6d;color: #efe9dd}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-paneel .klic-knop.aan, :root:not([data-thema="licht"]) body.fdf-donker-aan .klic-blad .klic-blad-dicht{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e;border-color: #b89f6d}
:root:not([data-thema="licht"]) body.fdf-donker-aan .klic-blad .klic-alles{background: rgba(205,184,142,.18);border-color: #b89f6d;color: #efe9dd}
}
.klic-stip span{display: block;width: 14px;height: 14px;transform: translate(-50%, -50%);border-radius: 50%;background: #ffd750;border: 2px solid #111;box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 3px 8px -3px rgba(0,0,0,.5);cursor: pointer}
/* Meten op de kaart */
.meten-knopvak{border-radius: 10px !important;overflow: hidden}
.meten-knop{display: flex;align-items: center;gap: 6px;min-height: 38px;padding: 0 11px;border: 0;background: var(--papier, #fffdf9);color: var(--inkt, #16150f);font: 600 13px Inter, system-ui, sans-serif;cursor: pointer}
.meten-knop.aan{background: #d1361f;color: #fff}
.fdf-meten-aan, .fdf-meten-aan .leaflet-interactive{cursor: crosshair !important}
.fdf-meten-aan .leaflet-marker-icon{pointer-events: none !important}
.meten-paneel{position: absolute;left: 8px;right: 8px;bottom: 22px;z-index: 900;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;padding: 9px 10px;border-radius: 12px;background: var(--papier, #fffdf9);color: var(--inkt, #16150f);box-shadow: 0 8px 24px -10px rgba(0,0,0,.5);font: 13px/1.3 Inter, system-ui, sans-serif;max-width: 560px}
.meten-paneel[hidden]{display: none}
.meten-uit{flex: 1 1 160px;min-width: 0}
.meten-uit b{display: block;font-size: 18px;font-variant-numeric: tabular-nums}
.meten-uit small{display: block;color: var(--zacht, #6d675b);font-size: 12px}
.meten-knoppen{display: flex;gap: 6px;flex-wrap: wrap}
.meten-k{min-height: 36px;padding: 0 11px;border: 1px solid var(--lijn-sterk, #d3cbb9);border-radius: 9px;background: var(--papier, #fffdf9);color: inherit;font: 600 12.5px Inter, system-ui, sans-serif;cursor: pointer}
.meten-k:disabled{opacity: .45;cursor: default}
.meten-k.primair{background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);border-color: #b89f6d;color: #14130e}
.meten-label span{display: inline-block;transform: translate(-50%, -50%);padding: 1px 6px;border-radius: 6px;background: #fffdf9;border: 1.5px solid #d1361f;color: #9c2414;font: 700 11.5px/1.35 Inter, system-ui, sans-serif;white-space: nowrap;font-variant-numeric: tabular-nums}
:root[data-thema="donker"] body.fdf-donker-aan .meten-knop:not(.aan), :root[data-thema="donker"] body.fdf-donker-aan .meten-paneel, :root[data-thema="donker"] body.fdf-donker-aan .meten-k:not(.primair){background: #1f1d17;color: #efe9dd;border-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .meten-uit small{color: #b9ae98}
:root[data-thema="donker"] body.fdf-donker-aan .meten-k.primair{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]) body.fdf-donker-aan .meten-knop:not(.aan), :root:not([data-thema="licht"]) body.fdf-donker-aan .meten-paneel, :root:not([data-thema="licht"]) body.fdf-donker-aan .meten-k:not(.primair){background: #1f1d17;color: #efe9dd;border-color: #3a362b}
:root:not([data-thema="licht"]) body.fdf-donker-aan .meten-uit small{color: #b9ae98}
:root:not([data-thema="licht"]) body.fdf-donker-aan .meten-k.primair{background: linear-gradient(180deg, #d8c194 0%, #b89f6d 100%);color: #14130e}
}
@media print{.meten-paneel, .meten-knopvak{display: none !important}}
/* Wagenpark op de kaart van de voorpagina (2 nov) */
#startpagina > .kaartrij:first-child{margin-top: 0}
#startpagina > .kaartrij:first-child + .start-hero{margin-top: var(--vp-gat, 18px)}
.vloot-paneel{background: var(--papier, #fffdf9);border-radius: 10px !important;overflow: hidden;width: auto;min-width: 74px;max-width: calc(100vw - 110px);font: 13px/1.35 Inter, system-ui, sans-serif;color: var(--inkt, #16150f)}
.vloot-paneel[hidden]{display: none}
.vloot-paneel.open{width: 190px}
.vloot-knop{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;min-height: 40px;border: 0;background: transparent;color: var(--inkt, #16150f);font: inherit;letter-spacing: .04em;padding: 6px 10px;cursor: pointer}
.vloot-knop small{font-size: 10.5px;letter-spacing: .02em;font-weight: 500;opacity: .8;white-space: nowrap}
.vloot-knop.aan{background: linear-gradient(180deg, #cfe0cf 0%, #a9c6aa 100%);color: #14130e}
.vloot-soort-knop{display: block;width: 100%;border: 0;border-top: 1px solid var(--lijn, #e6e0d4);background: transparent;color: inherit;font: 12px/1.1 Inter, system-ui, sans-serif;padding: 8px;cursor: pointer;text-align: center;min-height: 36px;white-space: nowrap}
.vloot-soort-knop[hidden], .vloot-lijst[hidden]{display: none}
.vloot-lijst{padding: 6px 8px 8px;border-top: 1px solid var(--lijn, #e6e0d4)}
.vloot-soort{display: flex;align-items: center;gap: 9px;width: 100%;min-height: 36px;margin: 3px 0;padding: 4px 9px;border: 1px solid var(--lijn-sterk, #d3cbb9);border-radius: 8px;background: var(--papier, #fffdf9);color: inherit;font: inherit;font-size: 13px;cursor: pointer;text-align: left}
.vloot-soort .vloot-teken{flex: none;width: 26px;height: 20px;box-shadow: none}
.vloot-soort span{flex: 1 1 auto}
.vloot-soort em{font-style: normal;font-size: 11px;color: #2f6f3a;font-weight: 600}
.vloot-soort.uit{opacity: .55;border-style: dashed}
.vloot-soort.uit .vloot-teken{background: transparent;border-style: dashed;border-color: #888;color: #888}
.vloot-soort.uit em{color: #8a8374}
.vloot-uitleg{margin: 6px 2px 0;font-size: 11px;color: var(--zacht, #6d675b)}
.vloot-ikoon{background: transparent;border: 0}
.vloot-teken{display: inline-flex;align-items: center;justify-content: center;box-sizing: border-box;width: 28px;height: 22px;border-radius: 7px;border: 1.5px solid #16150f;background: #fffdf9;color: #16150f;box-shadow: 0 2px 5px -1px rgba(0,0,0,.45)}
.vloot-teken.rijdt{background: #2f7d3f;border-color: #fff;color: #fff;box-shadow: 0 0 0 1.5px #1d5a2a, 0 2px 6px -1px rgba(0,0,0,.5)}
.vloot-teken.open{background: #e9e6df;border-style: dashed;border-color: #8a8374;color: #8a8374}
.vloot-ikoon:hover .vloot-teken{transform: scale(1.12)}
.vloot-popup .leaflet-popup-content{margin: 11px 13px;font: 13px/1.4 Inter, system-ui, sans-serif;color: #16150f}
.vloot-pop-kop{display: flex;align-items: center;gap: 8px;font-size: 14px}
.vloot-pop-kop .vloot-teken{flex: none;box-shadow: none}
.vloot-pop-sub{color: #6d675b;margin: 2px 0 4px;font-size: 12px}
.vloot-pop-status{font-weight: 600}
.vloot-pop-status.rijdt{color: #2f6f3a}
.vloot-pop-status.open{color: #8a5a12}
.vloot-pop-adres{margin-top: 2px}
.vloot-pop-tijd{margin-top: 2px;font-size: 11.5px;color: #8a8374}
.vloot-pop-open{display: block;width: 100%;margin-top: 9px;min-height: 36px;border: 1px solid #b89f6d;border-radius: 8px;background: linear-gradient(180deg, #e2cd9f 0%, #c3aa76 100%);color: #14130e;font: 600 12.5px Inter, system-ui, sans-serif;cursor: pointer}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-paneel{background: #1f1d17;color: #efe9dd}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-knop:not(.aan){color: #efe9dd}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-paneel .vloot-knop.aan{background: linear-gradient(180deg, #cfe0cf 0%, #a9c6aa 100%);color: #14130e}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-soort-knop, :root[data-thema="donker"] body.fdf-donker-aan .vloot-lijst{border-top-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-soort{background: #26241c;border-color: #3a362b}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-soort em{color: #9fc9a2}
:root[data-thema="donker"] body.fdf-donker-aan .vloot-uitleg{color: #b9ae98}
@media (prefers-color-scheme: dark){
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-paneel{background: #1f1d17;color: #efe9dd}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-knop:not(.aan){color: #efe9dd}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-paneel .vloot-knop.aan{background: linear-gradient(180deg, #cfe0cf 0%, #a9c6aa 100%);color: #14130e}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-soort-knop, :root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-lijst{border-top-color: #3a362b}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-soort{background: #26241c;border-color: #3a362b}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-soort em{color: #9fc9a2}
:root:not([data-thema="licht"]) body.fdf-donker-aan .vloot-uitleg{color: #b9ae98}
}
/* reparaties 2 nov (foutenjacht) */
/* telefoon: de knoppenstrook in het welkomstblok liep 18 px te vroeg af (max-width: 100% won van de negatieve marges; nu 100% + de 2 x 18 px marge) */
@media (max-width: 699px){#startpagina.vp2 .start-hero .start-acties{max-width: calc(100% + 36px)}}
/* wagenpark-legenda: het (gedraaide) kraan-tekentje stak 2 px buiten zijn regel */
.wp-kaartleg .wp-merk.kraan{margin: 0 2px}
/* donker: de knoppenkolom op de kaart (Groot/Luchtfoto/mijn plek) had een witte ondergrond achter de knoppen */
:root[data-thema="donker"] body.fdf-donker-aan .wkrt-knoppenbalk{background: #26251f}
@media (prefers-color-scheme: dark){:root:not([data-thema="licht"]) body.fdf-donker-aan .wkrt-knoppenbalk{background: #26251f}}
/* 4 november — Deze week betalen: inkoopfacturen op de voorpagina */
.ikw-blok{display: flex;flex-direction: column;gap: 12px;min-width: 0}
.ikw-kop{margin-bottom: 0;flex-wrap: wrap;gap: 8px 12px;align-items: center}
.ikw-kop h3{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap;min-width: 0}
.ikw-week{font-family: inherit;font-size: 13px;font-weight: 400;color: var(--zacht);letter-spacing: 0;text-transform: none}
.ikw-kopknoppen{display: flex;gap: 6px;flex-wrap: wrap;margin-left: auto}
.ikw-kopknoppen button.klein{margin: 0;min-height: 34px}
.ikw-tegels{display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 10px}
.ikw-tegel{display: flex;flex-direction: column;gap: 2px;min-width: 0;padding: 10px 14px;border: 1px solid var(--lijn);border-radius: 12px;background: var(--papier)}
.ikw-tegel.ikw-hoofd{border-top: 3px solid var(--fout)}
.ikw-tegel.laat{background: var(--fout-vlak);border-color: transparent}
.ikw-tegel-label{font-size: 11.5px;letter-spacing: .08em;text-transform: uppercase;color: var(--zand-diep);font-weight: 600}
.ikw-tegel.laat .ikw-tegel-label, .ikw-tegel.laat .ikw-tegel-waarde{color: var(--fout)}
.ikw-tegel-waarde{font-size: 20px;font-variant-numeric: tabular-nums;color: var(--inkt);white-space: nowrap}
.ikw-tegel-sub{font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis}
.ikw-blok table.ikw-tabel{width: 100%;min-width: 0;border-collapse: collapse;font-size: 13.5px;table-layout: auto}
.ikw-tabel th, .ikw-tabel td{padding: 8px 10px;text-align: left;vertical-align: middle;border-bottom: 1px solid var(--lijn)}
.ikw-tabel thead th{font-size: 11.5px;letter-spacing: .06em;text-transform: uppercase;color: var(--zacht);font-weight: 600;border-bottom: 1px solid var(--lijn-sterk);white-space: nowrap}
.ikw-tabel .getal{text-align: right;font-variant-numeric: tabular-nums;white-space: nowrap}
.ikw-tabel td small{display: block;font-size: 11.5px;color: var(--zacht);font-weight: 400}
.ikw-lev{min-width: 0;max-width: 320px}
.ikw-lev b{display: block;overflow-wrap: anywhere}
.ikw-lev small{overflow-wrap: anywhere}
.ikw-nr, .ikw-fd, .ikw-vd{white-space: nowrap;font-variant-numeric: tabular-nums}
.ikw-tabel td small.ikw-laat{color: var(--fout);font-weight: 600}
.ikw-tabel td small.ikw-vandaag{color: var(--waarschuwing);font-weight: 600}
.ikw-r.laat .ikw-vd{color: var(--fout)}
.ikw-r.ikw-kost .ikw-nr{color: var(--zacht)}
.ikw-acties{white-space: nowrap;text-align: right}
.ikw-acties button.klein{margin: 0 0 0 6px;min-height: 32px}
.ikw-groep th{padding: 14px 10px 6px;border-bottom: 1px solid var(--lijn-sterk);text-transform: none;letter-spacing: 0}
.ikw-groep-in{display: flex;align-items: baseline;gap: 10px;flex-wrap: wrap}
.ikw-groep-naam{font-size: 13px;font-weight: 700;color: var(--inkt)}
.ikw-groep-tel{font-size: 12px;color: var(--zacht);font-weight: 400}
.ikw-groep-som{margin-left: auto;font-variant-numeric: tabular-nums;font-size: 13.5px;color: var(--inkt)}
.ikw-groep.laat .ikw-groep-naam, .ikw-groep.laat .ikw-groep-som{color: var(--fout)}
.ikw-groep.volgende .ikw-groep-naam{color: var(--zand-diep)}
.ikw-groep button.ikw-wissel{margin: 0;min-height: 28px;padding: 0 10px;font-size: 12.5px}
.ikw-leeg{margin: 4px 0;font-size: 13.5px;color: var(--zacht)}
.ikw-noot{margin: 0;font-size: 12.5px;color: var(--zacht);line-height: 1.5}
.ikw-mailnoot{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;color: var(--inkt)}
.ikw-mailnoot button.klein{margin: 0}
.ikw-ongedaan{margin: 0}
/* het invoerscherm en het overzicht */
dialog.ikw-dlg{width: min(640px, 96vw);max-width: none;max-height: 94vh;padding: 0;border: 0;border-radius: 18px;background: var(--papier);color: var(--inkt);box-shadow: 0 24px 60px rgba(0,0,0,.28);display: none;flex-direction: column;overflow: hidden}
dialog.ikw-dlg[open]{display: flex}
dialog.ikw-dlg::backdrop{background: rgba(30,26,20,.45)}
dialog.ikw-dlg.ikw-overzicht{width: min(1060px, 96vw)}
.ikw-dlg-kop{display: flex;align-items: center;gap: 8px;padding: 14px 18px;border-bottom: 1px solid var(--lijn)}
.ikw-dlg-kop h3{margin: 0 auto 0 0;font-size: 17px}
.ikw-dlg-kop button.klein{margin: 0}
.ikw-dlg-lijf{display: flex;flex-direction: column;gap: 12px;padding: 16px 18px;overflow: auto;min-height: 0}
.ikw-pdf{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding: 12px;border: 1.5px dashed var(--lijn-sterk);border-radius: 12px;background: var(--zand-licht)}
.ikw-pdf.ikw-sleep{border-color: var(--zand-diep);background: var(--papier)}
.ikw-pdf-knop{position: relative;display: inline-flex;align-items: center;cursor: pointer;margin: 0;min-height: 38px;padding: 0 14px;border: 1px solid var(--lijn-sterk);border-radius: 999px;background: var(--papier);color: var(--inkt);font-size: 13.5px;font-weight: 600;white-space: nowrap}
.ikw-pdf-knop:focus-within{outline: 2px solid var(--zand-diep);outline-offset: 2px}
.ikw-pdf-in{position: absolute;inset: 0;opacity: 0;cursor: pointer;width: 100%}
.ikw-pdf-tekst{font-size: 12.5px;color: var(--zacht);flex: 1 1 200px;min-width: 0}
.ikw-pdf-tekst.ikw-ok{color: var(--inkt)}
.ikw-pdf-tekst.ikw-let{color: var(--fout)}
.ikw-rooster{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px}
.ikw-veld{display: flex;flex-direction: column;gap: 4px;min-width: 0;font-size: 12.5px;color: var(--zacht)}
.ikw-breed{grid-column: 1 / -1}
.ikw-veld input, .ikw-veld select{font: inherit;font-size: 14.5px;color: var(--inkt);padding: 8px 10px;min-height: 40px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);width: 100%;box-sizing: border-box;min-width: 0;margin: 0}
.ikw-veld input:focus, .ikw-veld select:focus{outline: 2px solid var(--zand-diep);outline-offset: 0;border-color: transparent}
.ikw-veld input.ikw-gevuld{background: var(--zand-licht)}
.ikw-meer summary{cursor: pointer;font-size: 13px;color: var(--zand-diep);padding: 4px 0}
.ikw-meer .ikw-rooster{margin-top: 8px}
.ikw-fout{margin: 0;padding: 8px 12px;border-radius: 8px;background: var(--fout-vlak);color: var(--fout);font-size: 13.5px}
.ikw-dlg-voet{display: flex;justify-content: flex-end;gap: 8px;padding-top: 4px}
.ikw-dlg-voet button{margin: 0}
.ikw-balk{display: flex;gap: 6px;flex-wrap: wrap;align-items: center}
.ikw-balk button.klein{margin: 0}
.ikw-balk button.ikw-filter.actief{background: var(--inkt);color: var(--papier);border-color: var(--inkt)}
.ikw-zoek{flex: 1 1 200px;min-width: 0;font: inherit;font-size: 14px;padding: 7px 10px;min-height: 36px;border: 1px solid var(--lijn-sterk);border-radius: 8px;background: var(--papier);color: var(--inkt);margin: 0}
.ikw-som-regel{margin: 0;font-size: 13px;color: var(--zacht)}
.ikw-vak table.ikw-tabel{width: 100%;min-width: 0;border-collapse: collapse;font-size: 13.5px}
.ikw-vak .ikw-r.laat td:nth-child(4){color: var(--fout);font-weight: 600}
.ikw-acties button.ikw-weg{color: var(--fout)}
/* tablet: alle kolommen blijven; de twee knoppen onder elkaar */
@media (max-width: 1000px) and (min-width: 761px){
 .ikw-tabel th, .ikw-tabel td{padding: 8px 6px}
 .ikw-week-tabel td.ikw-acties{white-space: normal;width: 1%}
 .ikw-week-tabel .ikw-acties button.klein{display: block;width: 100%;margin: 0 0 4px}
}
/* telefoon: 'Deze week betalen' en het overzicht 'Inkoopfacturen' als tabel (zie onder) */
@media (max-width: 760px){
 .ikw-kopknoppen{margin-left: 0;width: 100%;display: grid;grid-template-columns: 1fr 1fr}
 .ikw-kopknoppen button.klein{min-height: 40px}
 .ikw-tegels{grid-template-columns: 1fr 1fr;gap: 8px}
 .ikw-tegel{padding: 8px 10px}
 .ikw-tegel.ikw-hoofd{grid-column: 1 / -1}
 .ikw-tegel-waarde{font-size: 18px}
 .ikw-tabel thead{display: none}
 .ikw-tabel, .ikw-tabel tbody{display: block;width: 100%}
 .ikw-tabel tr.ikw-groep{display: block}
 .ikw-tabel tr.ikw-groep th{display: block;padding: 14px 2px 6px}
 .ikw-tabel tr.ikw-r{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-areas: "lev bedrag" "nr vd" "fd fd" "acties acties";gap: 2px 10px;padding: 10px 2px;border-bottom: 1px solid var(--lijn)}
 .ikw-tabel tr.ikw-r td{display: block;padding: 0;border: 0;min-width: 0;max-width: none}
 .ikw-tabel td.ikw-lev{grid-area: lev}
 .ikw-tabel td.ikw-bedrag{grid-area: bedrag;text-align: right}
 .ikw-tabel td.ikw-nr{grid-area: nr;font-size: 12.5px;color: var(--zacht)}
 .ikw-tabel td.ikw-vd{grid-area: vd;text-align: right;font-size: 12.5px}
 .ikw-tabel td.ikw-vd small{display: inline;margin-left: 6px}
 .ikw-tabel td.ikw-fd{grid-area: fd;font-size: 12.5px;color: var(--zacht)}
 .ikw-tabel tr.ikw-r td.ikw-acties{grid-area: acties;display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);gap: 6px;margin-top: 6px;text-align: left}
 .ikw-acties button.klein{margin: 0;min-height: 38px;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
 /* 4 nov avond (Feije): het overzicht 'Inkoopfacturen' ook als tabel — kopregel, vaste kolommen; nummer en 'betaald' eronder, knoppen over de hele breedte */
 .ikw-vak .ikw-tabel thead{display: block}
 .ikw-vak .ikw-tabel thead tr, .ikw-vak .ikw-tabel tr.ikw-r{display: grid;grid-template-columns: minmax(0, 1fr) 54px 76px 84px;column-gap: 6px;align-items: start}
 .ikw-vak .ikw-tabel thead tr{border-bottom: 1px solid var(--lijn-sterk)}
 .ikw-vak .ikw-tabel thead th{display: block;padding: 6px 0;border: 0;font-size: 0;letter-spacing: .04em;white-space: nowrap;overflow: hidden}
 .ikw-vak .ikw-tabel thead th::after{font-size: 10.5px}
 .ikw-vak .ikw-tabel thead th:nth-child(1)::after{content: "Leverancier · nr."}
 .ikw-vak .ikw-tabel thead th:nth-child(2), .ikw-vak .ikw-tabel thead th:nth-child(6), .ikw-vak .ikw-tabel thead th:nth-child(7){display: none}
 .ikw-vak .ikw-tabel thead th:nth-child(3)::after{content: "Datum"}
 .ikw-vak .ikw-tabel thead th:nth-child(4)::after{content: "Verval"}
 .ikw-vak .ikw-tabel thead th:nth-child(5){text-align: right}
 .ikw-vak .ikw-tabel thead th:nth-child(5)::after{content: "Bedrag"}
 .ikw-vak .ikw-tabel tr.ikw-r{grid-template-areas: "lev fd vd bedrag" "nr bet bet bet" "acties acties acties acties";row-gap: 6px;padding: 10px 0}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(1){grid-area: lev;font-size: 13.5px;font-weight: 600}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(2){grid-area: nr;font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(3){grid-area: fd;font-size: 12.5px}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(4){grid-area: vd;font-size: 12.5px}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(5){grid-area: bedrag;text-align: right;font-size: 13px}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(6){grid-area: bet;font-size: 12px;color: var(--zacht)}
 .ikw-vak .ikw-tabel tr.ikw-r td:nth-child(6)::before{content: "Betaald: "}
 .ikw-vak .ikw-tabel tr.ikw-r td.ikw-acties{grid-area: acties;display: flex;gap: 6px;margin: 0}
 .ikw-vak .ikw-acties button.klein{flex: 1 1 0;min-height: 36px;font-size: 12.5px;overflow: visible;text-overflow: clip;white-space: normal;line-height: 1.15}
 .ikw-rooster{grid-template-columns: minmax(0, 1fr)}
 /* 4 nov avond (Feije): ook op de telefoon een tabel — kopregel en vaste kolommen; factuurnummer onder de leverancier, knoppen ernaast */
 .ikw-blok .ikw-week-tabel thead{display: block}
 .ikw-blok .ikw-week-tabel thead tr, .ikw-blok .ikw-week-tabel tr.ikw-r{display: grid;grid-template-columns: minmax(0, 1fr) 40px 76px 84px;column-gap: 6px;align-items: start}
 .ikw-blok .ikw-week-tabel thead tr{border-bottom: 1px solid var(--lijn-sterk)}
 .ikw-blok .ikw-week-tabel thead th{display: block;padding: 6px 0;border: 0;font-size: 0;letter-spacing: .04em;white-space: nowrap;overflow: hidden}
 .ikw-blok .ikw-week-tabel thead th::after{font-size: 10.5px}
 .ikw-blok .ikw-week-tabel thead th:nth-child(1)::after{content: "Leverancier · nr."}
 .ikw-blok .ikw-week-tabel thead th:nth-child(2), .ikw-blok .ikw-week-tabel thead th:nth-child(6){display: none}
 .ikw-blok .ikw-week-tabel thead th:nth-child(3)::after{content: "Datum"}
 .ikw-blok .ikw-week-tabel thead th:nth-child(4)::after{content: "Verval"}
 .ikw-blok .ikw-week-tabel thead th:nth-child(5){text-align: right}
 .ikw-blok .ikw-week-tabel thead th:nth-child(5)::after{content: "Bedrag"}
 .ikw-blok .ikw-week-tabel tr.ikw-r{grid-template-areas: "lev fd vd bedrag" "nr acties acties acties";row-gap: 6px;padding: 9px 0}
 .ikw-blok .ikw-week-tabel td.ikw-lev{grid-area: lev;font-size: 13.5px}
 .ikw-blok .ikw-week-tabel td.ikw-nr{grid-area: nr;align-self: center;font-size: 12px;color: var(--zacht);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
 .ikw-blok .ikw-week-tabel td.ikw-fd{grid-area: fd;font-size: 12.5px;color: var(--inkt)}
 .ikw-blok .ikw-week-tabel td.ikw-vd{grid-area: vd;text-align: left;font-size: 12.5px;white-space: normal}
 .ikw-blok .ikw-week-tabel td.ikw-vd small{display: block;margin: 0;font-size: 11px;white-space: nowrap}
 .ikw-blok .ikw-week-tabel td.ikw-bedrag{grid-area: bedrag;text-align: right;font-size: 13px}
 .ikw-blok .ikw-week-tabel tr.ikw-r td.ikw-acties{grid-area: acties;display: flex;gap: 6px;margin: 0}
 .ikw-blok .ikw-week-tabel .ikw-acties button.klein{flex: 1 1 0;min-height: 34px;font-size: 12.5px}
 .ikw-veld input, .ikw-veld select, .ikw-zoek{font-size: 16px}
 dialog.ikw-dlg, dialog.ikw-dlg.ikw-overzicht{width: 100vw;max-width: 100vw;height: 100%;max-height: 100%;margin: 0;border-radius: 0}
 .ikw-dlg-voet{position: sticky;bottom: -16px;background: var(--papier);padding: 10px 0}
 .ikw-dlg-voet button{flex: 1;min-height: 44px}
}