:root{--kleur-achtergrond:#eef2ff;--kleur-sidebar:#fff;--kleur-primair:#4d7fff;--kleur-primair-licht:#eef2ff;--kleur-tekst:#1a1d2e;--kleur-tekst-zacht:#6b7280;--kleur-rand:#e5e7eb;--kleur-positief:#16a34a;--kleur-negatief:#dc2626;--kleur-kaart:#fff;--schaduw-kaart:0 1px 3px #00000014, 0 1px 2px #0000000a;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{background:var(--kleur-achtergrond);color:var(--kleur-tekst);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}#root{height:100vh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}[data-modus=donker]{--kleur-primair-licht:#4d7fff18;--kleur-sidebar:#1e2235;--kleur-achtergrond:#13162b;--kleur-tekst:#e2e8f0;--kleur-tekst-zacht:#94a3b8;--kleur-rand:#2d3148;--kleur-hover:#252840;--kleur-kaart:#1e2235;--kleur-invoer:#252840;--schaduw-kaart:0 1px 3px #0000004d, 0 1px 2px #0003}[data-modus=donker] body{background:var(--kleur-achtergrond)}[data-modus=donker] .kaart,[data-modus=donker] .dash-module-sectie,[data-modus=donker] .dash-widget{background:var(--kleur-kaart)}[data-modus=donker] input:not(.auth-invoer):not(.auth-invoer-groot),[data-modus=donker] select,[data-modus=donker] textarea{background:var(--kleur-invoer);color:var(--kleur-tekst);border-color:var(--kleur-rand)}[data-modus=donker] select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-color:var(--kleur-invoer)}[data-modus=donker] .nav-item.actief{background:#4d7fff22}[data-letters=groot]{font-size:110%}[data-letters=klein]{font-size:90%}[data-animaties=gereduceerd] *,[data-animaties=gereduceerd] :before,[data-animaties=gereduceerd] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.compacte-scrollbar ::-webkit-scrollbar{width:4px;height:4px}body.compacte-scrollbar ::-webkit-scrollbar-track{background:0 0}body.compacte-scrollbar ::-webkit-scrollbar-thumb{background:var(--kleur-rand);border-radius:4px}.ni-hover tbody.ni-groep>tr>td{background:0 0!important}.ni-hover tbody.ni-groep:nth-of-type(2n)>tr>td{background:#0000000b!important}.ni-hover tbody.ni-groep{border-bottom:1px solid var(--kleur-rand,#e2e8f0)}.ni-hover tbody.ni-groep:hover>tr>td{background:var(--kleur-primair-licht,#4d7fff2e)!important}.brede-scrollbalk{scrollbar-width:auto;scrollbar-color:var(--kleur-primair) var(--kleur-hover,#e5e7eb)}body.compacte-scrollbar .brede-scrollbalk::-webkit-scrollbar{width:14px;height:14px}.brede-scrollbalk::-webkit-scrollbar{width:14px;height:14px}body.compacte-scrollbar .brede-scrollbalk::-webkit-scrollbar-track{background:var(--kleur-hover,#e5e7eb);border-radius:8px}.brede-scrollbalk::-webkit-scrollbar-track{background:var(--kleur-hover,#e5e7eb);border-radius:8px}body.compacte-scrollbar .brede-scrollbalk::-webkit-scrollbar-thumb{background:var(--kleur-primair);border:3px solid var(--kleur-hover,#e5e7eb);border-radius:8px}.brede-scrollbalk::-webkit-scrollbar-thumb{background:var(--kleur-primair);border:3px solid var(--kleur-hover,#e5e7eb);border-radius:8px}.kaart{background:var(--kleur-kaart);border-radius:var(--radius);box-shadow:var(--schaduw-kaart)}.sectie-kaart{margin-bottom:12px;padding:12px 16px}.sectie-omschrijving{color:var(--kleur-tekst-zacht);margin-top:-6px;margin-bottom:10px;font-size:12px}.scheidslijn{border:none;border-top:1px solid var(--kleur-rand);margin:12px 0}.veld-label{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:500}.veld-hint{color:var(--kleur-tekst-zacht);font-size:11px}select:not([multiple]):not([size]){appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px 6px;padding-right:28px}select:not([multiple]):not([size]):disabled{opacity:.5;cursor:default}.invoer{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst);background:#fff;border-radius:4px;outline:none;width:100%;padding:4px 8px;font-family:inherit;font-size:12px;line-height:1.4;transition:border-color .15s,box-shadow .15s,background-color .15s}.invoer:focus{border-color:var(--kleur-primair)}select.invoer{padding-top:4px;padding-bottom:4px}select.invoer:hover:not(:disabled){border-color:var(--kleur-primair);background-color:var(--kleur-primair-licht,#f0f9ff)}select.invoer:focus{border-color:var(--kleur-primair);box-shadow:0 0 0 3px #6399221f}.pagina-titel{color:var(--kleur-tekst);font-size:20px;font-weight:700}.knop-primair:hover{background:#3b6ee8}.knop-groen{color:#065f46;cursor:pointer;background:#d1fae5;border:none;border-radius:4px;padding:7px 14px;font-size:12px;font-weight:500}.knop-groen:disabled{opacity:.5;cursor:not-allowed}.knop-link{color:var(--kleur-primair);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.knop-link:hover{opacity:.8}.succes-melding{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;padding:10px 14px;font-size:13px}.rij-factuur-knop{padding:3px 8px;font-size:11px}.badge{border-radius:3px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-donker{color:#f8fafc;background:#1e293b}.badge-donkerrood{color:#fecaca;background:#7f1d1d}.badge-paars{color:#7e22ce;background:#f3e8ff}.badge-primair{background:var(--kleur-primair);color:#fff}.badge-xs{padding:1px 5px;font-size:9px}.badge-team-ai{color:#dc2626;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef44442e;border:1px solid #ef444466;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #ef444433}.badge-team-bee{color:#0284c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#38bdf82e;border:1px solid #38bdf866;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #38bdf833}.badge-team-finance{color:#9333ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a855f72e;border:1px solid #a855f766;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #a855f733}.badge-team-hr{color:#a16207;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#facc1538;border:1px solid #facc1580;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #facc1533}.badge-team-sales{color:#16a34a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22c55e2e;border:1px solid #22c55e66;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #22c55e33}.badge-team-operations{color:#ea580c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f973162e;border:1px solid #f9731666;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #f9731633}.badge-team-custom{color:#475569;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#94a3b82e;border:1px solid #94a3b866;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff4d,0 2px 6px #94a3b826}.badge-teamlead{color:#f8fafc;background:#0f172a;padding:1px 5px;font-size:8px}.cel-ja{font-weight:700;color:#16a34a!important}.cel-nee{font-weight:700;color:#dc2626!important}.overzicht-tabel{border-collapse:collapse;min-width:100%}.kaart:has(.overzicht-tabel){overflow-x:auto}.overzicht-tabel th{text-align:left;color:var(--kleur-tekst-zacht);letter-spacing:.4px;border-bottom:1px solid var(--kleur-rand);white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;vertical-align:bottom;background:#fafafa;padding:8px 12px;font-size:11px;font-weight:600}.overzicht-tabel td{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;font-size:12px;overflow:hidden}.overzicht-tabel th{position:relative}.overzicht-tabel tr:last-child td{border-bottom:none}.overzicht-tabel tbody tr{cursor:pointer;transition:background .1s}.overzicht-tabel tbody tr:nth-child(2n){background:#f8fafc}.overzicht-tabel tbody tr:hover{background:#eff4ff}.overzicht-tabel tbody tr.split-hoofdrij{background:#e8eaed!important}.overzicht-tabel tbody tr.split-hoofdrij:hover{background:#dde0e5!important}.overzicht-tabel tbody.jp-groep>tr>td{transition:background .12s,border-color .12s,box-shadow .12s}.overzicht-tabel tbody.jp-groep>tr>td:first-child{border-left:2px solid var(--kleur-rand)}.overzicht-tabel tbody.jp-groep>tr>td:last-child{border-right:2px solid var(--kleur-rand)}.overzicht-tabel tbody.jp-groep>tr:first-child>td{box-shadow:inset 0 2px 0 var(--kleur-rand)}.overzicht-tabel tbody.jp-groep>tr:last-child>td{border-bottom:2px solid var(--kleur-rand)!important}.overzicht-tabel tbody.jp-groep>tr:nth-child(2n){background:0 0}.overzicht-tabel tbody.jp-groep+tbody.jp-groep>tr:first-child>td{padding-top:10px}.overzicht-tabel tbody.jp-groep>tr:hover{background:0 0!important}.overzicht-tabel tbody.jp-groep-actief>tr>td{background:var(--kleur-hover)!important}.overzicht-tabel tbody.jp-groep-actief>tr>td:first-child{border-left-color:var(--kleur-primair)!important}.overzicht-tabel tbody.jp-groep-actief>tr>td:last-child{border-right-color:var(--kleur-primair)!important}.overzicht-tabel tbody.jp-groep-actief>tr:first-child>td{box-shadow:inset 0 2px 0 var(--kleur-primair)!important}.overzicht-tabel tbody.jp-groep-actief>tr:last-child>td{border-bottom-color:var(--kleur-primair)!important}.kolom-resize-handle{cursor:col-resize;z-index:1;width:5px;position:absolute;top:0;bottom:0;right:0}.kolom-resize-handle:hover,.kolom-resize-handle:active{background:var(--kleur-primair);opacity:.4}.filter-balk{gap:8px;margin-bottom:12px;display:flex}.zoek-invoer{border:1.5px solid var(--kleur-rand);background:#fff;border-radius:4px;outline:none;flex:1;padding:4px 10px;font-family:inherit;font-size:12px;line-height:1.4}.zoek-invoer:focus{border-color:var(--kleur-primair)}.filter-select{border:1.5px solid var(--kleur-rand);background:#fff;border-radius:4px;outline:none;padding:4px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.filter-select:hover:not(:disabled){border-color:var(--kleur-primair)}.filter-select:focus{border-color:var(--kleur-primair);box-shadow:0 0 0 3px #6399221f}.modal-kaart{background:var(--kleur-kaart);border-radius:10px;flex-direction:column;max-width:94vw;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 8px 40px #0000002e}.modal-header{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.modal-header button{width:26px;height:26px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:background .12s,color .12s;display:flex}.modal-header button:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.modal-formulier{flex-direction:column;gap:14px;padding:20px;display:flex}.formulier-rij{flex-direction:column;gap:5px;display:flex}.formulier-rij>label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.invoer-veld{border:1.5px solid var(--kleur-rand);width:100%;color:var(--kleur-tekst);background:var(--kleur-kaart);box-sizing:border-box;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.invoer-veld:focus{border-color:var(--kleur-primair);box-shadow:0 0 0 3px #4d7fff1f}.invoer-veld[readonly]{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);cursor:default}select.invoer-veld{padding-top:7px;padding-bottom:7px}select.invoer-veld:hover:not(:disabled){border-color:var(--kleur-primair)}.modal-acties{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.knop-secundair{background:var(--kleur-achtergrond);color:var(--kleur-tekst);border:1.5px solid var(--kleur-rand);cursor:pointer;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.knop-secundair:hover{background:var(--kleur-rand);border-color:#c8cdd5}.knop-tekst{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;transition:opacity .12s}.knop-tekst:hover{opacity:.75}.knop-tekst:disabled{opacity:.5;cursor:default}.knop-gevaar{color:#991b1b;cursor:pointer;background:#fee2e2;border:1.5px solid #fecaca;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500;transition:background .15s}.knop-gevaar:disabled{opacity:.5;cursor:not-allowed}.fout-tekst{color:var(--kleur-negatief);background:#fee2e2;border:1px solid #fca5a5;border-radius:5px;margin:0;padding:8px 10px;font-size:12px}.btw-select-wrapper{width:100%;position:relative}.btw-select-trigger{text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:30px;font-size:13px;display:flex}.btw-select-trigger.open{border-color:var(--kleur-primair);border-radius:4px 4px 0 0}.btw-select-trigger-inhoud{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.btw-select-chevron{color:var(--kleur-tekst-zacht);flex-shrink:0;font-size:11px;line-height:1}.btw-select-placeholder{color:var(--kleur-tekst-zacht);font-style:italic}.btw-select-lijst{z-index:200;border:1.5px solid var(--kleur-primair);background:#fff;border-top:none;border-radius:0 0 6px 6px;max-height:260px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #0000001a}.btw-select-optie{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.btw-select-optie:last-child{border-bottom:none}.btw-select-optie:hover{background:#f0f7ff}.btw-select-optie.actief{background:#eff6ff}.btw-select-geen{color:var(--kleur-tekst-zacht);font-style:italic}.btw-select-code{color:var(--kleur-primair);white-space:nowrap;flex-shrink:0;font-weight:600}.btw-select-pct{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:11px;font-weight:600}.btw-select-omschr{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tab-knop{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:7px 16px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.tab-knop:hover{color:var(--kleur-tekst)}.mld-pagina{max-width:960px;padding:32px 40px}.mld-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.mld-titel{color:var(--kleur-tekst);margin:0 0 4px;font-size:22px;font-weight:700}.mld-ondertitel{color:var(--kleur-tekst-zacht);margin:0;font-size:13px}.mld-nieuw-knop{background:var(--kleur-primair);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:13px;font-weight:600}.mld-nieuw-knop:hover{opacity:.88}.mld-laden{color:var(--kleur-tekst-zacht);padding:24px 0;font-size:13px}.mld-leeg{text-align:center;color:var(--kleur-tekst-zacht);flex-direction:column;align-items:center;gap:16px;padding:48px 0;font-size:14px;display:flex}.mld-tabel-wrapper{overflow-x:auto}.mld-tabel{border-collapse:collapse;width:100%;font-size:13px}.mld-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}.mld-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;color:var(--kleur-tekst);padding:10px 12px}.mld-tabel tr:last-child td{border-bottom:none}.mld-tabel tr:hover td{background:var(--kleur-primair-licht)}.mld-cel-naam{font-weight:600}.mld-trigger-cel{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mld-acties{justify-content:flex-end;gap:4px;display:flex}.mld-bewerk-knop,.mld-verwijder-knop{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);cursor:pointer;width:28px;height:28px;color:var(--kleur-tekst-zacht);border-radius:6px;justify-content:center;align-items:center;display:flex}.mld-bewerk-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.mld-verwijder-knop:hover{border-color:var(--kleur-negatief);color:var(--kleur-negatief)}.mld-verwijder-knop:disabled{opacity:.4;cursor:default}.mld-badge{white-space:nowrap;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.mld-badge-actief{color:#166534;background:#dcfce7}.mld-badge-inactief{color:#64748b;background:#f1f5f9}.mld-badge-dagen{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.mld-badge-kanaal-email{color:#1d4ed8;background:#eff6ff}.mld-badge-kanaal-notificatie{color:#854d0e;background:#fef9c3}.mld-badge-kanaal-beide{color:#166534;background:#f0fdf4}.mld-editor-overlay{z-index:600;background:#00000059;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.mld-editor-paneel{background:var(--kleur-kaart);flex-direction:column;width:560px;max-width:100vw;height:100vh;display:flex;box-shadow:-4px 0 24px #00000040}.mld-editor-header{border-bottom:1px solid var(--kleur-rand);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.mld-editor-titel{margin:0;font-size:17px;font-weight:700}.mld-editor-sluiten{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.mld-editor-sluiten:hover{color:var(--kleur-tekst)}.mld-editor-body{flex:1;padding:20px 24px;overflow-y:auto}.mld-editor-footer{border-top:1px solid var(--kleur-rand);justify-content:flex-end;gap:8px;margin-top:8px;padding:16px 24px;display:flex}.mld-formulier{flex-direction:column;gap:16px;display:flex}.mld-veld-rij{flex-direction:column;gap:5px;display:flex}.mld-label{color:var(--kleur-tekst);font-size:12px;font-weight:600}.mld-verplicht{color:#ef4444;margin-left:2px}.mld-invoer{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);width:100%;color:var(--kleur-tekst);box-sizing:border-box;border-radius:7px;padding:8px 10px;font-size:13px}.mld-invoer:focus{border-color:var(--kleur-primair);box-shadow:0 0 0 2px var(--kleur-primair-licht);outline:none}.mld-textarea{resize:vertical;min-height:120px;font-family:inherit}.mld-radio-groep{flex-wrap:wrap;gap:16px;display:flex}.mld-radio-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.mld-actief-rij{flex-direction:row;align-items:center}.mld-toggle-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.mld-toggle-input{cursor:pointer;width:16px;height:16px}.mld-toggle-tekst{font-size:13px;font-weight:500}.mld-fout{color:var(--kleur-negatief);background:#dc26261a;border:1px solid #dc262647;border-radius:6px;padding:8px 12px;font-size:12px}.mld-placeholders{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:8px;padding:12px 14px}.mld-placeholders-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);margin-bottom:10px;font-size:11px;font-weight:700}.mld-placeholder-groep{margin-bottom:8px}.mld-placeholder-groep:last-child{margin-bottom:0}.mld-placeholder-groep-label{text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);margin-bottom:4px;font-size:10px;font-weight:700}.mld-chips{flex-wrap:wrap;gap:2px;display:flex}.mld-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.mld-knop-primair:hover{opacity:.88}.mld-knop-primair:disabled{opacity:.5;cursor:default}.mld-knop-secundair{background:var(--kleur-kaart);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);cursor:pointer;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600}.mld-knop-secundair:hover{background:var(--kleur-achtergrond)}.dk-wrap{vertical-align:middle;display:inline-flex}.dk-veld{cursor:pointer;text-align:left;font:inherit;justify-content:space-between;align-items:center;gap:8px;min-width:118px;display:inline-flex}.dk-disabled .dk-veld{cursor:default;opacity:.6}.dk-waarde{color:var(--kleur-tekst)}.dk-plaatshouder{color:var(--kleur-tekst-zacht)}.dk-icoon{color:var(--kleur-tekst-zacht);flex-shrink:0}.dk-input{width:100%;min-width:0;font:inherit;color:var(--kleur-tekst);background:0 0;border:none;outline:none;flex:1;margin:0;padding:0}.dk-input::placeholder{color:var(--kleur-tekst-zacht)}.dk-input:disabled{cursor:default}.dk-icoon-knop{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dk-icoon-knop:disabled{cursor:default}.dk-pop{z-index:3000;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:12px;width:258px;padding:10px;position:fixed;box-shadow:0 12px 32px #00000052}.dk-kop{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dk-maand{color:var(--kleur-primair);text-transform:capitalize;font-size:13.5px;font-weight:700}.dk-nav{gap:4px;display:flex}.dk-nav button{cursor:pointer;background:var(--kleur-hover);width:26px;height:26px;color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:6px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.dk-nav button:hover{background:var(--kleur-rij-highlight)}.dk-grid{border-collapse:collapse;width:100%}.dk-grid th{color:var(--kleur-tekst-zacht);text-align:center;padding:4px 0;font-size:10.5px;font-weight:600}.dk-wk-kop,.dk-wk{color:var(--kleur-tekst-zacht);text-align:center;border-right:1px solid var(--kleur-rand);width:22px;font-size:9px}.dk-wk{opacity:.8;font-weight:600}.dk-grid td{text-align:center;padding:1px}.dk-weekend{background:var(--kleur-rij-highlight)}.dk-dag{cursor:pointer;width:28px;height:28px;color:var(--kleur-tekst);background:0 0;border:none;border-radius:7px;font-size:12.5px}.dk-dag:hover{background:var(--kleur-hover)}.dk-buiten{color:var(--kleur-tekst-zacht);opacity:.45}.dk-vandaag{box-shadow:inset 0 0 0 1.5px var(--kleur-primair)}.dk-select{background:var(--kleur-primair);color:#fff;font-weight:700}.dk-select:hover{background:var(--kleur-primair)}.dk-uit{opacity:.3;cursor:default}.dk-uit:hover{background:0 0}.dk-voet{border-top:1px solid var(--kleur-rand);justify-content:space-between;margin-top:8px;padding-top:8px;display:flex}.dk-voet button{cursor:pointer;color:var(--kleur-primair);background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12.5px;font-weight:600}.dk-voet button:hover{background:var(--kleur-hover)}.planning-pagina{padding:24px 28px}.planning-tab-balk{border-bottom:2px solid var(--kleur-rand);gap:0;margin-bottom:16px;display:flex}.planning-tab{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:9px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.planning-tab:hover{color:var(--kleur-tekst)}.planning-tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair);font-weight:600}.planning-kalender-kaart{padding:16px}.kalender-nav{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px;display:grid}.kalender-nav-knop{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);width:28px;height:28px;color:var(--kleur-tekst);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.kalender-nav-knop:hover{background:var(--kleur-primair-licht)}.kalender-maand-titel{color:var(--kleur-tekst);white-space:nowrap;font-size:14px;font-weight:600}.kalender-grid{background:var(--kleur-rand);border:1px solid var(--kleur-rand);border-radius:6px;grid-template-columns:28px repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.kalender-weeknr-spacer{background:var(--kleur-achtergrond)}.kalender-banner-rij{background:var(--kleur-rand);grid-column:2/9;grid-template-columns:repeat(7,1fr);gap:0 1px;display:grid}.kalender-banner-cel{background:var(--kleur-kaart);min-height:0}.kalender-banner{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-top:1.5px solid;border-bottom:1.5px solid;height:16px;margin-bottom:1px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px;overflow:hidden}.kalender-banner-start{border-left:3px solid;border-radius:3px 0 0 3px}.kalender-banner-midden{border-left:none;border-radius:0}.kalender-banner-einde{border-left:none;border-radius:0 3px 3px 0}.kalender-banner-midden,.kalender-banner-einde{padding-left:2px;font-size:0}.kalender-weeknr-header{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);opacity:.5;text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:7px 0;font-size:9px;font-weight:700;display:flex}.kalender-weeknr{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);opacity:.55;justify-content:center;align-items:flex-start;padding-top:6px;font-size:9px;font-weight:600;display:flex}.kalender-dag-naam{background:var(--kleur-achtergrond);text-align:center;color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;min-width:0;padding:7px 2px;font-size:9px;font-weight:700;overflow:hidden}.kalender-dag-kop{background:var(--kleur-kaart);min-width:0;padding:5px 5px 3px;overflow:hidden}.kalender-dag-kop.andere-maand{background:var(--kleur-achtergrond);opacity:.55}.kalender-dag-kop.vandaag{background:var(--kleur-primair-licht,var(--kleur-kaart))}.kalender-dag-kop.vandaag .kalender-dag-nr{background:var(--kleur-primair);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.kalender-dag-nr{color:var(--kleur-tekst-zacht);text-align:center;font-size:11px;font-weight:600;display:block}.kalender-dag-inhoud{background:var(--kleur-kaart);vertical-align:top;min-width:0;min-height:80px;padding:3px 5px 5px;overflow:hidden}.kalender-dag-inhoud.andere-maand{background:var(--kleur-achtergrond);opacity:.55}.kalender-dag-inhoud.vandaag{background:var(--kleur-primair-licht,var(--kleur-kaart))}.kalender-item{cursor:pointer;border-left:3px solid #0000;border-radius:3px;align-items:center;gap:2px;margin-bottom:2px;padding:2px 5px 2px 6px;font-size:10px;font-weight:500;line-height:1.35;display:flex;overflow:hidden}.kalender-item-titel{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.kalender-views-strip{flex-wrap:wrap;gap:5px;min-height:0;margin-bottom:10px;display:flex}.kalender-view-chip{background:var(--kleur-primair-licht);color:var(--kleur-primair);border:1px solid var(--kleur-primair,#4d7fff)33;white-space:nowrap;border-radius:10px;align-items:center;gap:4px;padding:2px 6px 2px 7px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.kalender-view-chip button{opacity:.6;color:inherit;cursor:pointer;margin-left:1px;padding:0 1px;font-size:9px;line-height:1}.kalender-view-chip button:hover{opacity:1}.kalender-taak{color:var(--kleur-tekst);background:#64748b21;border-left-color:#9ca3af}.kalender-taak.prio-urgent{border-left-color:#ef4444}.kalender-taak.prio-hoog{border-left-color:#f59e0b}.kalender-taak.prio-normaal{border-left-color:#6366f1}.kalender-taak.prio-laag{border-left-color:#9ca3af}.kalender-notificatie{color:var(--kleur-tekst);background:#f973161a;border-left-color:#f97316}.kalender-notificatie.prio-urgent{border-left-color:#ef4444}.kalender-notificatie.prio-hoog{border-left-color:#f59e0b}.kalender-notificatie.prio-normaal{border-left-color:#6366f1}.kalender-notificatie.prio-laag{border-left-color:#9ca3af}.kalender-meer{color:var(--kleur-tekst-zacht);padding:1px 4px;font-size:10px}.kalender-item.geselecteerd{outline:2px solid var(--kleur-primair);outline-offset:1px}.kalender-item.afgerond{opacity:.55;text-decoration:line-through}.kalender-item.gemaskeerd{opacity:.7;pointer-events:none;font-style:italic}.taak-detail-paneel{margin-top:12px;padding:14px 18px;animation:.15s paneel-in}@keyframes paneel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.taak-detail-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.taak-detail-titel{color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.taak-detail-sluit{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:14px;line-height:1}.taak-detail-sluit:hover{background:var(--kleur-achtergrond)}.taak-detail-body{flex-direction:column;gap:8px;display:flex}.taak-detail-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.taak-detail-chip{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);color:var(--kleur-tekst);white-space:nowrap;border-radius:12px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.taak-detail-omschrijving{color:var(--kleur-tekst-zacht);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.5}.prio-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:4px;display:inline-block;position:relative;top:-1px;box-shadow:0 0 0 1.5px #ffffff73}.prio-dot-urgent{background:#ef4444}.prio-dot-hoog{background:#f59e0b}.prio-dot-normaal{background:#6366f1}.prio-dot-laag{background:0 0;box-shadow:0 0 0 1.5px #9ca3af}.planning-tabel-wrapper{overflow-x:auto}.planning-tabel-wrapper .overzicht-tabel{table-layout:fixed;width:100%;min-width:700px}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-checkbox{width:38px}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-taak{width:auto}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-periode{width:148px}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-prioriteit{width:90px}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-timer,.planning-tabel-wrapper .overzicht-tabel colgroup col.col-status{width:88px}.planning-tabel-wrapper .overzicht-tabel colgroup col.col-acties{width:68px}.tijdklok-knop{cursor:default;color:var(--kleur-tekst-zacht);opacity:.45;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px 4px;display:inline-flex}.planning-tabel-wrapper .rij-actie{opacity:1;cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;transition:background .12s,color .12s;display:inline-flex}.planning-tabel-wrapper .rij-actie:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.taak-afgerond td{opacity:.5}.taak-afgerond .taak-titel{text-decoration:line-through}.taak-titel{color:var(--kleur-tekst);font-size:12px;font-weight:500}.rij-actie-gevaar{color:#dc2626!important}.rij-actie-gevaar:hover{color:#991b1b!important;background:#fee2e2!important}.collega-picker-dropdown{z-index:300;background:var(--kleur-kaart);border:1.5px solid var(--kleur-rand);border-radius:6px;min-width:200px;max-height:280px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.knop-toevoegen{color:var(--kleur-primair);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:500}.datum-picker-knop{cursor:pointer;background:var(--kleur-kaart);width:100%;color:var(--kleur-tekst);text-align:left;justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.datum-picker-popup{z-index:600;background:var(--kleur-kaart);border:1.5px solid var(--kleur-primair);-webkit-user-select:none;user-select:none;border-radius:8px;min-width:224px;padding:10px;position:absolute;top:calc(100% + 3px);left:0;box-shadow:0 8px 24px #0000002e}.datum-picker-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.datum-picker-maand-lbl{color:var(--kleur-tekst);font-size:12px;font-weight:600}.datum-picker-pijl{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst);background:0 0;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;display:flex}.datum-picker-pijl:hover{background:var(--kleur-primair-licht)}.datum-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-dag-naam{text-align:center;color:var(--kleur-tekst-zacht);text-transform:uppercase;padding:3px 0 4px;font-size:9px;font-weight:700}.dp-dag{aspect-ratio:1;width:100%;color:var(--kleur-tekst);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;transition:background .1s;display:flex}.dp-dag:hover:not(.uitgeschakeld){background:var(--kleur-achtergrond)}.dp-dag.vandaag{color:var(--kleur-primair);font-weight:700}.dp-dag.geselecteerd{color:#fff;background:var(--kleur-primair)!important}.dp-dag.uitgeschakeld{opacity:.3;cursor:not-allowed}.duur-knopjes{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.duur-knop{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:10px;transition:background .1s,color .1s,border-color .1s}.duur-knop:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair);border-color:var(--kleur-primair)}.not-rij{cursor:pointer}.not-rij:hover{background:#f9fafb}.not-ongelezen{background:#f0f9ff!important}.not-titel{color:var(--kleur-tekst);font-size:12px;font-weight:500}.not-prio-urgent td:first-child{border-left:3px solid #dc2626}.not-prio-hoog td:first-child{border-left:3px solid #f59e0b}.not-prio-normaal td:first-child{border-left:3px solid #6366f1}.not-prio-laag td:first-child{border-left:3px solid #d1d5db}.mw-naam{color:var(--kleur-tekst);font-size:12px;font-weight:500}.mw-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.personeel-tabel tbody tr:nth-child(2n){background:#f8f9fb}.personeel-tabel tbody tr:hover{background:#eef4ff!important}.personeel-tabel th.sorteerbaar{cursor:pointer;-webkit-user-select:none;user-select:none}.personeel-tabel th.sorteerbaar:hover{color:var(--kleur-tekst)}.sort-pijl{opacity:.35;margin-left:4px;font-size:10px;display:inline-block}.sort-pijl.actief{opacity:1;color:var(--kleur-primair,#2563eb)}.klant-detail-pagina{max-width:1100px}.klant-sticky-top{z-index:50;background:var(--kleur-achtergrond,#f3f4f6);margin-bottom:14px;padding-bottom:0;position:sticky;top:-22px}.klant-detail-breadcrumb{align-items:center;gap:8px;font-size:12px;display:flex}.terug-knop{color:var(--kleur-primair);cursor:pointer;padding:4px 0;font-size:12px;font-weight:500}.breadcrumb-scheidingsteken{color:var(--kleur-tekst-zacht)}.breadcrumb-huidig{color:var(--kleur-tekst);font-weight:500}.klant-detail-acties{gap:8px;display:flex}.klant-avatar-wrapper{flex-shrink:0;position:relative}.klant-avatar-wrapper:hover .avatar-bewerk-tooltip,.avatar-bewerk-tooltip:focus-within{opacity:1;pointer-events:all}.avatar-bewerk-tooltip{z-index:200;opacity:0;pointer-events:none;background:#1e293b;border-radius:6px;flex-direction:column;gap:4px;min-width:140px;padding:10px 12px;transition:opacity .15s;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 12px #00000040}.avatar-invoer{letter-spacing:2px;color:#fff;text-align:center;text-transform:uppercase;background:#0f172a;border:1px solid #475569;border-radius:4px;width:80px;padding:4px 7px;font-size:13px;font-weight:700}.avatar-invoer::placeholder{color:#64748b;letter-spacing:1px}.avatar-invoer:focus{border-color:var(--kleur-primair);outline:none}.avatar-hint{color:#94a3b8;font-size:10px;line-height:1.3}.klant-naam-header{border-radius:var(--radius);box-shadow:var(--schaduw-kaart);background:#fff;align-items:center;gap:14px;margin-bottom:0;padding:14px 18px;display:flex}.klant-avatar-groot{background:var(--kleur-primair);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:flex}.klant-hoofd-naam{color:var(--kleur-tekst);font-size:16px;font-weight:700}.klant-hoofd-sub{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:12px}.klant-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.hoofd-tab-balk{border-bottom:2px solid var(--kleur-rand);border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--schaduw-kaart);background:#fff;flex-wrap:wrap;gap:0;margin-bottom:14px;padding:0 16px;display:flex}.hoofd-tab{color:var(--kleur-tekst-zacht);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:9px 16px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.hoofd-tab:hover{color:var(--kleur-tekst)}.hoofd-tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair);font-weight:600}.tab-teller{background:var(--kleur-primair);color:#fff;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700}.klant-layout{align-items:flex-start;gap:18px;display:flex}.klant-sidenav{border-radius:var(--radius);width:164px;box-shadow:var(--schaduw-kaart);background:#fff;flex-direction:column;flex-shrink:0;padding:8px 0;display:flex;position:sticky;top:170px}.sidenav-item{color:var(--kleur-tekst-zacht);cursor:pointer;text-align:left;border-left:3px solid #0000;align-items:center;gap:8px;padding:7px 14px;font-size:12px;transition:all .12s;display:flex}.sidenav-item.actief{color:var(--kleur-primair);border-left-color:var(--kleur-primair);background:#eff4ff;font-weight:600;box-shadow:inset 0 0 0 1px #c7d9ff}.sidenav-dot{opacity:.4;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidenav-item.actief .sidenav-dot{opacity:1}.klant-inhoud{flex:1;min-width:0}.klant-sectie{scroll-margin-top:180px}.sectie-actief{border:1.5px solid var(--kleur-primair)!important}.sectie-header-rij{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sectie-header-rij .sectie-titel{margin-bottom:0}.sectie-titel{color:var(--kleur-tekst);margin-bottom:10px;font-size:13px;font-weight:600}.sectie-omschrijving{color:var(--kleur-tekst-zacht);margin-bottom:10px;font-size:11px}.flex2{flex:2}.flex3{flex:3}.weergave-waarde{color:var(--kleur-tekst);padding:2px 0;font-size:12px;line-height:1.4;display:block}.weergave-tekst{color:var(--kleur-tekst);white-space:pre-wrap;margin:0;font-size:12px;line-height:1.6}.weergave-checkboxen{flex-direction:column;gap:4px;display:flex}.weergave-check{color:var(--kleur-tekst-zacht);font-size:12px}.leeg-tekst{color:var(--kleur-tekst-zacht);padding:4px 0;font-size:12px}.contact-kaart{padding:10px 0}.contact-kaart-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.contact-naam-rij{align-items:center;gap:8px;display:flex}.contact-avatar{width:26px;height:26px;color:var(--kleur-tekst);background:#e5e7eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.contact-naam{color:var(--kleur-tekst);font-size:12px;font-weight:600}.contact-functie{color:var(--kleur-tekst-zacht);font-size:11px}.contact-acties{align-items:center;gap:6px;display:flex}.soort-keuze{gap:8px;display:flex}.soort-optie{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.soort-optie input[type=radio]{display:none}.soort-optie:hover{border-color:var(--kleur-primair);color:var(--kleur-tekst)}.soort-optie.actief{border-color:var(--kleur-primair);color:var(--kleur-primair);background:#eff4ff}.veld-hint{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:10px;display:block}.vestiging-kaart{padding:10px 0}.vestiging-kaart-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.vestiging-naam-rij{align-items:center;gap:8px;display:flex}.vestiging-icoon{filter:grayscale()brightness(.4);font-size:16px}.vestiging-naam{color:var(--kleur-tekst);font-size:13px;font-weight:600}.vestiging-contacten{flex-wrap:wrap;gap:12px;display:flex}.vestiging-contact-blok{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.vestiging-contact-label{color:var(--kleur-tekst-zacht);align-items:center;gap:5px;margin-bottom:2px;font-size:11px;font-weight:600;display:flex}.vestiging-contact-icoon{filter:grayscale()brightness(.5);font-size:12px}.contact-types{flex-wrap:wrap;gap:10px 20px;display:flex}.contact-type-badges{flex-wrap:wrap;gap:5px;display:flex}.contact-verwijder{color:#ef4444;cursor:pointer;border-radius:3px;padding:2px 6px;font-size:11px}.contact-verwijder:hover{background:#fef2f2}.knop-klein{color:var(--kleur-primair);border:1px solid var(--kleur-primair);cursor:pointer;background:#fff;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.knop-klein:hover{background:#eff4ff}.knop-klein-sec{color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand);cursor:pointer;background:#fff;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.knop-klein-sec:hover{background:#f5f7fa}.checkbox-label input{cursor:pointer;accent-color:var(--kleur-primair)}.checkboxen-kolom{flex-direction:column;gap:6px;display:flex}.klant-opmerkingen{resize:vertical;box-sizing:border-box;width:100%;min-height:120px}.dashboard-kpi-rij{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.dashboard-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:140px;padding:14px 16px}.dashboard-blok{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:16px}.dashboard-blok-titel{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.dashboard-tabel{border-collapse:collapse;width:100%;font-size:12px}.dashboard-tabel th{text-align:left;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding:4px 8px 6px;font-size:11px;font-weight:600}.dashboard-tabel td{color:#374151;border-bottom:1px solid #f8fafc;padding:6px 8px}.dashboard-tabel tr:last-child td{border-bottom:none}.dashboard-tabel .bedrag{text-align:right;font-variant-numeric:tabular-nums}.dashboard-leeg{color:#94a3b8;padding:8px 0;font-size:12px;font-style:italic}.mw-tabs{gap:4px;margin-bottom:16px;display:flex}.mw-tab{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .15s}.mw-tab.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.mw-subtab-balk{border-bottom:2px solid var(--kleur-rand);gap:2px;margin-bottom:16px;padding-bottom:0;display:flex}.mw-subtab{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:6px 16px;font-size:12px;font-weight:500;transition:all .15s}.mw-subtab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair)}.mw-subtab:hover:not(.actief){color:var(--kleur-tekst)}.verlof-saldo-balk{gap:12px;margin-bottom:16px;display:flex}.saldo-item{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;flex-direction:column;align-items:center;min-width:100px;padding:12px 24px;display:flex}.saldo-waarde{color:var(--kleur-tekst);font-size:22px;font-weight:700}.saldo-label{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:11px}.saldo-resterend .saldo-waarde{color:var(--kleur-primair)}.onboarding-item{border-bottom:1px solid var(--kleur-rand);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.onboarding-item:last-child{border-bottom:none}.onboarding-titel{color:var(--kleur-tekst);font-size:12px;font-weight:500}.onboarding-titel.afgerond{opacity:.6;text-decoration:line-through}.link-knop{color:var(--kleur-primair);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.mw-kalender-tabel{border-collapse:collapse;width:100%;font-size:11px}.mw-kalender-tabel th{text-align:center;color:var(--kleur-tekst-zacht);padding:2px 0 6px;font-weight:600}.mw-kalender-cel{text-align:center;vertical-align:top;border-radius:4px;min-width:30px;padding:3px 2px}.mw-kalender-cel.ander-maand{opacity:.3}.mw-kalender-cel.vandaag .mw-kalender-dag{background:var(--kleur-primair);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0 auto;display:flex}.mw-kalender-dag{color:var(--kleur-tekst);font-size:11px;line-height:1.6}.mw-kalender-uur{color:var(--kleur-primair);margin-top:1px;font-size:9px;font-weight:600}.mw-aw-badge{border-radius:3px;min-width:15px;margin-top:2px;padding:0 3px;font-size:9px;font-weight:700;line-height:14px;display:inline-block}.mw-aw-aanwezig{color:#15803d;background:#dcfce7}.mw-aw-afwezig{color:#b91c1c;background:#fee2e2}.mw-aw-telaat{color:#b45309;background:#fef3c7}.mw-aw-half{color:#0369a1;background:#e0f2fe}.mw-aw-verlof{color:#6d28d9;background:#ede9fe}.mw-aw-verlof-aangevraagd{color:#7c3aed;background:#f5f3ff}.mw-aw-vrij{background:var(--kleur-rand);color:var(--kleur-tekst-zacht)}.mw-aw-feestdag{color:#be185d;background:#fce7f3}.mw-kalender-dag.mw-aw-ingeroosterd{box-shadow:inset 0 0 0 1.4px var(--kleur-primair);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:0 auto;display:flex}.mw-kalender-dag.mw-aw-ingeroosterd.mw-aw-gewisseld{box-shadow:inset 0 0 0 1.4px #7c3aed}.mw-aw-legenda{color:var(--kleur-tekst-zacht);flex-wrap:wrap;gap:10px;margin-top:10px;font-size:10px;display:flex}.mw-aw-legenda span{align-items:center;gap:4px;display:inline-flex}.mw-teamleden-lijst{flex-direction:column;gap:6px;display:flex}.mw-teamlid-chip{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:background .12s;display:flex}.mw-teamlid-chip:hover{background:var(--kleur-rand)}.mw-teamlid-avatar{background:var(--kleur-primair);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.mw-teamlid-naam{color:var(--kleur-tekst);font-size:12px;font-weight:600}.mw-teamlid-functie{color:var(--kleur-tekst-zacht);font-size:10px}.sectie-subtitel{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht);margin-bottom:8px;font-size:11px;font-weight:600}.mw-rooster-tabel{border-collapse:collapse;width:100%;font-size:12px}.mw-rooster-tabel th{text-align:center;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:4px 8px;font-weight:600}.mw-rooster-tabel td{text-align:center;border-bottom:1px solid var(--kleur-rand);padding:4px}.mw-rooster-week-label{color:var(--kleur-tekst-zacht);white-space:nowrap;font-size:11px;font-weight:600;text-align:left!important;padding-left:0!important}.mw-rooster-invoer{text-align:center;width:52px;padding:4px;font-size:12px}.mw-rooster-totaal{color:var(--kleur-primair);font-weight:700}.dashboard-kpi-rij{flex-wrap:wrap;gap:12px;display:flex}.dashboard-kpi{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;min-width:110px;padding:14px 16px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);margin-bottom:4px;font-size:10px;font-weight:600}.inklok-kalender-grid{grid-template-columns:34px repeat(7,minmax(0,1fr)) 116px;gap:4px;display:grid}.inklok-weeknr{color:var(--kleur-tekst-zacht);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.inklok-weeknr-header{letter-spacing:.04em;text-transform:uppercase;font-size:9px}.inklok-weektotaal,.inklok-weektotaal-header{margin-left:16px}.inklok-weektotaal-header{text-align:center;color:var(--kleur-tekst-zacht);padding:4px 0;font-size:11px;font-weight:700}.inklok-weektotaal{border:1.5px solid var(--kleur-rand);background:var(--kleur-achtergrond-zacht,var(--kleur-achtergrond));border-radius:8px;flex-direction:column;justify-content:center;gap:2px;min-height:80px;padding:5px 8px;display:flex}.inklok-weektotaal-regel{font-variant-numeric:tabular-nums;color:var(--kleur-tekst-zacht);justify-content:space-between;gap:6px;font-size:10px;display:flex}.inklok-weektotaal-regel strong{font-weight:700}.inklok-weektotaal-werk strong{color:var(--kleur-positief)}.inklok-weektotaal-pauze strong{color:#f59e0b}.inklok-weektotaal-saldo-plus strong{color:#3b82f6}.inklok-weektotaal-saldo-min strong{color:#dc2626}.inklok-dag-header{text-align:center;color:var(--kleur-tekst-zacht);padding:4px 0;font-size:11px;font-weight:700}.inklok-dag-cel{border:1.5px solid var(--kleur-rand);background:var(--kleur-achtergrond-zacht,var(--kleur-achtergrond));cursor:pointer;border-radius:8px;flex-direction:column;align-items:stretch;gap:1px;min-height:80px;padding:5px 6px;transition:border-color .12s,box-shadow .12s;display:flex}.inklok-dag-cel:hover{border-color:var(--kleur-primair)}.inklok-dag-cel.actief{border-color:var(--kleur-primair);box-shadow:0 0 0 2px var(--kleur-primair-licht)}.inklok-dag-cel.inklok-dag-compleet{background:#dcfce7;border-color:#86efac}.inklok-dag-cel.inklok-dag-compleet.actief{border-color:#16a34a;box-shadow:0 0 0 2px #dcfce7}.inklok-dag-cel.inklok-dag-open{background:#fff7ed;border-color:#fdba74}.inklok-dag-cel.inklok-dag-open.actief{border-color:#ea580c}.inklok-dag-cel.inklok-dag-tekort{background:#fee2e2;border-color:#fca5a5}.inklok-dag-cel.inklok-dag-tekort.actief{border-color:#dc2626;box-shadow:0 0 0 2px #fee2e2}.inklok-dag-kop{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.inklok-dag-nr{color:var(--kleur-tekst);font-size:13px;font-weight:600;line-height:1}.inklok-dag-rooster{color:var(--kleur-tekst-zacht);font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.inklok-dag-werk{font-variant-numeric:tabular-nums;color:var(--kleur-positief);font-size:11px;font-weight:700;line-height:1.3}.inklok-dag-pauze{font-variant-numeric:tabular-nums;color:#f59e0b;font-size:10px;font-weight:600;line-height:1.3}.inklok-dag-totaal{font-variant-numeric:tabular-nums;color:var(--kleur-tekst-zacht);border-top:1px solid var(--kleur-rand);margin-top:1px;padding-top:1px;font-size:10px;font-weight:700;line-height:1.3}.inklok-dag-overtijd{font-variant-numeric:tabular-nums;color:#3b82f6;font-size:10px;font-weight:700;line-height:1.3}.inklok-dag-resterend{font-variant-numeric:tabular-nums;color:var(--kleur-tekst-zacht);font-size:10px;font-weight:600;line-height:1.3}.inklok-dag-auto-badge{color:var(--kleur-tekst-zacht);background:var(--kleur-rand);border-radius:3px;padding:1px 3px;font-size:9px;font-weight:700}.inklok-dag-rooster-aangepast{color:#7c3aed;font-weight:700}.inklok-dag-verlof{font-variant-numeric:tabular-nums;color:#7c3aed;font-size:10px;font-weight:600;line-height:1.3}.inklok-legenda-dot{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}.inklok-legenda-compleet{background:#86efac}.inklok-legenda-open{background:#fdba74}.inklok-legenda-tekort{background:#fca5a5}.inklok-modal-fout{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:10px;padding:8px 12px;font-size:12px}.hr-vervaldatum{border-top:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);margin-top:12px;padding-top:10px;font-size:12px}.dienstverband-elders{flex-direction:column;gap:10px;max-width:640px;padding:20px 24px;display:flex}.dienstverband-elders p{color:var(--kleur-tekst);margin:0;font-size:14px;line-height:1.6}.dienstverband-uitleg{color:var(--kleur-tekst-zacht)!important;font-size:13px!important}.anker-uitleg{color:var(--kleur-tekst-zacht);max-width:52ch;margin:6px 0 0;font-size:12px;line-height:1.5;display:block}.checkbox-label.anker-keuze{flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:8px;display:flex}.checkbox-label.anker-keuze .anker-uitleg{flex-basis:100%;margin-top:2px}.decl-bon{border:1px solid var(--kleur-rand);border-radius:8px;margin-bottom:10px;padding:12px}.decl-bon-kop{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.decl-bon-velden{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:8px;display:flex}.decl-check{color:var(--kleur-tekst);white-space:nowrap;align-items:center;gap:6px;padding-bottom:8px;font-size:12px;display:inline-flex}.decl-bon-bestand{border-top:1px solid var(--kleur-rand);flex-wrap:wrap;align-items:center;gap:8px;padding-top:8px;display:flex}.decl-knop-bestand{cursor:pointer;align-items:center;gap:4px;font-size:12px;display:inline-flex}.decl-detail-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.decl-afwijs{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:4px;padding:3px 6px;font-size:11px}@media (width<=640px){.decl-bon-velden{flex-direction:column;align-items:stretch}.decl-bon-velden .veld-groep{width:100%}.decl-knop-bestand{flex:1;justify-content:center;padding:10px}}.mv-knop{margin-top:4px}.mv-paneel{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;flex-direction:column;gap:10px;max-width:560px;margin-top:12px;padding:18px 20px;display:flex}.mv-paneel h3{color:var(--kleur-tekst);margin:0;font-size:15px;font-weight:650}.mv-uitleg{color:var(--kleur-tekst-zacht);margin:0;font-size:13px;line-height:1.55}.mv-lijst{color:var(--kleur-tekst);flex-direction:column;gap:3px;margin:0;padding-left:20px;font-size:13px;display:flex}.mv-knoppen{gap:8px;margin-top:4px;display:flex}.art-pagina{max-width:1000px;padding:28px 32px}.art-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.art-titel{color:#1e293b;margin:0;font-size:22px;font-weight:700}.art-nieuw-knop{color:#fff;cursor:pointer;background:#4d7fff;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s}.art-nieuw-knop:hover{background:#3d6fee}.art-zoek{border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:360px;margin-bottom:16px;padding:8px 12px;font-size:13px}.art-zoek:focus{border-color:#4d7fff}.art-tabel-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:auto hidden}.art-tabel-wrapper::-webkit-scrollbar{height:10px}.art-tabel-wrapper::-webkit-scrollbar-track{background:var(--kleur-achtergrond,#f1f5f9);border-radius:0 0 10px 10px}.art-tabel-wrapper::-webkit-scrollbar-thumb{background:var(--kleur-rand,#cbd5e1);border-radius:10px}.art-tabel-wrapper::-webkit-scrollbar-thumb:hover{background:var(--kleur-primair,#94a3b8)}.art-tabel{border-collapse:collapse;width:100%;font-size:13px}.art-tabel th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-size:11px;font-weight:600}.art-tabel td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:11px 16px}.art-tabel tbody tr:nth-child(odd) td{background:#fff}.art-tabel tbody tr:nth-child(2n) td{background:#f8fafc}.art-tabel tbody tr:last-child td{border-bottom:none}.art-tabel tbody tr:hover td{cursor:pointer;background:#dbeafe!important}.art-badge{border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.art-badge-groen{color:#15803d;background:#dcfce7}.art-badge-grijs{color:#64748b;background:#f1f5f9}.art-badge-blauw{color:#1d4ed8;background:#dbeafe}.art-badge-paars{color:#6d28d9;background:#ede9fe}.art-badge-geel{color:#a16207;background:#fef9c3}.art-badge-roze{color:#9d174d;background:#fce7f3}.art-count-badge{color:#64748b;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.art-bewerk-knop{color:#374151;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .15s}.art-bewerk-knop:hover{color:#4d7fff;border-color:#4d7fff}.art-laden{color:#94a3b8;padding:20px 0;font-size:13px}.art-leeg{color:#94a3b8;text-align:center;padding:32px;font-size:13px}.art-fout{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.art-succes{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.art-detail{max-width:820px;padding:28px 32px}.art-detail-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.art-terug{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.art-terug:hover{color:#1e293b}.art-detail-titel{color:#1e293b;margin:0;font-size:20px;font-weight:700}.art-tabs{border-bottom:1px solid #e2e8f0;gap:4px;margin-bottom:24px;display:flex}.art-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s}.art-tab.actief{color:#4d7fff;border-bottom-color:#4d7fff}.art-tab:hover:not(.actief){color:#1e293b}.art-form{flex-direction:column;gap:16px;display:flex}.art-form-rij{grid-template-columns:1fr 1fr;gap:16px;display:grid}.art-form-rij.drie{grid-template-columns:1fr 1fr 1fr}.art-veld{flex-direction:column;gap:5px;display:flex}.art-veld.breed{grid-column:1/-1}.art-label{color:var(--kleur-tekst-zacht);font-size:12px;font-weight:600}.art-invoer{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst);background:var(--kleur-invoer,#fff);border-radius:8px;outline:none;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s}.art-invoer:focus{border-color:#4d7fff}.art-acties{gap:10px;margin-top:8px;display:flex}.art-opslaan{color:#fff;cursor:pointer;background:#4d7fff;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s}.art-opslaan:hover{background:#3d6fee}.art-opslaan:disabled{cursor:not-allowed;background:#94a3b8}.art-sec-knop{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst);cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px;font-size:13px;transition:all .15s}.art-sec-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.art-radio-rij{gap:10px;display:flex}.art-radio-kaart{cursor:pointer;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;transition:all .15s;display:flex}.art-radio-kaart.actief{color:#4d7fff;background:#eff4ff;border-color:#4d7fff;font-weight:500}.art-radio-kaart input{display:none}.art-prijzen-tabel{border-collapse:collapse;border:1px solid var(--kleur-rand);border-radius:8px;width:100%;margin-bottom:12px;font-size:12px;overflow:hidden}.art-prijzen-tabel th{background:var(--kleur-achtergrond,#f8fafc);color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.03em;text-align:left;border-bottom:1px solid var(--kleur-rand);padding:8px 10px;font-size:11px;font-weight:600}.art-prijzen-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;color:var(--kleur-tekst);padding:6px 8px}.art-prijzen-tabel tbody tr:last-child td{border-bottom:none}.art-inline-form{background:var(--kleur-achtergrond,#f8fafc);border:1px solid var(--kleur-rand);border-radius:8px;margin-top:12px;padding:14px 16px}.art-verwijder-knop{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;transition:background .15s}.art-verwijder-knop:hover{background:#fee2e2}.art-toevoegen-knop{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:1.5px dashed #cbd5e1;border-radius:8px;width:100%;padding:8px 16px;font-size:12px;transition:all .15s}.art-toevoegen-knop:hover{color:#4d7fff;border-color:#4d7fff}.art-voorbeeld{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:8px;padding:14px 16px}.art-voorbeeld-titel{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:10px;font-size:11px;font-weight:700}.art-voorbeeld-rij{color:#374151;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.art-voorbeeld-rij.totaal{color:#1e293b;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:6px;font-weight:600}.art-voorbeeld-invoer-rij{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.art-voorbeeld-veld{flex-direction:column;gap:4px;display:flex}.art-voorbeeld-label{color:#64748b;font-size:11px;font-weight:600}.art-check-rij{align-items:center;gap:20px;display:flex}.art-check-label{cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.art-check-label input[type=checkbox]{accent-color:#4d7fff;cursor:pointer;width:16px;height:16px}.art-sectie{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:18px 20px}.art-sectie-titel{color:#1e293b;margin-bottom:14px;font-size:13px;font-weight:700}.quote-kaart{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-left:3px solid #6366f1;border-radius:8px;padding:14px 18px;position:relative}.quote-kaart-eigen{border-left-color:#10b981}.quote-tekst{color:var(--kleur-tekst);font-size:14px;font-style:italic;line-height:1.55}.quote-vertaling{color:var(--kleur-tekst-zacht);margin-top:4px;font-size:12px}.quote-bron{color:var(--kleur-tekst-zacht);margin-top:6px;font-size:11px}.quote-eigen-badge{color:#10b981;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;align-items:center;gap:6px;padding:2px 7px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:14px}.quote-eigen-verwijder{cursor:pointer;color:var(--kleur-negatief);background:0 0;border:none;padding:0;font-size:12px;line-height:1}.btw-vak-badge{border:1px solid #0000;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:11px;font-weight:700;display:inline-block}.btw-vak-badge.btw-vak-1{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.btw-vak-badge.btw-vak-2{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.btw-vak-badge.btw-vak-3{color:#166534;background:#dcfce7;border-color:#bbf7d0}.btw-vak-badge.btw-vak-4{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.btw-vak-badge.btw-vak-5{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.btw-oss-chip{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:100px;align-items:center;gap:3px;padding:2px 8px 2px 10px;font-size:12px;display:inline-flex}.btw-oss-chip-x{cursor:pointer;color:#93c5fd;background:0 0;border:none;padding:0 0 0 2px;font-size:15px;line-height:1}.kpl-info-vak{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;line-height:1.6}.sk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:4px;margin-bottom:4px;display:grid}.sk-kaart{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand);border-radius:10px;padding:16px}.sk-kaart-hoofd{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.sk-kaart-naam{color:var(--kleur-tekst);font-size:13px;font-weight:600;line-height:1.3}.sk-kaart-acties{flex-shrink:0;gap:4px;display:flex}.sk-kaart-prijs{color:var(--kleur-primair,#4d7fff);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:20px;font-weight:700}.sk-kaart-divider{border:none;border-top:1px solid var(--kleur-rand);margin:8px 0}.sk-kaart-rij{color:var(--kleur-tekst);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.sk-kaart-rij-label{color:var(--kleur-tekst-zacht)}.bundel-totaalbalk{background:var(--kleur-primair,#4d7fff);color:#fff;font-variant-numeric:tabular-nums;border-radius:8px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.bundel-info-callout{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.art-filterbalk{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.art-filter-select{min-width:140px;margin-bottom:0;padding:7px 11px;font-size:12px}.art-tabel.compact{font-size:12px}.art-tabel.compact th,.art-tabel.compact td{padding:5px 10px}.art-form-compact .art-sectie{margin-bottom:10px;padding:12px 16px}.art-form-compact .art-sectie-titel{margin-bottom:7px;font-size:12px}.art-form-compact .art-invoer{padding:5px 9px;font-size:12px}.art-form-compact .art-zoek{margin-bottom:10px;padding:6px 10px;font-size:12px}.art-form-compact .art-tabel{font-size:12px}.art-form-compact .art-tabel th,.art-form-compact .art-tabel td{padding:5px 10px}.art-form-compact .art-leeg{padding:14px}.art-form-compact .art-acties{gap:8px;margin-top:4px}.art-form-compact .art-opslaan{padding:7px 16px;font-size:12px}.art-form-compact .art-sec-knop{padding:7px 14px;font-size:12px}.art-form-compact .art-verwijder-knop{padding:1px 5px;font-size:13px}.pk-blok{border-radius:9px;flex-direction:column;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:13px;display:flex}.pk-suggestie{background:var(--kleur-primair-licht,#eef2ff);border:1px solid var(--kleur-primair)}.pk-gekoppeld{background:var(--kleur-hover);border:1px solid var(--kleur-rand);flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px}.pk-tekst{color:var(--kleur-tekst);flex-direction:column;gap:3px;display:flex}.pk-uitleg{color:var(--kleur-tekst-zacht);font-size:12px;line-height:1.5}.pk-lijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pk-lijst li{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.pk-persoon{flex-direction:column;gap:1px;min-width:0;display:flex}.pk-naam{color:var(--kleur-tekst);font-weight:600}.pk-waar{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;font-size:12px;overflow:hidden}.invoer.pk-vast{background:var(--kleur-hover);color:var(--kleur-tekst-zacht);cursor:default}.aw-pagina{padding:16px 20px}.aw-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.aw-filters{flex-wrap:wrap;gap:12px;display:flex}.aw-filters label{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex}.aw-input{border:1px solid var(--kleur-rand);background:var(--kleur-invoer);color:var(--kleur-tekst);border-radius:6px;padding:6px 9px;font-size:13px}.aw-ms{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex;position:relative}.aw-ms-knop{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:140px;display:flex}.aw-ms-tekst{text-overflow:ellipsis;white-space:nowrap;color:var(--kleur-tekst);font-weight:400;overflow:hidden}.aw-ms-pijl{color:var(--kleur-tekst-zacht);flex-shrink:0;font-size:10px}.aw-ms-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;min-width:100%;max-height:260px;margin-top:4px;padding:5px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.aw-ms-optie{color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 7px;font-size:12.5px;font-weight:400;display:flex}.aw-ms-optie:hover{background:var(--kleur-hover)}.aw-ms-leeg{color:var(--kleur-tekst-zacht);padding:6px 8px;font-size:12px}.aw-ms-wis{cursor:pointer;border:none;border-top:1px solid var(--kleur-rand);width:100%;color:var(--kleur-primair);background:0 0;margin-top:4px;padding:6px;font-size:12px}.aw-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.aw-knop-primair:hover{filter:brightness(1.08)}.aw-knop-primair:disabled{opacity:.6;cursor:default}.aw-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;padding:8px 14px;font-size:13px}.aw-knop:hover{background:var(--kleur-rij-highlight)}.aw-fout{color:var(--kleur-negatief,#dc2626);background:#dc26261f;border:1px solid #dc262659;border-radius:7px;margin-bottom:10px;padding:8px 12px;font-size:13px}.aw-legenda{background:var(--kleur-hover);color:var(--kleur-tekst-zacht);border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.aw-legenda-item{align-items:center;gap:5px;display:inline-flex}.aw-badge{border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.aw-aanwezig{color:#22c55e;background:#16a34a2e}.aw-halve{color:#38bdf8;background:#0284c72e}.aw-telaat{color:#eab308;background:#ca8a0433}.aw-afwezig{color:#f87171;background:#dc26262e}.aw-verlof{color:#fb923c;background:#ea580c33}.aw-verlof-open{color:#94a3b8;background:#94a3b84d}.aw-vrij{background:var(--kleur-rij-highlight);color:var(--kleur-tekst-zacht)}.aw-feestdag{color:#fbbf24;background:#d9770638}.aw-leeg{color:var(--kleur-tekst-zacht);opacity:.5;background:0 0}.aw-rooster-wrap{border:1px solid var(--kleur-rand);border-radius:10px;overflow-x:auto}.aw-rooster{border-collapse:collapse;width:max-content;min-width:100%}.aw-rooster th,.aw-rooster td{border-bottom:1px solid var(--kleur-rand)}.aw-mw-kop,.aw-mw-cel{z-index:2;background:var(--kleur-kaart);text-align:left;border-right:1px solid var(--kleur-rand);min-width:180px;max-width:180px;padding:8px 12px;position:sticky;left:0}.aw-mw-kop{z-index:3;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);font-size:11px}.aw-mw-naam{color:var(--kleur-tekst);font-size:13px;font-weight:600}.aw-mw-functie{color:var(--kleur-tekst-zacht);font-size:11px}.aw-dag-kop{text-align:center;background:var(--kleur-hover);min-width:34px;padding:5px 0;font-weight:500}.aw-dag-nr{color:var(--kleur-tekst);font-size:12px;display:block}.aw-dag-wd{color:var(--kleur-tekst-zacht);font-size:9px;display:block}.aw-weekend{background:var(--kleur-rij-highlight)}.aw-feestdag-kop{background:#d9770633}.aw-maandnav{align-items:flex-end;gap:6px;display:flex}.aw-nav-knop{cursor:pointer;background:var(--kleur-hover);width:30px;height:32px;color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:6px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.aw-nav-knop:hover{background:var(--kleur-rij-highlight)}.aw-week-kop{text-align:left;color:var(--kleur-tekst-zacht);background:var(--kleur-hover);border-left:1px solid var(--kleur-rand);border-right:1px solid var(--kleur-rand);white-space:nowrap;padding:3px 8px;font-size:10px;font-weight:600}.aw-cel{text-align:center;cursor:pointer;padding:4px 0}.aw-cel:hover{background:var(--kleur-primair-licht)}.aw-cel-inner{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.aw-ingeroosterd{box-shadow:inset 0 0 0 1.6px var(--kleur-primair)}.aw-ring-legenda{width:18px;height:18px;box-shadow:inset 0 0 0 1.6px var(--kleur-primair);border-radius:50%;display:inline-block}.aw-gewisseld.aw-ingeroosterd{box-shadow:inset 0 0 0 1.6px #7c3aed}.aw-gewisseld:not(.aw-ingeroosterd){box-shadow:inset 0 0 0 1.6px #ddd6fe}.aw-ring-gewisseld{border-radius:50%;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1.6px #7c3aed}.aw-melding{text-align:center;color:var(--kleur-tekst-zacht);padding:24px;font-size:14px}.aw-popover{z-index:60;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:9px;width:180px;padding:5px;position:fixed;box-shadow:0 8px 24px #00000047}.aw-popover-kop{color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);margin-bottom:4px;padding:5px 7px 6px;font-size:11px}.aw-popover-optie{cursor:pointer;width:100%;color:var(--kleur-tekst);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 7px;font-size:12.5px;display:flex}.aw-popover-optie:hover{background:var(--kleur-hover)}.aw-popover-auto{border-top:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);margin-top:4px}.aw-modal-overlay{z-index:70;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.aw-modal{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:12px;width:100%;max-width:420px;padding:20px 22px;box-shadow:0 12px 40px #00000059}.aw-modal h3{color:var(--kleur-tekst);margin:0 0 14px;font-size:17px}.aw-veld{color:var(--kleur-tekst-zacht);flex-direction:column;gap:4px;margin-bottom:11px;font-size:12px;display:flex}.aw-veld-rij{gap:12px;display:flex}.aw-veld-rij .aw-veld{flex:1}.aw-check{color:var(--kleur-tekst);align-items:center;gap:7px;margin-bottom:16px;font-size:13px;display:flex}.aw-modal-knoppen{justify-content:flex-end;gap:8px;display:flex}.fd-pagina{max-width:1240px;padding:16px 20px}.fd-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.fd-filters label{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex}.fd-acties{flex-wrap:wrap;gap:8px;display:flex}.fd-input{border:1px solid var(--kleur-rand);background:var(--kleur-invoer);color:var(--kleur-tekst);border-radius:6px;padding:6px 9px;font-size:13px}.fd-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;padding:8px 13px;font-size:13px}.fd-knop:hover{background:var(--kleur-rij-highlight)}.fd-knop:disabled{opacity:.6;cursor:default}.fd-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.fd-knop-primair:hover{filter:brightness(1.08)}.fd-knop-primair:disabled{opacity:.6;cursor:default}.fd-fout{color:var(--kleur-negatief,#dc2626);background:#dc26261f;border:1px solid #dc262659;border-radius:7px;margin-bottom:10px;padding:8px 12px;font-size:13px}.fd-lijst{border:1px solid var(--kleur-rand);border-radius:10px;overflow-x:auto}.fd-tabel{border-collapse:collapse;width:100%}.fd-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);background:var(--kleur-hover);border-bottom:1px solid var(--kleur-rand);padding:9px 14px;font-size:11px;position:relative;overflow:hidden}.fd-tabel th .th-label{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fd-tabel td{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);text-overflow:ellipsis;white-space:nowrap;padding:9px 14px;font-size:13px;overflow:hidden}.fd-tabel tr:last-child td{border-bottom:none}.fd-tabel tbody tr:hover{background:var(--kleur-rij-highlight)}.fd-datum{white-space:nowrap;color:var(--kleur-tekst-zacht)}.fd-naam{font-weight:600}.fd-nat{color:#f87171;vertical-align:middle;cursor:help;background:#dc26262e;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-left:7px;font-size:10px;font-weight:700;display:inline-flex}.fd-cat{border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.fd-cat-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.fd-notitie{color:var(--kleur-tekst-zacht)}.fd-geen{color:var(--kleur-tekst-zacht);opacity:.6}.fd-rij-acties{text-align:right;white-space:nowrap}.fd-mini{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:6px;margin-left:6px;padding:4px 9px;font-size:12px}.fd-mini:hover{background:var(--kleur-rij-highlight)}.fd-mini-rood{color:var(--kleur-negatief,#dc2626)}.fd-melding{text-align:center;color:var(--kleur-tekst-zacht);padding:26px;font-size:14px;line-height:1.6}.fd-overlay{z-index:70;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.fd-modal{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:12px;width:100%;max-width:420px;padding:20px 22px;box-shadow:0 12px 40px #00000059}.fd-modal h3{color:var(--kleur-tekst);margin:0 0 14px;font-size:17px}.fd-veld{color:var(--kleur-tekst-zacht);flex-direction:column;gap:4px;margin-bottom:11px;font-size:12px;display:flex}.fd-modal-knoppen{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.fd-cat-lijst{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.fd-cat-rij{align-items:center;gap:9px;font-size:13px;display:flex}.fd-cat-naam{color:var(--kleur-tekst);flex:1}.fd-cat-form{align-items:center;gap:8px;margin-bottom:14px;display:flex}.fd-cat-form .fd-input{flex:1}.fd-kleur{border:1px solid var(--kleur-rand);cursor:pointer;background:0 0;border-radius:6px;width:38px;height:34px;padding:2px}.fd-checkbox{color:var(--kleur-tekst);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.fd-onbekend{color:var(--kleur-tekst-zacht);font-style:italic}.fd-herhaal,.fd-vrij{border-radius:3px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.fd-herhaal{color:#6d28d9;background:#ede9fe}.fd-vrij{color:#15803d;background:#dcfce7;margin-left:0}.uren-overzicht-pagina{max-width:100%;padding:24px 28px}.uren-header-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.uren-totaal-balk{color:var(--kleur-tekst-zacht);align-items:center;gap:8px;font-size:13px;display:flex}.uren-filter-balk{background:var(--kleur-achtergrond);border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:10px;padding:10px 12px;display:flex}.uren-filter-groep{flex-direction:column;gap:2px;display:flex}.uren-filter-label{color:var(--kleur-tekst-zacht);white-space:nowrap;padding-left:2px;font-size:10px}.uren-filter-scheider{color:#d1d5db;font-size:16px}.uren-bulk-balk{flex-wrap:wrap;align-items:center;gap:8px;min-height:32px;margin-bottom:12px;font-size:13px;display:flex}.uren-tabel-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto visible}.uren-tabel-wrapper::-webkit-scrollbar{display:none}.uren-sticky-scrollbar{z-index:10;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;background:#f1f5f9;border-top:1px solid #e2e8f0;height:14px;position:sticky;bottom:0;overflow:auto hidden}.uren-sticky-scrollbar::-webkit-scrollbar{height:10px}.uren-sticky-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px}.uren-sticky-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:999px}.uren-sticky-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.uren-compact-tabel{border-collapse:collapse;font-size:12px}.uren-compact-tabel th{padding:5px 8px}.uren-compact-tabel td{white-space:nowrap;padding:5px 8px}.uren-td-wrap3{white-space:normal;min-width:80px}.uren-wrap3{-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.uren-td-omschr{white-space:normal;word-break:break-word;min-width:40px}.uren-compact-tabel tbody tr:nth-child(odd){background-color:#fff}.uren-compact-tabel tbody tr:nth-child(2n){background-color:#f9fafb}.uren-compact-tabel tbody tr:hover{background-color:#eff6ff}.uren-compact-tabel tbody tr.rij-geselecteerd{background-color:#dbeafe!important}.uren-compact-tabel tbody tr.rij-ongekoppeld{background-color:#06b6d42e!important;box-shadow:inset 3px 0 #06b6d4cc!important}.uren-th-resizable{-webkit-user-select:none;user-select:none;position:relative;overflow:visible!important}.uren-th-label{text-overflow:ellipsis;white-space:nowrap;padding-right:6px;display:block;overflow:hidden}.uren-th-sorteerbaar{cursor:pointer;-webkit-user-select:none;user-select:none}.uren-th-sorteerbaar:hover{opacity:.75}.sort-pijl{margin-left:1px;font-size:9px}.resize-handle{cursor:col-resize;z-index:2;width:5px;height:100%;position:absolute;top:0;right:0;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.resize-handle:hover,.resize-handle:active{border-radius:2px;background:#93c5fd!important}.kolom-picker{align-items:center;display:inline-flex;position:relative}.kolom-toggle-panel{z-index:200;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:170px;max-height:380px;padding:8px;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.kolom-picker-acties{border-bottom:1px solid #f3f4f6;justify-content:flex-end;margin-bottom:4px;padding:0 4px 6px;display:flex}.kolom-toggle-rij{cursor:grab;white-space:nowrap;color:var(--kleur-tekst);border-top:2px solid #0000;border-radius:4px;align-items:center;gap:7px;padding:4px 6px;font-size:12px;display:flex}.kolom-toggle-rij:hover{background:#f3f4f6}.kolom-toggle-rij.drag-over{background:#fef9c3;border-top-color:#ca8a04}.kolom-toggle-rij:active{cursor:grabbing}.grip-icoon{opacity:.35;color:var(--kleur-tekst-zacht);flex-shrink:0}.kolom-toggle-rij:hover .grip-icoon{opacity:.65}.td-selecteer,.th-selecteer{text-align:center;text-overflow:unset!important;padding:0!important;overflow:visible!important}.uren-mono{color:#9ca3af;font-size:10px}.uren-datum-klein{color:#9ca3af;font-size:11px}.uren-leeg{text-align:center;color:#9ca3af;padding:24px;font-style:italic}.uren-actie-knop{padding:2px 5px;font-size:10px;line-height:1}.invoer-smal{width:auto;min-width:80px;max-width:160px;padding:4px 8px;font-size:12px}.badge-oranje{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.uren-bewerk-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0000008c;position:fixed;inset:0}.uren-bewerk-dialoog{background:var(--kleur-kaart);color:var(--kleur-tekst);z-index:101;border:1.5px solid #c85f0a8c;border-radius:8px;width:520px;max-width:calc(100vw - 32px);padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000059,0 0 0 1px #c85f0a26}.uren-bewerk-dialoog h3{color:var(--kleur-tekst);margin-bottom:16px;font-size:15px;font-weight:600}.uren-orig-blok{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:6px;margin-top:12px;margin-bottom:4px;padding:8px 10px}.uren-orig-kop{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:600}.uren-orig-rij{flex-wrap:wrap;gap:4px 16px;display:flex}.uren-orig-item{flex-direction:column;gap:1px;font-size:11px;display:flex}.uren-orig-sleutel{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.uren-orig-waarde{color:var(--kleur-tekst);font-weight:500}.mijn-welkom{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.mijn-widgets{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}@media (width<=900px){.mijn-widgets{grid-template-columns:repeat(2,minmax(0,1fr))}}.mijn-widget{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;flex-direction:column;align-items:center;padding:16px;display:flex}.widget-getal{color:var(--kleur-primair);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.15}.widget-label{color:var(--kleur-tekst-zacht);text-align:center;margin-top:4px;font-size:11px}.widget-sub{color:var(--kleur-tekst-zacht);opacity:.75;text-align:center;margin-top:2px;font-size:10px}.wissel-blok{border:1px solid var(--kleur-rand);border-radius:8px;margin-bottom:10px;padding:10px 12px}.wissel-blok-kop{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.wissel-hint{color:var(--kleur-tekst-zacht);font-size:11px}.wissel-teken{text-align:center;border-radius:4px;min-width:18px;margin-right:4px;padding:0 4px;font-weight:700;display:inline-block}.wissel-teken-af{color:#b45309;background:#fef3c7}.wissel-teken-bij{color:#15803d;background:#dcfce7}.wissel-regel{grid-template-columns:1fr 110px minmax(72px,auto) 34px;align-items:center;gap:8px;padding:4px 0;display:grid}.wissel-resultaat{color:var(--kleur-tekst-zacht);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.wissel-resultaat-fout{color:#dc2626;font-weight:700}.wissel-balans{color:var(--kleur-tekst-zacht);margin-top:8px;font-size:12px}.wissel-balans-tvt{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;padding:6px 8px}.wissel-tvt{color:#b45309;background:#fef3c7;border-radius:3px;margin-top:2px;padding:1px 5px;font-size:10px;font-weight:700;display:inline-block}.wissel-afwijsreden{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;margin-top:4px;padding:4px 6px;font-size:11px}.inkoop-layout{align-items:flex-start;gap:16px;display:flex}.inkoop-pdf-paneel{flex-shrink:0;width:380px}.inkoop-pdf-iframe{background:#f9fafb;border:none;border-radius:4px;width:100%;height:520px}.detail-grid{grid-template-columns:160px 1fr;gap:8px 16px;font-size:12px;display:grid}.detail-label{color:var(--kleur-tekst-zacht);font-weight:500}.abonnementen-pagina{padding:2rem}.abo-tabs{border-bottom:2px solid var(--kleur-rand,#e5e7eb);gap:.25rem;margin-bottom:1.25rem;display:flex}.abo-tab{cursor:pointer;color:var(--kleur-tekst-zacht,#6b7280);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-bottom:-2px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:color .15s;display:flex}.abo-tab:hover{color:var(--kleur-tekst,#111827)}.abo-tab.actief{color:var(--kleur-primair,#2563eb);border-bottom-color:var(--kleur-primair,#2563eb)}.abo-tab-teller{background:var(--kleur-rand,#e5e7eb);min-width:1.35rem;height:1.35rem;color:var(--kleur-tekst-zacht,#6b7280);border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.75rem;font-weight:600;display:inline-flex}.abo-tab-teller-oranje{color:#c2410c;background:#fed7aa}.abo-tf-badge{margin-left:.5rem;padding:.1rem .45rem;font-size:.7rem}.tabel-rij-klikbaar{cursor:pointer}.tabel-rij-klikbaar:hover td{background:var(--kleur-hover,#f9fafb)}.tabel-sub{color:var(--kleur-tekst-zacht,#6b7280);font-size:.85em}@media print{.hoofd-layout aside,.top-balk,.print-verberg{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}.abonnementen-pagina{padding:1rem;max-width:100%!important}}.projecten-overzicht-pagina{max-width:1100px}.overzicht-actiebalk{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.overzicht-filters{flex-direction:column;flex:1;gap:8px;display:flex}.zoek-invoer{max-width:320px}.status-tabs{flex-wrap:wrap;gap:4px;display:flex}.status-tab{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst);background:#fff;border-radius:20px;padding:4px 10px;font-size:12px;transition:background .15s}.status-tab:hover{background:#f1f5f9}.status-tab.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.tabel-bewerk-knop{justify-content:center;align-items:center;padding:4px 8px;display:flex}.marge-chip{border-radius:12px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.marge-groen{color:#166534;background:#dcfce7}.marge-oranje{color:#c2410c;background:#fff7ed}.marge-rood{color:#991b1b;background:#fee2e2}@media print{.hoofd-layout aside,.top-balk,.print-verberg{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}.projecten-overzicht-pagina{max-width:100%!important}}.nieuw-contract-pagina{max-width:1400px;padding-top:0}.sectie-kaart{margin-bottom:16px}.contract-sticky-header{z-index:100;background:var(--kleur-achtergrond,#f8fafc);border-bottom:1px solid var(--kleur-rand);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 0;display:flex;position:sticky;top:0}.contract-sticky-links{align-items:center;gap:10px;min-width:0;display:flex}.contract-sticky-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.contract-sticky-titel{color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-size:15px;font-weight:600;overflow:hidden}.contract-acties{flex-shrink:0;align-items:center;gap:10px;display:flex}.inline-fout{color:var(--kleur-negatief);font-size:12px}.fout-toast{color:#991b1b;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;animation:.2s fout-toast-in;display:flex;box-shadow:0 4px 16px #0000001f}@keyframes fout-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.veld-rij{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.veld-groep{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.veld-groep.flex2{flex:2}.veld-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.check-label{cursor:pointer;align-items:center;gap:6px;padding-top:18px;font-size:13px;display:flex}.check-label input{cursor:pointer}.klant-dropdown-item{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.klant-dropdown-naam{font-weight:500}.klant-wis-knop{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:3px;padding:1px 4px;font-size:11px}.klant-wis-knop:hover{color:var(--kleur-tekst);background:#f1f5f9}.regel-tabel-totaal,.contractregel-kopregel{background:#f8fafc}.contractwaarde-rij{color:var(--kleur-tekst-zacht);justify-content:space-between;align-items:center;font-size:13px;display:flex}.excl-btw-melding{color:var(--kleur-tekst-zacht);border-top:1px solid var(--kleur-rand);margin-top:10px;margin-bottom:0;padding-top:8px;font-size:11px;font-style:italic}.type-contract-blok{border-top:1px solid var(--kleur-rand);margin-top:20px;padding-top:16px}.checkbox-label input:disabled{cursor:default}.checkbox-label:has(input:disabled){color:var(--kleur-tekst-zacht);cursor:default}.knop-terug{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst-zacht);white-space:nowrap;background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}.knop-terug:hover{background:#f1f5f9}.mijlpaal-budget-live-totaal{color:var(--kleur-tekst);border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:5px;font-weight:600}.nieuw-project-pagina{max-width:960px}.formulier-actiebalk{align-items:center;gap:12px;margin-bottom:16px;display:flex}.formulier-titel{font-size:18px;font-weight:600}.knop-terug{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.formulier-fout{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.formulier-sectie{margin-bottom:12px}.sectie-titel{text-transform:uppercase;letter-spacing:.5px;color:var(--kleur-tekst-zacht);margin-bottom:14px;font-size:11px;font-weight:700}.formulier-rij{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.formulier-label{color:var(--kleur-tekst-zacht);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.vereist{color:var(--kleur-negatief)}.klant-dropdown-wrapper{position:relative}.klant-dropdown{z-index:50;border:1px solid var(--kleur-rand);background:#fff;border-radius:6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0000001a}.klant-suggestie{cursor:pointer;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;display:flex}.klant-suggestie:hover{background:#f1f5f9}.klant-plaats{color:var(--kleur-tekst-zacht);font-size:11px}.formulier-acties{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.invoer-tabel{padding:4px 6px;font-size:12px}.invoer-smal{max-width:60px}.chat-berichten{flex-direction:column;flex:1;gap:10px;padding:16px 18px;display:flex;overflow-y:auto}.chat-dagscheiding{justify-content:center;align-items:center;margin:10px 0 4px;display:flex}.chat-dagscheiding span{color:var(--kleur-tekst-zacht,#94a3b8);background:var(--kleur-achtergrond-zacht,#f1f5f9);border-radius:999px;padding:3px 12px;font-size:11px}.chat-regel{border-radius:8px;align-items:flex-start;gap:9px;padding:3px 6px;display:flex}.chat-regel:hover{background:var(--kleur-achtergrond-zacht,#f8fafc)}.chat-regel.gebundeld{padding-top:1px}.chat-regel.genoemd{box-shadow:inset 3px 0 0 var(--kleur-primair,#639922)}.chat-regel-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:inline-flex}.chat-regel-klok{width:30px;color:var(--kleur-tekst-zacht,#cbd5e1);text-align:center;opacity:0;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px;line-height:20px}.chat-regel:hover .chat-regel-klok{opacity:1}.chat-regel-inhoud{flex:1;min-width:0}.chat-regel-kop{align-items:baseline;gap:8px;display:flex}.chat-regel-naam{font-size:12.5px;font-weight:600}.chat-regel-tijd{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;font-size:10.5px}.chat-regel-tekst{white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.chat-invoer-vorm{border-top:1px solid var(--kleur-rand,#e2e8f0);flex-direction:column;gap:8px;padding:14px 18px;display:flex}.chat-invoer-rij{align-items:center;gap:10px;display:flex}.chat-invoer{border:1.5px solid var(--kleur-rand,#e2e8f0);border-radius:20px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:13px}.chat-invoer:focus{border-color:var(--kleur-primair)}.chat-emoji-wrapper{display:flex;position:relative}.chat-emoji-knop{border:1.5px solid var(--kleur-rand,#e2e8f0);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.chat-emoji-knop:hover{background:var(--kleur-primair-licht)}.chat-emoji-popover{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e2e8f0);z-index:20;border-radius:10px;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:44px;left:0;box-shadow:0 8px 30px #00000029}.chat-emoji-item{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;line-height:1}.chat-emoji-item:hover{background:var(--kleur-primair-licht)}.chat-bijlage{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);color:inherit;border-radius:10px;align-items:center;gap:8px;max-width:100%;margin-top:4px;padding:7px 10px;text-decoration:none;display:flex}.chat-bijlage:hover{border-color:var(--kleur-primair)}.chat-bijlage-icoon{flex-shrink:0;font-size:16px}.chat-bijlage-tekst{flex-direction:column;min-width:0;display:flex}.chat-bijlage-naam{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.chat-bijlage-meta{color:var(--kleur-tekst-zacht,#94a3b8);font-size:10.5px}.chat-bijlage-afbeelding{margin-top:4px;display:block}.chat-bijlage-afbeelding img{border-radius:10px;max-width:100%;max-height:260px;display:block}.chat-gekozen-bestand{border:1px dashed var(--kleur-rand,#cbd5e1);border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;display:flex}.chat-bestand-weg{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;margin-left:auto;font-size:16px;line-height:1}.chat-bestand-weg:hover{color:#ef4444}.chat-invoer-geblokkeerd{border-top:1px solid var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#64748b);text-align:center;padding:14px 18px;font-size:12.5px}.chat-vermelding{color:var(--kleur-primair,#639922);background:var(--kleur-primair-licht,#eef7e3);border-radius:4px;padding:0 3px;font-weight:600}.chat-vermelding.aan-mij{text-decoration:underline}.chat-vermelding-lijst{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:10px;flex-direction:column;max-height:220px;display:flex;overflow:hidden auto;box-shadow:0 8px 30px #0000001f}.chat-vermelding-item{text-align:left;cursor:pointer;background:0 0;border:none;align-items:baseline;gap:8px;padding:7px 12px;font-family:inherit;font-size:13px;display:flex}.chat-vermelding-item:hover,.chat-vermelding-item.actief{background:var(--kleur-primair-licht,#eef7e3)}.chat-vermelding-naam{font-weight:600}.chat-vermelding-functie{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11px}.taken-balk{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.taken-keuze{color:var(--kleur-tekst-zacht,#64748b);align-items:center;gap:6px;font-size:12px;display:flex}.taken-keuze .invoer{padding:5px 9px;font-size:12.5px}.taken-vink{cursor:pointer}.taken-zoek{max-width:220px;padding:5px 10px;font-size:12.5px}.taken-totaal{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.taken-scroll{overflow-x:auto}.taken-tabel{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.taken-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht,#94a3b8);border-bottom:1px solid var(--kleur-rand,#e2e8f0);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.taken-tabel td{border-bottom:1px solid var(--kleur-rand,#f1f5f9);vertical-align:middle;padding:4px 10px}.taak-naam-cel{background:var(--kleur-kaart,#fff);z-index:1;min-width:260px;position:sticky;left:0}.taken-groepskop .taak-naam-cel,.taken-groepskop td{background:var(--kleur-achtergrond-zacht,#f8fafc)}.taak-naam{align-items:center;gap:6px;display:flex}.taak-titel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.taak-af .taak-titel{color:var(--kleur-tekst-zacht,#94a3b8);text-decoration:line-through}.taak-klap{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.taak-klap-leeg{width:13px;display:inline-block}.taak-subaantal{color:var(--kleur-tekst-zacht,#94a3b8);background:var(--kleur-achtergrond-zacht,#f1f5f9);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:10.5px}.taak-veld{border:1.5px solid var(--kleur-rand,#e2e8f0);background:0 0;border-radius:6px;max-width:150px;padding:3px 7px;font-family:inherit;font-size:11.5px}.taak-veld:disabled{opacity:.7;cursor:default}.taak-status{border-radius:999px;font-weight:600}.taak-toegewezene{max-width:130px}.taak-getal{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.taak-verlopen{color:#ef4444;font-weight:600}.taak-voortgang{background:var(--kleur-rand,#e2e8f0);border-radius:999px;width:70px;height:6px;overflow:hidden}.taak-voortgang-vulling{background:var(--kleur-primair,#639922);border-radius:999px;height:100%}.taken-groepskop td{padding:7px 10px;font-weight:600}.groep-stip{border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.groep-label{font-size:12.5px}.groep-aantal{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;margin-left:8px;font-size:11px;font-weight:500}.groep-leeg{color:var(--kleur-tekst-zacht,#94a3b8);padding-left:30px;font-size:12px;font-style:italic}.taak-subtaak-knop{border:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);opacity:0;background:0 0;border-radius:5px;padding:2px 6px;font-size:11px;line-height:1}tr:hover .taak-subtaak-knop{opacity:1}.taak-subtaak-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.taak-subtaak-knop:focus-visible{opacity:1}.bord-kaart-omhulsel{overflow:hidden}.bord-strook{align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.bord-kolom{background:var(--kleur-achtergrond-zacht,#f8fafc);border:1px solid var(--kleur-rand,#e2e8f0);border-radius:12px;flex-direction:column;flex:0 0 260px;max-height:62vh;padding:10px;display:flex}.bord-kolom.erboven{border-color:var(--kleur-primair,#639922)}.bord-kolom-kop{align-items:center;gap:7px;padding:2px 4px 10px;display:flex}.bord-stip{border-radius:50%;flex-shrink:0;width:9px;height:9px}.bord-kolom-naam{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.bord-kolom-aantal{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.bord-kolom-lijst{flex-direction:column;flex:1;gap:8px;min-height:60px;display:flex;overflow-y:auto}.bord-kolom-leeg{color:var(--kleur-tekst-zacht,#b6bdc7);text-align:center;border:1px dashed var(--kleur-rand,#cbd5e1);border-radius:10px;padding:16px 8px;font-size:11.5px}.bord-kaart{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e2e8f0);cursor:grab;border-radius:10px;padding:9px 11px;box-shadow:0 1px 2px #0000000a}.bord-kaart:active{cursor:grabbing}.bord-kaart.vast{cursor:default}.bord-kaart.af .bord-kaart-titel{color:var(--kleur-tekst-zacht,#94a3b8);text-decoration:line-through}.bord-kaart-titel{word-break:break-word;margin-bottom:8px;font-size:12.5px;line-height:1.35}.bord-kaart-onder{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bord-avatar{background:var(--kleur-primair,#639922);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:inline-flex}.bord-avatar.leeg{background:var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#94a3b8)}.bord-prio{padding:1px 6px;font-size:9.5px}.bord-datum{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;font-size:10.5px}.bord-datum.verlopen{color:#ef4444;font-weight:600}.bord-sub,.bord-tijd{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;font-size:10.5px}@media (width<=640px){.bord-kolom{flex-basis:220px}}.bord-kaart.subtaak{border-left:3px solid var(--kleur-rand-sterk,#cbd5e1)}.bord-subtaak-kop{color:var(--kleur-tekst-zacht,#94a3b8);cursor:help;align-items:center;gap:4px;margin-bottom:4px;font-size:10.5px;display:flex}.bord-subtaak-teken{flex-shrink:0}.bord-subtaak-ouder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bord-kaart.subtaak:hover .bord-subtaak-kop{color:var(--kleur-primair,#639922)}.team-raster{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.team-kaart{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.team-kaart.niemand{background:var(--kleur-achtergrond-zacht,#f8fafc)}.team-kaart-kop{align-items:center;gap:9px;min-width:0;display:flex}.team-avatar{background:var(--kleur-primair,#639922);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.team-kaart.niemand .team-avatar{background:var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#94a3b8)}.team-naam{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.team-cijfers{justify-content:space-between;align-items:center;gap:10px;display:flex}.team-getallen{gap:16px;display:flex}.team-getallen div{flex-direction:column;display:flex}.team-getallen strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:600;line-height:1.1}.team-getallen span{color:var(--kleur-tekst-zacht,#94a3b8);font-size:10.5px}.team-vervallen strong{color:var(--kleur-tekst-zacht,#94a3b8)}.team-ring{flex-shrink:0}.team-ring-baan{fill:none;stroke:var(--kleur-rand,#e2e8f0);stroke-width:6px}.team-ring-vulling{fill:none;stroke:var(--kleur-primair,#639922);stroke-width:6px;stroke-linecap:round;transform-origin:32px 32px;transform:rotate(-90deg)}.team-ring-tekst{text-anchor:middle;dominant-baseline:central;fill:var(--kleur-tekst,#1e293b);font-size:12px;font-weight:600}.team-tijd{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.team-klap{color:var(--kleur-tekst-zacht,#64748b);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:11.5px}.team-klap:hover{color:var(--kleur-primair,#639922)}.team-statussen{flex-direction:column;gap:5px;display:flex}.team-status-regel{align-items:center;gap:7px;font-size:12px;display:flex}.team-status-stip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.team-status-naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team-status-aantal{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;margin-left:auto}.team-geen-werk{color:var(--kleur-tekst-zacht,#b6bdc7);margin:0;font-size:11.5px}.kal-balkbovenaan{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.kal-balkbovenaan .knop-secundair{padding:4px 11px;font-size:12.5px}.kal-maandnaam{text-align:center;text-transform:capitalize;min-width:150px;font-size:14px;font-weight:600}.kal-alleen-lezen{color:var(--kleur-tekst-zacht,#94a3b8);margin-left:auto;font-size:11.5px}.kal-rooster{border:1px solid var(--kleur-rand,#e2e8f0);border-radius:10px;overflow:hidden}.kal-dagkoppen{background:var(--kleur-achtergrond-zacht,#f8fafc);border-bottom:1px solid var(--kleur-rand,#e2e8f0);grid-template-columns:repeat(7,1fr);display:grid}.kal-dagkoppen span{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht,#94a3b8);padding:5px 8px;font-size:10.5px}.kal-week{border-bottom:1px solid var(--kleur-rand,#e2e8f0);position:relative}.kal-week:last-child{border-bottom:none}.kal-dagen{grid-template-columns:repeat(7,1fr);display:grid}.kal-dag{min-height:calc(26px + var(--banen,0) * 21px + 6px);border-right:1px solid var(--kleur-rand,#f1f5f9);padding:4px 6px}.kal-dag:last-child{border-right:none}.kal-dag.buiten{background:var(--kleur-achtergrond-zacht,#fafbfc)}.kal-dag.buiten .kal-dagnummer{color:var(--kleur-tekst-zacht,#cbd5e1)}.kal-dag.erboven{background:var(--kleur-primair-licht,#eef7e3)}.kal-dagnummer{color:var(--kleur-tekst-zacht,#64748b);font-variant-numeric:tabular-nums;font-size:11.5px}.kal-dag.vandaag .kal-dagnummer{background:var(--kleur-primair,#639922);color:#fff;border-radius:999px;padding:1px 6px;font-weight:700}.kal-banen{pointer-events:none;flex-direction:column;gap:3px;display:flex;position:absolute;top:24px;left:0;right:0}.kal-baan{grid-template-columns:repeat(7,1fr);padding:0 3px;display:grid}.kal-balk{background:var(--kleur-kaart,#fff);pointer-events:auto;border-left:3px solid #0000;border-radius:4px;align-items:center;gap:5px;min-width:0;height:18px;margin:0 2px;padding:0 6px;font-size:11px;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000014}.kal-balk.open-links{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.kal-balk.open-rechts{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.kal-balk.af .kal-balk-titel{color:var(--kleur-tekst-zacht,#94a3b8);text-decoration:line-through}.kal-balk:active{cursor:grabbing}.kal-balk-stip{border-radius:50%;flex-shrink:0;width:6px;height:6px}.kal-balk-titel{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kal-balk-wie{color:var(--kleur-tekst-zacht,#94a3b8);flex-shrink:0;margin-left:auto;font-size:9.5px}.kal-zonder-datum{border:1px dashed var(--kleur-rand,#cbd5e1);border-radius:10px;margin-top:14px;padding:12px 14px}.kal-zonder-kop{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht,#94a3b8);margin-bottom:8px;font-size:11px}.kal-zonder-lijst{flex-wrap:wrap;gap:6px;display:flex}.kal-zonder-chip{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;display:inline-flex}.kal-zonder-uitleg{color:var(--kleur-tekst-zacht,#94a3b8);margin:8px 0 0;font-size:11px}@media (width<=720px){.kal-rooster{overflow-x:auto}.kal-balk-wie{display:none}}.kal-balk{padding:0;position:relative}.kal-balk-body{flex:1;align-items:center;gap:5px;min-width:0;height:100%;padding:0 6px;display:flex;overflow:hidden}.kal-rand{cursor:ew-resize;opacity:0;background:var(--kleur-primair,#639922);z-index:2;width:7px;position:absolute;top:0;bottom:0}.kal-rand-links{border-radius:4px 0 0 4px;left:0}.kal-rand-rechts{border-radius:0 4px 4px 0;right:0}.kal-balk:hover .kal-rand{opacity:.55}.kal-rand:hover{opacity:1!important}.act-lijst{flex-direction:column;gap:18px;display:flex}.act-dagkop{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht,#94a3b8);border-bottom:1px solid var(--kleur-rand,#e2e8f0);margin-bottom:4px;padding-bottom:6px;font-size:11px}.act-regel{border-radius:8px;align-items:flex-start;gap:9px;padding:7px 4px;display:flex}.act-regel:hover{background:var(--kleur-achtergrond-zacht,#f8fafc)}.act-avatar{background:var(--kleur-primair,#639922);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9.5px;font-weight:700;display:inline-flex}.act-icoon{text-align:center;width:18px;color:var(--kleur-tekst-zacht,#94a3b8);flex-shrink:0;font-size:12px;line-height:24px}.act-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.act-taak{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.act-wat{color:var(--kleur-tekst-zacht,#64748b);font-size:12px}.act-wat b{color:var(--kleur-tekst,#1e293b);font-weight:600}.act-tijd{color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px;line-height:24px}.dash-raster{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:12px;display:grid}.dash-kaart{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:12px;padding:14px 16px}.dash-kaart.breed{grid-column:1/-1}.dash-kaart-kop{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht,#94a3b8);margin-bottom:8px;font-size:10.5px}.dash-groot{font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.1}.dash-groot.waarschuwing{color:#ef4444}.dash-onder{color:var(--kleur-tekst-zacht,#94a3b8);margin:4px 0 0;font-size:11.5px}.dash-onder.waarschuwing{color:#ef4444}.dash-leeg{color:var(--kleur-tekst-zacht,#b6bdc7);margin:6px 0 0;font-size:12px}.dash-balk{background:var(--kleur-rand,#e2e8f0);border-radius:999px;height:5px;margin-top:10px;overflow:hidden}.dash-balk-vulling{background:var(--kleur-primair,#639922);height:100%}.dash-balk-vulling.over{background:#ef4444}.dash-taart{flex-direction:column;gap:6px;display:flex}.dash-legenda{flex-direction:column;gap:4px;display:flex}.dash-legenda-regel{align-items:center;gap:7px;font-size:12px;display:flex}.dash-stip{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dash-legenda-naam{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.dash-personen{flex-direction:column;gap:4px;margin-top:8px;display:flex}.dash-persoon{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:12px;display:flex}.dash-persoon span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash-activiteit{flex-direction:column;gap:6px;display:flex}.dash-act-regel{border-bottom:1px solid var(--kleur-rand,#f1f5f9);align-items:baseline;gap:10px;padding:3px 0;font-size:12px;display:flex}.dash-act-regel:last-child{border-bottom:none}.dash-act-taak{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:45%;font-weight:600;overflow:hidden}.dash-act-wat{color:var(--kleur-tekst-zacht,#94a3b8);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gantt-balkbovenaan{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.gantt-schaal-label{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11.5px}.gantt-balkbovenaan .knop-secundair{padding:4px 11px;font-size:12.5px}.gantt-schaal.actief{border-color:var(--kleur-primair);color:var(--kleur-primair);font-weight:600}.gantt-alleen-lezen{color:var(--kleur-tekst-zacht,#94a3b8);margin-left:auto;font-size:11.5px}.gantt-omhulsel{border:1px solid var(--kleur-rand,#e2e8f0);border-radius:10px;display:flex;overflow:hidden}.gantt-namen{border-right:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);z-index:1;flex:0 0 220px}.gantt-namen-kop{text-transform:uppercase;letter-spacing:.06em;height:46px;color:var(--kleur-tekst-zacht,#94a3b8);border-bottom:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-achtergrond-zacht,#f8fafc);align-items:flex-end;padding:0 10px 6px;font-size:10.5px;display:flex}.gantt-naam{border-bottom:1px solid var(--kleur-rand,#f1f5f9);align-items:center;gap:4px;height:30px;padding-right:8px;font-size:12.5px;display:flex}.gantt-naam-tekst{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gantt-naam-tekst.af{color:var(--kleur-tekst-zacht,#94a3b8);text-decoration:line-through}.gantt-klap{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;padding:0 2px;font-size:10px}.gantt-klap-leeg{width:12px;display:inline-block}.gantt-tijdlijn{flex:1;overflow:auto hidden}.gantt-koppen{background:var(--kleur-achtergrond-zacht,#f8fafc);height:22px;display:flex}.gantt-maand{color:var(--kleur-tekst-zacht,#64748b);border-right:1px solid var(--kleur-rand,#e2e8f0);white-space:nowrap;padding-left:5px;font-size:10.5px;line-height:22px;overflow:hidden}.gantt-dagen{border-bottom:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-achtergrond-zacht,#f8fafc);height:24px;display:flex}.gantt-dag{color:var(--kleur-tekst-zacht,#94a3b8);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:9.5px;line-height:24px}.gantt-dag.weekend{background:#00000009}.gantt-dag.vandaag{color:var(--kleur-primair,#639922);font-weight:700}.gantt-rijen{position:relative}.gantt-kolom{border-right:1px solid var(--kleur-rand,#f4f6f8);position:absolute;top:0;bottom:0}.gantt-kolom.weekend{background:#00000006}.gantt-vandaaglijn{background:var(--kleur-primair,#639922);opacity:.6;z-index:2;width:2px;position:absolute;top:0;bottom:0}.gantt-balk{color:#fff;z-index:3;-webkit-user-select:none;user-select:none;border-radius:5px;align-items:center;height:18px;font-size:10.5px;display:flex;position:absolute;overflow:hidden;box-shadow:0 1px 2px #00000026}.gantt-balk.af{opacity:.55}.gantt-balk.bezig{z-index:4;box-shadow:0 3px 10px #0000004d}.gantt-balk:active{cursor:grabbing}.gantt-balk-tekst{text-overflow:ellipsis;white-space:nowrap;pointer-events:none;padding:0 8px;overflow:hidden}.gantt-greep{cursor:ew-resize;opacity:0;background:#ffffff59;width:6px;position:absolute;top:0;bottom:0}.gantt-greep.links{left:0}.gantt-greep.rechts{right:0}.gantt-balk:hover .gantt-greep{opacity:1}.gantt-zonder{color:var(--kleur-tekst-zacht,#94a3b8);margin:12px 0 0;font-size:12px}.statussen-beheer{flex-direction:column;gap:14px;display:flex}.statussen-lijst{flex-direction:column;gap:8px;display:flex}.status-regel{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:10px;grid-template-columns:14px minmax(140px,1fr) 170px auto auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.status-regel .invoer{padding:6px 10px;font-size:13px}.status-stip{border-radius:50%;flex-shrink:0;width:12px;height:12px}.status-kleuren{flex-wrap:wrap;gap:4px;display:flex}.status-kleur{cursor:pointer;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.status-kleur.actief{border-color:var(--kleur-tekst,#1e293b)}.status-acties{gap:2px;display:flex}.status-acties .rij-actie{padding:2px 7px}.status-acties .rij-actie:disabled{opacity:.35;cursor:default}.statussen-acties{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=720px){.status-regel{grid-template-columns:14px 1fr}.status-regel .status-kleuren,.status-regel .status-acties{grid-column:2}}.project-detail-pagina{max-width:1100px}.project-acties-balk{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.project-acties-rechts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-hoofd-kaart{margin-bottom:12px}.project-hoofd-rij{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.project-detail-titel{font-size:20px;font-weight:600}.badge-groot{padding:4px 12px;font-size:13px}.detail-secties{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.detail-sectie{flex-direction:column;gap:6px;display:flex}.detail-sectie-titel{text-transform:uppercase;letter-spacing:.5px;color:var(--kleur-tekst-zacht);margin-bottom:2px;font-size:10px;font-weight:700}.detail-rij{flex-direction:column;gap:1px;display:flex}.detail-label{color:var(--kleur-tekst-zacht);font-size:10px}.detail-waarde{font-size:13px;font-weight:500}.project-tabs{border-bottom:1px solid var(--kleur-rand);gap:2px;margin-bottom:12px;display:flex}.project-tab{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;transition:color .15s}.project-tab:hover{color:var(--kleur-tekst)}.project-tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair);font-weight:600}.uren-waarschuwing{background:var(--kleur-primair-licht);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500}.rend-stats-rij{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.rend-stat-kaart{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:8px;padding:12px 14px}.rend-stat-label{color:var(--kleur-tekst-zacht);margin-bottom:4px;font-size:11px}.rend-stat-waarde{font-size:16px;font-weight:600}.voortgang-wrapper{margin-bottom:12px}.voortgang-labels{color:var(--kleur-tekst-zacht);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.voortgang-balk{background:var(--kleur-rand);border-radius:4px;height:8px;overflow:hidden}.voortgang-vulling{border-radius:4px;height:100%;transition:width .3s}.kost-formulier{margin-bottom:12px}.formulier-rij-3{grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.kost-acties{justify-content:flex-end;gap:8px;display:flex}.uren-actiebalk{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.uren-formulier{margin-bottom:12px}.uren-invoer-rij{grid-template-columns:1fr 1fr 80px 100px 2fr;gap:8px;margin-bottom:8px;display:grid}.overlay{z-index:100;background:#00000040;position:fixed;inset:0}.bevestig-dialoog{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);z-index:101;border-radius:8px;width:320px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000059}.verwijder-knop{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:2px 4px;font-size:13px}.verwijder-knop:hover{color:var(--kleur-negatief)}.project-channel{flex-direction:column;height:60vh;min-height:360px;padding:0;display:flex;overflow:hidden}.documenten-balk{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.documenten-balk .invoer{max-width:280px}.toegang-tabel th.toegang-tabkop{text-align:center;white-space:nowrap;font-size:11px}.toegang-tabel td select.invoer{padding:4px 8px;font-size:12px}.toegang-schakelaar{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-achtergrond-zacht,#f8fafc);border-radius:10px;padding:12px 14px}.toegang-schakelaar.beperkt{border-color:var(--kleur-primair,#639922)}.toegang-schakelaar label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checklist-status{border-width:1.5px;border-radius:999px;max-width:160px;padding:2px 8px;font-size:11.5px}.project-tabs-rij{display:flex}.project-tabs-rij .project-tabs{border-bottom:none;flex-wrap:wrap;margin-bottom:0}.project-tabs-rij.rij-weergaven{border-bottom:1px solid var(--kleur-rand,#e2e8f0)}.project-tabs-rij.rij-project{border-bottom:1px solid var(--kleur-rand,#e2e8f0);margin-bottom:12px}.project-tabs-rij.rij-project .project-tab{opacity:.85;font-size:12.5px}.project-tabs-rij.rij-project .project-tab.actief{opacity:1}.project-kop-links{align-items:baseline;gap:4px;min-width:0;display:flex}.project-kop-links>div{min-width:0}.project-hoofd-kaart.dicht{padding-top:12px;padding-bottom:12px}.project-hoofd-kaart.dicht .project-hoofd-rij{margin-bottom:0}.project-kop-klap{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;align-self:center;padding:2px 6px 2px 0;font-size:13px;line-height:1}.project-kop-klap:hover{color:var(--kleur-primair,#639922)}.project-betrokkenen{cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;margin-right:10px;padding:0;display:flex}.project-betrokkene{color:#fff;border:2px solid var(--kleur-kaart,#fff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-7px;font-size:10px;font-weight:700;display:inline-flex}.project-betrokkene:first-child{margin-left:0}.project-betrokkene.meer{background:var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#64748b)}.project-betrokkenen:hover .project-betrokkene{border-color:var(--kleur-primair-licht,#eef7e3)}.nieuw-abonnement-pagina{max-width:960px}.knop-terug{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 6px;font-size:13px}.knop-terug:hover{color:var(--kleur-tekst);background:var(--kleur-achtergrond-zacht,#f1f5f9)}.abo-detail-pagina{padding:2rem}.detail-header-links{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.terug-knop:hover{color:var(--kleur-tekst,#111827)}.detail-header-acties{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width<=700px){.detail-grid{grid-template-columns:1fr}}.detail-rij{border-bottom:1px solid var(--kleur-rand,#f3f4f6);gap:1rem;padding:.45rem 0;font-size:.9rem;display:flex}.detail-rij:last-child{border-bottom:none}.detail-label{min-width:160px;color:var(--kleur-tekst-zacht,#6b7280);font-weight:500}.detail-waarde{color:var(--kleur-tekst,#111827)}.abo-regels-kaart{margin-bottom:1rem}.detail-gevaar-zone{border-top:1px solid var(--kleur-rand,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.knop-status{cursor:pointer;border:none;border-radius:6px;padding:.45rem .9rem;font-size:.85rem;font-weight:500}.knop-groen{color:#065f46;background:#d1fae5}.knop-groen:hover{background:#a7f3d0}.knop-oranje{color:#9a3412;background:#fed7aa}.knop-oranje:hover{background:#fdba74}.knop-rood{color:#991b1b;background:#fee2e2}.knop-rood:hover{background:#fecaca}.knop-gevaar{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:6px;padding:.45rem 1rem;font-size:.85rem;font-weight:500}.knop-gevaar:hover{background:#fee2e2}.detail-sectie-breed{grid-column:1/-1}.detail-waarde-pre{white-space:pre-wrap;color:var(--kleur-tekst);margin:0;font-size:13px}.abo-regels-tabel{table-layout:fixed;width:100%;min-width:1080px}.abo-regels-tabel th,.abo-regels-tabel td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.abo-regels-tabel td:nth-child(2),.abo-regels-tabel th:nth-child(2){white-space:normal}@media print{.hoofd-layout aside,.top-balk,.print-verberg{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}}[data-thema=woodenshoe]{--ws-groen:#639922;--ws-woud:#27500a;--ws-inkt:#1c3508;--ws-bamboe:#eaf3de;--ws-washi:#f5f0e8;--ws-zegel:#c83020;--ws-urushi:#ef9f27;--kleur-primair:#639922;--kleur-primair-licht:#eaf3de;--kleur-achtergrond:#f5f0e8;--kleur-sidebar:#fff;--kleur-kaart:#fff;--kleur-tekst:#1c3508;--kleur-tekst-zacht:#4a7020;--kleur-rand:#d0e4b8;--kleur-hover:#eaf3de;--kleur-invoer:#f9f6f0;--kleur-rij-highlight:#f0f7e6;--kleur-positief:#639922;--kleur-negatief:#c83020;--schaduw-kaart:0 2px 8px #1c35081a, 0 1px 2px #1c35080f;--radius:8px}[data-thema=retro-licht]{--rg-primair:#c85a00;--rg-primair-donker:#6a2c00;--rg-goud:#c85a00;--rg-perkament:#ede4d8;--rg-warm:#faf5ee;--font-koppen:"Cormorant Garamond", Georgia, serif;--kleur-primair:#c85a00;--kleur-primair-licht:#c85a001a;--kleur-achtergrond:#f5ead8;--kleur-sidebar:#fdfaf5;--kleur-kaart:#fff;--kleur-tekst:#1c0e05;--kleur-tekst-zacht:#8a6a50;--kleur-rand:#c85a0029;--kleur-hover:#c85a0014;--kleur-invoer:#fdfaf5;--kleur-rij-highlight:#c85a0012;--kleur-positief:#2a7040;--kleur-negatief:#d04040;--schaduw-kaart:0 4px 24px #00000014, 0 0 0 1px #c85a001f;--radius:8px}[data-thema=retro-donker]{--rg-primair:#c85a00;--rg-primair-donker:#6a2c00;--rg-goud:#f5c060;--rg-goud-helder:#ffb060;--rg-perkament:#c85a001c;--rg-warm:#c85a000f;--font-koppen:"Cormorant Garamond", Georgia, serif;--kleur-primair:#c85a00;--kleur-primair-licht:#c85a0026;--kleur-achtergrond:#0e0504;--kleur-achtergrond-gradient:radial-gradient(ellipse 130% 90% at 8% 95%, #3c1500 0%, #1c0804 42%, #070201 100%);--kleur-sidebar:#1c0800;--kleur-kaart:#160701ed;--kleur-tekst:#f5ede0;--kleur-tekst-zacht:#f5ede08c;--kleur-rand:#c85a0047;--kleur-hover:#c85a0038;--kleur-invoer:#c85a0014;--kleur-rij-highlight:#c85a0021;--kleur-positief:#78c078;--kleur-negatief:#e04040;--kleur-achtergrond-2:#c85a001f;--kleur-tabel-header:#c85a0029;--schaduw-kaart:0 0 90px #c85a0024, 0 28px 80px #000000d9, 0 0 0 1px #c85a0038;--radius:8px}[data-thema=retro-donker] .hoofd-inhoud{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -35 310 300'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.13' stroke-linejoin='round'%3E%3Cpolygon points='100,50 143.3,75 143.3,125 100,150 56.7,125 56.7,75'/%3E%3Cpolygon points='186.6,50 229.9,75 229.9,125 186.6,150 143.3,125 143.3,75'/%3E%3Cpolygon points='143.3,-25 186.6,0 186.6,50 143.3,75 100,50 100,0'/%3E%3Cpolygon points='56.7,-25 100,0 100,50 56.7,75 13.4,50 13.4,0'/%3E%3Cpolygon points='13.4,50 56.7,75 56.7,125 13.4,150 -29.9,125 -29.9,75'/%3E%3Cpolygon points='56.7,125 100,150 100,200 56.7,225 13.4,200 13.4,150'/%3E%3Cpolygon points='143.3,125 186.6,150 186.6,200 143.3,225 100,200 100,150'/%3E%3C/g%3E%3C/svg%3E") calc(100% + 80px) calc(100% + 80px)/360px 350px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 160 160'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.09' stroke-linejoin='round'%3E%3Cpolygon points='69.2,0 103.8,20 103.8,60 69.2,80 34.6,60 34.6,20'/%3E%3Cpolygon points='34.6,60 69.2,80 69.2,120 34.6,140 0,120 0,80'/%3E%3Cpolygon points='103.8,60 138.4,80 138.4,120 103.8,140 69.2,120 69.2,80'/%3E%3C/g%3E%3C/svg%3E") -70px -50px/200px 190px no-repeat,radial-gradient(160% 110% at 0 100%,#3c1500 0%,#1c0804 40%,#070201 100%)!important}[data-thema=retro-donker] .top-balk{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#c85a0017!important;border-bottom-color:#c85a002e!important}[data-thema=retro-donker] .sidebar{background:linear-gradient(172deg,#3c1500 0%,#1c0800 28%,#2e1100 56%,#160600 100%)!important;border-right-color:#c85a0038!important}[data-thema=retro-donker] .nav-item,[data-thema=retro-donker] .nav-groep-titel{color:#f5c060bf}[data-thema=retro-donker] .nav-item:hover,[data-thema=retro-donker] .nav-groep-titel:hover{color:#f5c060;background:#c85a0052!important}[data-thema=retro-donker] .nav-item.actief{box-shadow:0 2px 14px #c85a0061;color:#ffb060!important;background:#ffc86426!important;border-color:#ffc86447!important}[data-thema=retro-donker] .nav-groep-label,[data-thema=retro-donker] .nav-groep-header{color:#f5c06061}[data-thema=retro-donker] .inklok-dag-cel{background:#1e0a028c!important;border-color:#c85a0040!important}[data-thema=retro-donker] .inklok-dag-cel:hover{border-color:#c85a00b3!important}[data-thema=retro-donker] .inklok-dag-cel.actief{border-color:#c85a00e6!important;box-shadow:0 0 0 2px #c85a004d!important}[data-thema=retro-donker] .inklok-dag-cel.inklok-dag-compleet{background:#195a2859!important;border-color:#28a04680!important}[data-thema=retro-donker] .inklok-dag-cel.inklok-dag-compleet.actief{border-color:#28c850cc!important}[data-thema=retro-donker] .inklok-dag-cel.inklok-dag-open{background:#b4460047!important;border-color:#c85a00a6!important}[data-thema=retro-donker] .inklok-dag-cel.inklok-dag-auto{background:#8c141452!important;border-color:#c832328c!important}[data-thema=retro-donker] .inklok-dag-totaal{border-top-color:#c85a004d!important}[data-thema=retro-donker] .overlay-paneel{-webkit-backdrop-filter:none!important;background:#160600!important;border-color:#c85a008c!important;box-shadow:0 24px 64px #000000b3!important}[data-thema=retro-donker] .kaart,[data-thema=retro-donker] .stat-kaart,[data-thema=retro-donker] .kpi-kaart,[data-thema=retro-donker] .widget-kaart{-webkit-backdrop-filter:blur(16px)saturate(160%);background:#1c0800b8!important;border-color:#c85a007a!important;box-shadow:inset 0 1px #ffdc8c29,0 8px 32px #00000061!important}[data-thema=retro-donker] .knop-primair{color:#ffb060!important;box-shadow:none!important;background:#c85a0024!important;border:1px solid #c85a008c!important}[data-thema=retro-donker] .knop-primair:hover:not(:disabled){color:#ffd090!important;filter:none!important;background:#c85a0042!important;border-color:#c85a00cc!important;transform:none!important}[data-thema=retro-donker] .knop-primair:disabled{color:#ffb0604d!important;background:#c85a000f!important;border-color:#c85a0033!important}[data-thema=retro-donker] .knop-secundair{color:#f5c060cc!important;background:#c85a000f!important;border-color:#c85a0059!important}[data-thema=retro-donker] .knop-secundair:hover{color:#ffd090!important;background:#c85a0024!important;border-color:#c85a0099!important}[data-thema=retro-donker] .stat-kaart h4,[data-thema=retro-donker] .stat-kaart-sub,[data-thema=retro-donker] .stat-kaart h3,[data-thema=retro-donker] .kpi-label{color:#f5c060a6!important}[data-thema=retro-donker] .stat-tabel th{color:#f5ede08c;background:#c85a001f!important;border-bottom-color:#c85a0038!important}[data-thema=retro-donker] .stat-tabel td{border-bottom-color:#c85a001f!important}[data-thema=retro-donker] .recharts-text,[data-thema=retro-donker] .recharts-cartesian-axis-tick-value{fill:#f5c0609e!important}[data-thema=retro-donker] .recharts-legend-item-text{color:#f5c060b3!important}[data-thema=retro-donker] .recharts-cartesian-grid line{stroke:#c85a002e!important}[data-thema=retro-donker] .recharts-tooltip-wrapper .recharts-default-tooltip{color:#f5ede0!important;background:#1e0800e6!important;border-color:#c85a0073!important}[data-thema=retro-zenith]{--rg-primair:#c85a00;--rg-primair-donker:#6a2c00;--rg-goud:#c85a00;--rg-perkament:#ede4d8;--rg-warm:#faf5ee;--font-koppen:"Cormorant Garamond", Georgia, serif;--kleur-primair:#c85a00;--kleur-primair-licht:#c85a001a;--kleur-achtergrond:#f7f1e8;--kleur-sidebar:#1c0800;--kleur-kaart:#fffffff7;--kleur-tekst:#1c0e05;--kleur-tekst-zacht:#8a6a50;--kleur-rand:#c85a0024;--kleur-hover:#c85a0014;--kleur-invoer:#fdfaf5;--kleur-rij-highlight:#c85a0012;--kleur-positief:#2a7040;--kleur-negatief:#d04040;--schaduw-kaart:0 4px 20px #00000012, 0 0 0 1px #c85a001a;--radius:7px}[data-thema=retro-zenith] .top-balk{background:linear-gradient(90deg,#1c0800,#2a1000)!important;border-bottom-color:#c85a0038!important}[data-thema=retro-zenith] .sidebar{background:linear-gradient(#1c0800 0%,#2a1000 100%)!important;border-right-color:#c85a0038!important}[data-thema=retro-zenith] .nav-item,[data-thema=retro-zenith] .nav-groep-titel{color:#f5d5aabf}[data-thema=retro-zenith] .nav-item:hover,[data-thema=retro-zenith] .nav-groep-titel:hover{color:#f5c060;background:#c85a0047!important}[data-thema=retro-zenith] .nav-item.actief{box-shadow:0 2px 12px #c85a0052;color:#ffb060!important;background:#ffc86426!important;border-color:#ffc86447!important}[data-thema=retro-zenith] .nav-groep-label,[data-thema=retro-zenith] .nav-groep-header{color:#f5c06052}[data-thema=retro-zenith] table tr{height:24px}[data-thema=retro-zenith] table td,[data-thema=retro-zenith] table th{font-size:10px;padding-top:2px!important;padding-bottom:2px!important}[data-thema=retro-donker] .tabel-wrapper,[data-thema=retro-donker] .tabel-container,[data-thema=retro-donker] .overzicht-tabel-wrapper{background:0 0!important}[data-thema=retro-donker] table{border-collapse:collapse}[data-thema=retro-donker] thead tr,[data-thema=retro-donker] th{color:#f5c060a6!important;background:#c85a0024!important;border-color:#c85a003d!important}[data-thema=retro-donker] tbody tr{background:0 0!important}[data-thema=retro-donker] tbody tr:nth-child(2n){background:#c85a000e!important}[data-thema=retro-donker] tbody tr:hover{background:#c85a0024!important}[data-thema=retro-donker] tbody tr.split-hoofdrij{background:#ffffff12!important}[data-thema=retro-donker] tbody tr.split-hoofdrij:hover{background:#ffffff1c!important}[data-thema=retro-donker] .ni-hover tbody.ni-groep>tr,[data-thema=retro-donker] .ni-hover tbody.ni-groep>tr>td{background:0 0!important}[data-thema=retro-donker] .ni-hover tbody.ni-groep:nth-of-type(odd)>tr>td{background:#c85a0029!important}[data-thema=retro-donker] .ni-hover tbody.ni-groep{border-bottom:1px solid #c85a004d!important}[data-thema=retro-donker] .ni-hover tbody.ni-groep .ni-bron>td{font-size:14px!important}[data-thema=retro-donker] .ni-hover tbody.ni-groep:hover>tr>td{background:#c85a004d!important}[data-thema=retro-donker] td{color:var(--kleur-tekst);border-color:#c85a001a!important}[data-thema=retro-donker] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-thema=retro-donker] select,[data-thema=retro-donker] textarea{color:#f5ede0!important;background:#c85a0014!important;border-color:#c85a004d!important}[data-thema=retro-donker] input::placeholder{color:#f5ede061!important}[data-thema=retro-donker] select option{color:#f5ede0;background:#1c0800}[data-thema=retro-donker] select optgroup{color:#f5c060a6;background:#1c0800}[data-thema=retro-donker] .hoofd-inhoud,[data-thema=retro-donker] .pagina-inhoud,[data-thema=retro-donker] main{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -35 310 300'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.13' stroke-linejoin='round'%3E%3Cpolygon points='100,50 143.3,75 143.3,125 100,150 56.7,125 56.7,75'/%3E%3Cpolygon points='186.6,50 229.9,75 229.9,125 186.6,150 143.3,125 143.3,75'/%3E%3Cpolygon points='143.3,-25 186.6,0 186.6,50 143.3,75 100,50 100,0'/%3E%3Cpolygon points='56.7,-25 100,0 100,50 56.7,75 13.4,50 13.4,0'/%3E%3Cpolygon points='13.4,50 56.7,75 56.7,125 13.4,150 -29.9,125 -29.9,75'/%3E%3Cpolygon points='56.7,125 100,150 100,200 56.7,225 13.4,200 13.4,150'/%3E%3Cpolygon points='143.3,125 186.6,150 186.6,200 143.3,225 100,200 100,150'/%3E%3C/g%3E%3C/svg%3E") calc(100% + 80px) calc(100% + 80px)/360px 350px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 160 160'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.09' stroke-linejoin='round'%3E%3Cpolygon points='69.2,0 103.8,20 103.8,60 69.2,80 34.6,60 34.6,20'/%3E%3Cpolygon points='34.6,60 69.2,80 69.2,120 34.6,140 0,120 0,80'/%3E%3Cpolygon points='103.8,60 138.4,80 138.4,120 103.8,140 69.2,120 69.2,80'/%3E%3C/g%3E%3C/svg%3E") -70px -50px/200px 190px no-repeat,radial-gradient(160% 110% at 0 100%,#3c1500 0%,#1c0804 40%,#070201 100%)!important}[data-thema=retro-donker] .overzicht-tabel tbody tr,[data-thema=retro-donker] .tabel-container tbody tr{height:28px}[data-thema=retro-donker] .overzicht-tabel tbody td,[data-thema=retro-donker] .tabel-container tbody td{color:#d2af82bf!important;padding-top:3px!important;padding-bottom:3px!important;font-size:11px!important}[data-thema=retro-donker] .contract-nr,[data-thema=retro-donker] .overzicht-tabel td:first-child{color:#c8903c!important;font-weight:700!important}[data-thema=retro-donker] .klant-naam{color:#ffd060!important;font-style:normal!important;font-weight:700!important}[data-thema=retro-donker] .bedrag-incl-btw,[data-thema=retro-donker] .incl-btw{color:#ebcd9be6!important;font-weight:600!important}[data-thema=retro-donker] .kaart,[data-thema=retro-donker] .stat-kaart,[data-thema=retro-donker] .widget-kaart,[data-thema=retro-donker] .tabel-container{background:#2a0e029e!important}[data-thema=retro-donker] .badge,[data-thema=retro-donker] [class*=badge-],[data-thema=retro-donker] [class*=hn-badge-]{text-align:center!important;border-style:solid!important;border-width:1px!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;font-weight:600!important;display:inline-flex!important}[data-thema=retro-donker] .badge-oranje,[data-thema=retro-donker] .hn-badge-oranje{color:#ff9840!important;background:#a04100ad!important;border-color:#ff82288c!important}[data-thema=retro-donker] .badge-groen,[data-thema=retro-donker] .hn-badge-groen{color:#55cc70!important;background:#195a28ad!important;border-color:#3cbe5080!important}[data-thema=retro-donker] .badge-groen-fel{color:#70e088!important;background:#195a28cc!important;border-color:#3cbe50a6!important}[data-thema=retro-donker] .badge-rood,[data-thema=retro-donker] .hn-badge-rood{color:#ff5858!important;background:#8c1919ad!important;border-color:#dc37378c!important}[data-thema=retro-donker] .badge-blauw,[data-thema=retro-donker] .hn-badge-blauw{color:#7eb8ff!important;background:#1e3ca0ad!important;border-color:#5a8cff80!important}[data-thema=retro-donker] .badge-grijs,[data-thema=retro-donker] .hn-badge-grijs{color:#f5ede0d9!important;background:#504132ad!important;border-color:#a08c6e73!important}[data-thema=retro-donker] .badge-paars,[data-thema=retro-donker] .hn-badge-paars{color:#c8f!important;background:#6423aaad!important;border-color:#aa5aff80!important}[data-thema=retro-donker] .badge-geel,[data-thema=retro-donker] .hn-badge-geel{color:#f5c840!important;background:#966400ad!important;border-color:#dcaa1e80!important}[data-thema=retro-donker] .hn-badge-cyaan{color:#50d0e8!important;background:#00788cad!important;border-color:#1ebed280!important}[data-thema=retro-donker] .badge-donker{color:#7eb8ff!important;background:#1e3ca0ad!important;border-color:#5a8cff80!important}[data-thema=retro-donker] .vk-badge{color:#c8f!important;background:#6423aa8c!important;border:1px solid #aa5aff73!important}[data-thema=retro-donker] .ap-badge-a{color:#7eb8ff!important;background:#1e3ca08c!important}[data-thema=retro-donker] .ap-badge-p{color:#c8f!important;background:#6423aa8c!important}[data-thema=retro-donker] .afschrift-wrapper{-webkit-backdrop-filter:blur(16px)saturate(160%);background:#1c0800b8!important;border-color:#c85a0047!important}[data-thema=retro-donker] .saldo-balk{background:#c85a001a!important;border-color:#c85a003d!important}[data-thema=retro-donker] .saldo-item{color:#f5ede08c!important;background:0 0!important;border-color:#c85a002e!important}[data-thema=retro-donker] .saldo-item .saldo-label{color:#f5c0608c!important}[data-thema=retro-donker] .saldo-item .saldo-waarde{color:#f5ede0!important}[data-thema=retro-donker] .saldo-bij .saldo-waarde{color:#78c078!important}[data-thema=retro-donker] .saldo-af .saldo-waarde{color:#e04040!important}[data-thema=retro-donker] .saldo-eind .saldo-waarde{color:#f5c060!important}[data-thema=retro-donker] .afschrift-pagina{background:var(--kleur-achtergrond)!important}[data-thema=retro-donker] .afschrift-boekjaar{color:#ffb060bf!important;background:#c85a001a!important;border:1px solid #c85a0066!important;border-radius:6px!important}[data-thema=retro-donker] .afschrift-rij.rij-even td,[data-thema=retro-donker] .subregel.rij-even td{background:#c85a000a!important}[data-thema=retro-donker] .afschrift-rij.rij-odd td,[data-thema=retro-donker] .subregel.rij-odd td{background:#0000002e!important}[data-thema=retro-donker] .afschrift-rij.is-dirty td{background:#c85a0024!important}[data-thema=retro-donker] .afschrift-rij.is-hovered td,[data-thema=retro-donker] .subregel.is-hovered td{background:#c85a0038!important}[data-thema^=retro] h1,[data-thema^=retro] h2,[data-thema^=retro] .pagina-titel,[data-thema^=retro] .contract-detail-titel,[data-thema^=retro] .kpi-waarde{font-family:var(--font-koppen)}[data-thema^=retro] ::-webkit-scrollbar{width:3px;height:3px}[data-thema^=retro] ::-webkit-scrollbar-track{background:0 0}[data-thema^=retro] ::-webkit-scrollbar-thumb{background:#c85a004d;border-radius:2px}[data-thema^=retro] ::-webkit-scrollbar-thumb:hover{background:#c85a008c}[data-thema^=retro] button:not(:disabled):hover{filter:brightness(1.12);transition:filter .13s,transform .13s;transform:translateY(-1px)}[data-thema^=retro] button:not(:disabled):active{filter:brightness(.88);transition:transform 60ms,filter 60ms;transform:scale(.95)}[data-thema=retro-licht] .hoofd-inhoud,[data-thema=retro-licht] main,[data-thema=retro-zenith] .hoofd-inhoud,[data-thema=retro-zenith] main{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -35 310 300'%3E%3Cg fill='none' stroke='rgb(200,90,0)' stroke-width='1.5' stroke-opacity='0.09' stroke-linejoin='round'%3E%3Cpolygon points='100,50 143.3,75 143.3,125 100,150 56.7,125 56.7,75'/%3E%3Cpolygon points='186.6,50 229.9,75 229.9,125 186.6,150 143.3,125 143.3,75'/%3E%3Cpolygon points='143.3,-25 186.6,0 186.6,50 143.3,75 100,50 100,0'/%3E%3Cpolygon points='56.7,-25 100,0 100,50 56.7,75 13.4,50 13.4,0'/%3E%3Cpolygon points='13.4,50 56.7,75 56.7,125 13.4,150 -29.9,125 -29.9,75'/%3E%3Cpolygon points='56.7,125 100,150 100,200 56.7,225 13.4,200 13.4,150'/%3E%3Cpolygon points='143.3,125 186.6,150 186.6,200 143.3,225 100,200 100,150'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 160 160'%3E%3Cg fill='none' stroke='rgb(200,90,0)' stroke-width='1.5' stroke-opacity='0.07' stroke-linejoin='round'%3E%3Cpolygon points='69.2,0 103.8,20 103.8,60 69.2,80 34.6,60 34.6,20'/%3E%3Cpolygon points='34.6,60 69.2,80 69.2,120 34.6,140 0,120 0,80'/%3E%3Cpolygon points='103.8,60 138.4,80 138.4,120 103.8,140 69.2,120 69.2,80'/%3E%3C/g%3E%3C/svg%3E")!important;background-position:calc(100% + 80px) calc(100% + 80px),-70px -50px!important;background-repeat:no-repeat,no-repeat!important;background-size:360px 350px,200px 190px!important}[data-thema=retro-donker] .bd-totaal-banner{background:#c85a001a!important;border-color:#c85a004d!important}[data-thema=retro-donker] .bd-totaal-banner.groen{background:#28783c24!important;border-color:#3cb45a47!important}[data-thema=retro-donker] .bd-soort-tegel{transition:background .15s,border-color .15s;background:#c85a0012!important;border-color:#c85a0033!important}[data-thema=retro-donker] .bd-soort-tegel:hover{background:#c85a0024!important}[data-thema=retro-donker] .bd-soort-tegel.actief{background:#c85a0038!important;border-color:#c85a008c!important}[data-thema=retro-donker] .bd-toolbar-knop{color:#f5ede0b8!important;background:#c85a0012!important;border-color:#c85a0047!important}[data-thema=retro-donker] .bd-toolbar-knop.actief{color:#ffb060!important;background:#c85a0038!important;border-color:#c85a008c!important}[data-thema=retro-donker] .bd-tabel-wrapper{border-color:#c85a003d!important}[data-thema=retro-donker] .bd-thead-rij{background:#c85a0024!important}[data-thema=retro-donker] .bd-tfoot-rij{background:#c85a001a!important;border-top-color:#c85a0047!important}[data-thema=retro-donker] .bd-schuld-sectie,[data-thema=retro-donker] .bd-fe-sectie{border-top-color:#c85a0038!important}[data-thema=retro-donker] .bd-sectie-titel{color:#f5c060e6!important}[data-thema=retro-donker] .bd-schuld-item{background:#c85a0014!important;border-color:#c85a003d!important}[data-thema=retro-donker] .bd-schuld-form{background:#c85a000d!important;border-color:#c85a002e!important}[data-thema=retro-donker] .bd-schuld-oud-item{background:#c85a000d!important}[data-thema=retro-donker] .tb-avatar,[data-thema=retro-donker] .profiel-avatar-groot{color:#fff4e0!important;background:#b87030!important}[data-thema=retro-donker] .art-sectie{background:#2a0e028c!important;border-color:#c85a0038!important}[data-thema=retro-donker] .art-sectie-titel,[data-thema=retro-donker] .art-detail-titel,[data-thema=retro-donker] .art-titel{color:#f5c060!important}[data-thema=retro-donker] .art-terug{color:#f5c06080!important}[data-thema=retro-donker] .art-terug:hover{color:#f5c060!important}[data-thema=retro-donker] .art-label{color:#f5d5aab3!important}[data-thema=retro-donker] .art-count-badge{color:#f5c060!important;background:#c85a0038!important}[data-thema=retro-donker] .art-invoer{background:#c85a0014!important;border-color:#c85a004d!important}[data-thema=retro-donker] .bd-art-readonly{background:#c85a000a!important;border-color:#c85a002e!important}[data-thema=retro-donker] .art-tabel-wrapper{background:#2a0e028c!important;border-color:#c85a0038!important}[data-thema=retro-donker] .art-tabel th{color:#f5c060a6!important;background:#c85a0024!important;border-color:#c85a0038!important}[data-thema=retro-donker] .art-tabel td{color:#d2af82cc!important;border-color:#c85a001a!important}[data-thema=retro-donker] .art-tabel tbody tr:nth-child(odd) td{background:0 0!important}[data-thema=retro-donker] .art-tabel tbody tr:nth-child(2n) td{background:#c85a000e!important}[data-thema=retro-donker] .art-tabel tbody tr:hover td{background:#c85a0024!important}[data-thema=retro-donker] .art-opslaan{color:#ffb060!important;box-shadow:none!important;background:#c85a0024!important;border:1px solid #c85a008c!important}[data-thema=retro-donker] .art-opslaan:hover:not(:disabled){color:#ffd090!important;filter:none!important;background:#c85a0042!important;border-color:#c85a00cc!important}[data-thema=retro-donker] .art-opslaan:disabled{color:#ffb0604d!important;background:#c85a000f!important;border-color:#c85a0033!important}[data-thema=retro-donker] .art-nieuw-knop{color:#ffb060!important;box-shadow:none!important;background:#c85a0024!important;border:1px solid #c85a008c!important}[data-thema=retro-donker] .art-nieuw-knop:hover:not(:disabled){color:#ffd090!important;filter:none!important;background:#c85a0042!important;border-color:#c85a00cc!important}[data-thema=retro-donker] .art-sec-knop{color:#f5c060cc!important;border-color:#c85a0059!important}[data-thema=retro-donker] .art-sec-knop:hover{color:#f5c060!important;border-color:#c85a00a6!important}[data-thema=retro-donker] .art-fout{color:#f08080!important;background:#b41e1e26!important;border-color:#c83c3c47!important}[data-thema=retro-donker] .art-succes{color:#70d080!important;background:#195a282e!important;border-color:#3cb45a47!important}[data-thema=retro-donker] .art-voorbeeld{background:#c85a000f!important;border-color:#c85a0033!important}[data-thema=retro-donker] .art-radio-kaart{color:#f5d5aacc!important;border-color:#c85a0047!important}[data-thema=retro-donker] .art-radio-kaart.actief{color:#f5c060!important;background:#c85a002e!important;border-color:#c85a00b3!important}[data-thema=retro-donker] .bd-mutatie-form-wrapper{background:#c85a0012!important;border-color:#c85a003d!important}[data-thema=retro-donker] .bd-mutatie-rij{border-top-color:#c85a0029!important}[data-thema=retro-donker] .bd-mutatie-rij-totaal{border-top-color:#c85a0052!important}[data-thema=retro-donker] .bd-mutatie-bewerk-knop{color:#f5c060bf!important;border-color:#c85a0052!important}[data-thema=retro-donker] .bd-mutatie-bewerk-knop:hover{color:#f5c060!important;border-color:#c85a0099!important}[data-thema=retro-donker] .art-badge-geel{color:#f5c840!important;background:#9664008c!important;border:1px solid #dcaa1e66!important}[data-thema=retro-donker] .art-badge-groen{color:#70d080!important;background:#195a288c!important;border:1px solid #3cbe5066!important}[data-thema=retro-donker] .art-badge-blauw{color:#7eb8ff!important;background:#1e3ca08c!important;border:1px solid #5a8cff66!important}[data-thema=retro-donker] .art-badge-paars{color:#c8f!important;background:#6423aa8c!important;border:1px solid #aa5aff66!important}[data-thema=retro-donker] .art-badge-grijs{color:#f5ede0b3!important;background:#3c32288c!important}[data-thema=retro-donker] .art-zoek{color:#f5ede0!important;background:#c85a0014!important;border-color:#c85a004d!important}[data-thema=retro-donker] .art-zoek::placeholder{color:#f5ede061!important}[data-thema=retro-donker] .art-zoek:focus{border-color:#c85a00a6!important}[data-thema=retro-donker] .art-bewerk-knop{color:#f5c060bf!important;background:#c85a0014!important;border-color:#c85a0052!important}[data-thema=retro-donker] .art-bewerk-knop:hover{color:#f5c060!important;background:#c85a002e!important;border-color:#c85a0099!important}[data-thema=retro-donker] .art-tabs{border-bottom-color:#c85a0038!important}[data-thema=retro-donker] .art-tab{color:#f5d5aa80!important}[data-thema=retro-donker] .art-tab:hover:not(.actief){color:#f5d5aad9!important}[data-thema=retro-donker] .art-tab.actief{color:#f5c060!important;border-bottom-color:#c87020!important}[data-thema=retro-donker] .art-inline-form{background:#c85a000f!important;border-color:#c85a002e!important}[data-thema=retro-donker] .art-toevoegen-knop{color:#f5c060a6!important;border-color:#c85a0059!important}[data-thema=retro-donker] .art-toevoegen-knop:hover{color:#f5c060!important;background:#c85a0014!important;border-color:#c85a00a6!important}[data-thema=retro-donker] .art-verwijder-knop{color:#f08080!important}[data-thema=retro-donker] .art-verwijder-knop:hover{background:#b41e1e33!important}[data-thema=retro-donker] .bundel-info-callout{color:#a0d2ffd9!important;background:#1e3ca01f!important;border-color:#508cff38!important}[data-thema=retro-donker] .btw-concept-kaart{background:#c85a001f!important;border-color:#c85a0066!important}[data-thema=retro-donker] .btw-concept-kaart span{color:#f5c060d9!important}[data-thema=retro-donker] .btw-vak-label{color:#f5d5aae6!important}[data-thema=retro-donker] .btw-vak-omschrijving{color:#f5c06080!important}[data-thema=retro-donker] .btw-knop-indienen{color:#70d080!important;background:#195a288c!important;border-color:#3cbe5073!important}[data-thema=retro-donker] .btw-knop-indienen:hover:not(:disabled){background:#195a28bf!important;border-color:#3cbe50b3!important}[data-thema=retro-donker] .btw-memoriaal-notitie{color:#a0d2ffd9!important;background:#1e50a024!important;border-color:#5096ff38!important}[data-thema=retro-donker] .module-kaart{background:#2a0e0299!important;border-color:#c85a0047!important;box-shadow:0 1px 6px #00000059!important}[data-thema=retro-donker] .module-kaart:hover{background:#c85a002e!important;border-color:#c85a008c!important}[data-thema=retro-donker] .module-kaart-naam{color:#f5d5aae6!important}[data-thema=retro-donker] .module-kaart-oranje{background:#c85a0029!important;border-color:#c85a0073!important}[data-thema=retro-donker] .module-kaart-blauw{background:#1e3ca033!important;border-color:#5a8cff4d!important}[data-thema=retro-donker] .module-kaart-groen{background:#195a2833!important;border-color:#3cb45a4d!important}[data-thema=retro-donker] .module-kaart-paars{background:#6423aa33!important;border-color:#a05aff4d!important}[data-thema=retro-donker] .module-kaart-rood{background:#8c191938!important;border-color:#dc373752!important}[data-thema=retro-donker] .module-kaart-grijs{background:#c85a001a!important;border-color:#c85a0038!important}[data-thema=retro-donker] .module-sectie-titel{color:#f5c06080!important}[data-thema=retro-donker] .klant-naam-header{background:#2a0e02b3!important;border:1px solid #c85a003d!important;box-shadow:0 1px 6px #00000059!important}[data-thema=retro-donker] .klant-hoofd-naam{color:#f5c060!important}[data-thema=retro-donker] .klant-hoofd-sub{color:#f5d5aa8c!important}[data-thema=retro-donker] .klant-avatar-groot{color:#fff8e8!important;background:#b06010!important}[data-thema=retro-donker] .hoofd-tab-balk{background:#2a0e02b3!important;border-bottom-color:#c85a0047!important;box-shadow:0 1px 4px #0000004d!important}[data-thema=retro-donker] .hoofd-tab{color:#f5d5aa80!important}[data-thema=retro-donker] .hoofd-tab:hover{color:#f5d5aad9!important}[data-thema=retro-donker] .hoofd-tab.actief{color:#f5c060!important;border-bottom-color:#f5c060!important}[data-thema=retro-donker] .tab-teller{color:#fff4e0!important;background:#c85a008c!important}[data-thema=retro-donker] .klant-sidenav{background:#2a0e029e!important;border:1px solid #c85a0033!important;box-shadow:0 1px 4px #0000004d!important}[data-thema=retro-donker] .sidenav-item{color:#f5d5aa80!important}[data-thema=retro-donker] .sidenav-item:hover{color:#f5d5aad9!important;background:#c85a001a!important}[data-thema=retro-donker] .sidenav-item.actief{color:#f5c060!important;box-shadow:none!important;background:#c85a002e!important;border-left-color:#c87020!important}[data-thema=retro-donker] .dashboard-kpi{background:#2a0e029e!important;border-color:#c85a0038!important}[data-thema=retro-donker] .kpi-label{color:#f5c0608c!important}[data-thema=retro-donker] .kpi-waarde{color:#f5c060!important}[data-thema=retro-donker] .kpi-sub{color:#f5d5aa8c!important}[data-thema=retro-donker] .dashboard-blok{background:#2a0e029e!important;border-color:#c85a0038!important}[data-thema=retro-donker] .dashboard-blok-titel{color:#f5c060a6!important}[data-thema=retro-donker] .dashboard-tabel th{color:#f5c06080!important;border-bottom-color:#c85a002e!important}[data-thema=retro-donker] .dashboard-tabel td{color:#d2af82cc!important;border-bottom-color:#c85a001a!important}[data-thema=retro-donker] .dashboard-leeg{color:#f5d5aa66!important}[data-thema=retro-donker] .knop-concept,[data-thema=retro-donker] .knop-klein,[data-thema=retro-donker] .knop-klein-sec{color:#f5c060cc!important;background:#c85a0014!important;border-color:#c85a0052!important}[data-thema=retro-donker] .knop-concept:hover,[data-thema=retro-donker] .knop-klein:hover,[data-thema=retro-donker] .knop-klein-sec:hover{color:#f5c060!important;background:#c85a002e!important}[data-thema=retro-donker] .soort-optie{color:#f5d5aa99!important;border-color:#c85a0047!important}[data-thema=retro-donker] .soort-optie:hover{color:#f5d5aae6!important;border-color:#c85a008c!important}[data-thema=retro-donker] .soort-optie.actief{color:#f5c060!important;background:#c85a002e!important;border-color:#c87020!important}[data-thema=retro-donker] .klant-sticky-top{background:var(--kleur-achtergrond)!important}[data-thema=retro-donker] .knop-verwijder{color:#f08080!important;background:#8c19192e!important;border-color:#dc373766!important}[data-thema=retro-donker] .knop-verwijder:hover{background:#8c191952!important;border-color:#dc3737a6!important}[data-thema=retro-donker] .knop-verwijder-bevestig{color:#ffd0d0!important;background:#a01e1eb3!important}[data-thema=retro-donker] .knop-verwijder-bevestig:hover{background:#b41e1ee6!important}[data-thema=retro-donker] .contract-naam-header{background:#2a0e02b3!important;border:1px solid #c85a003d!important;box-shadow:0 1px 6px #00000059!important}[data-thema=retro-donker] .contract-hoofd-naam{color:#f5c060!important}[data-thema=retro-donker] .contract-hoofd-sub{color:#f5d5aa8c!important}[data-thema=retro-donker] .contract-avatar-groot{color:#fff8e8!important;background:#b06010!important}[data-thema=retro-donker] .contract-titel-invoer{color:#f5c060!important}[data-thema=retro-donker] .contract-titel-invoer::placeholder{color:#f5c06059!important}[data-thema=retro-donker] .contract-sticky-top{background:var(--kleur-achtergrond)!important}[data-thema=retro-donker] .contract-versie-badge{color:#f5c060b3!important;background:#c85a002e!important}[data-thema=retro-donker] .knop-icoon-klein{color:#f5c0608c!important;background:#c85a000f!important;border-color:#c85a0047!important}[data-thema=retro-donker] .knop-icoon-klein:hover{color:#f5c060!important;background:#c85a002e!important}[data-thema=retro-donker] .contract-sidenav .sidenav-item{color:#f5d5aa80!important;background:0 0!important}[data-thema=retro-donker] .contract-sidenav .sidenav-item:hover{color:#f5d5aad9!important;background:#c85a001a!important}[data-thema=retro-donker] .contract-sidenav .sidenav-item.actief{color:#f5c060!important;background:#c85a002e!important;font-weight:600!important}[data-thema=retro-donker] .sectie-kaart-titel{color:#f5c0608c!important;border-bottom-color:#c85a0033!important}[data-thema=retro-donker] .getekend-banner,[data-thema=retro-donker] .activatie-melding{color:#70d080!important;background:#195a2840!important;border-color:#3cb45a59!important}[data-thema=retro-donker] .activatie-melding.fout{color:#f08080!important;background:#8c191938!important;border-color:#dc373759!important}[data-thema=retro-donker] .sectie-kaart .veld-groep select.invoer{background-color:#c85a0014!important}[data-thema=retro-donker] .sectie-kaart .veld-groep select.invoer:hover:not(:disabled){background-color:#c85a0029!important;border-color:#c85a008c!important}[data-thema=retro-donker] .sectie-kaart .veld-groep select.invoer:focus{background-color:#c85a001f!important}[data-thema=retro-donker] .btw-select-trigger{color:#f5ede0!important;background:#c85a0014!important}[data-thema=retro-donker] .btw-select-trigger.open{border-color:#c85a00a6!important}[data-thema=retro-donker] .btw-select-lijst{background:#1c0804!important;border-color:#c85a008c!important;box-shadow:0 6px 20px #00000080!important}[data-thema=retro-donker] .btw-select-optie{color:#f5d5aacc!important;border-bottom-color:#c85a001f!important}[data-thema=retro-donker] .btw-select-optie:hover{background:#c85a0029!important}[data-thema=retro-donker] .btw-select-optie.actief{background:#c85a003d!important}[data-thema=retro-donker] .btw-select-code{color:#f5c060!important}[data-thema=retro-donker] .btw-select-omschr{color:#f5d5aa80!important}[data-thema=retro-donker] .btw-select-pct{color:#7eb8ff!important;background:#1e3ca066!important}[data-thema=retro-donker] .contract-regel-tabel th{color:#f5c0608c!important;border-bottom-color:#c85a0038!important}[data-thema=retro-donker] .contract-regel-tabel td{border-bottom-color:#c85a0014!important}[data-thema=retro-donker] .contract-regel-tabel tbody tr:nth-child(2n){background:#c85a000a!important}[data-thema=retro-donker] .contract-regel-tabel tbody tr:hover{background:#c85a001f!important}[data-thema=retro-donker] .contract-regel-tabel tfoot td{border-top-color:#c85a0038!important}[data-thema=retro-donker] .regel-tabel-totaal{background:#c85a0014!important}[data-thema=retro-donker] .contractregel-kopregel{background:#c85a000f!important}[data-thema=retro-donker] .contractregel-kopregel .invoer{color:#f5d5aae6!important}[data-thema=retro-donker] .contractregel-kopregel .invoer:focus{background:#c85a001f!important;border-color:#c85a008c!important}[data-thema=retro-donker] .knop-toevoegen-kopregel{color:#f5c06099!important;background:#c85a0014!important;border-color:#c85a0047!important}[data-thema=retro-donker] .knop-toevoegen-kopregel:hover{color:#f5c060!important;background:#c85a002e!important}[data-thema=retro-donker] .type-badge-abonnement{color:#7eb8ff!important;background:#1e3ca073!important}[data-thema=retro-donker] .type-badge-project{color:#70d080!important;background:#195a2873!important}[data-thema=retro-donker] .type-badge-leeg{color:#f5c06073!important;background:#c85a001a!important;border-color:#c85a0047!important}[data-thema=retro-donker] .korting-type-knop{color:#f5c060a6!important;background:#c85a001a!important;border-color:#c85a0047!important}[data-thema=retro-donker] .korting-type-knop:hover{color:#f5c060!important;background:#c85a0033!important}[data-thema=retro-donker] .contractwaarde-blok{background:#2a0e02a6!important;border-color:#c85a003d!important}[data-thema=retro-donker] .contractwaarde-rij{color:#f5d5aa99!important}[data-thema=retro-donker] .contractwaarde-totaal-rij{color:#f5c060!important;border-top-color:#c85a0047!important}[data-thema=retro-donker] .contractwaarde-eur-equivalent{color:#f5d5aa73!important;border-top-color:#c85a002e!important}[data-thema=retro-donker] .contractregels-blok-titel{color:#f5c06080!important;border-bottom-color:#c85a0033!important}[data-thema=retro-donker] .mijlpaal-budget-overzicht{background:#1e3ca024!important;border-color:#508cff40!important}[data-thema=retro-donker] .mijlpaal-budget-rij{color:#f5d5aacc!important;border-bottom-color:#508cff24!important}[data-thema=retro-donker] .mijlpaal-budget-pool-totaal{border-top-color:#508cff4d!important}[data-thema=retro-donker] .mijlpaal-budget-label{color:#f5d5aad9!important}[data-thema=retro-donker] .mijlpaal-budget-totaal{color:#f5c060!important}[data-thema=retro-donker] .mijlpaal-budget-verdeeld{color:#f5d5aa73!important}[data-thema=retro-donker] .mijlpaal-budget-resterend{color:#7eb8ff!important}[data-thema=retro-donker] .mijlpaal-toevoeg-blok{background:#2a0e028c!important;border-color:#c85a0038!important}[data-thema=retro-donker] .mijlpaal-budget-live{background:#2a0e028c!important;border-color:#c85a0033!important}[data-thema=retro-donker] .mijlpaal-budget-live-totaal{color:#f5c060!important;border-top-color:#c85a0038!important}[data-thema=retro-donker] .mijlpaal-pct-berekend{color:#f5c060!important}[data-thema=retro-donker] .mijlpaal-pct-grondslag{color:#f5d5aa73!important}[data-thema=retro-donker] .mijlpaal-rij{border-bottom-color:#c85a0029!important}[data-thema=retro-donker] .modal-venster{color:#f5ede0!important;background:#1c0804!important;border:1px solid #c85a004d!important;box-shadow:0 8px 40px #000000a6!important}[data-thema=retro-donker] .modal-header{color:#f5c060!important;border-bottom-color:#c85a0038!important}[data-thema=retro-donker] .modal-sluit{color:#f5d5aa80!important}[data-thema=retro-donker] .modal-sluit:hover{color:#f5c060!important}[data-thema=retro-donker] .contracten-pagina .kaart::-webkit-scrollbar-track{background:#1e0a0299!important}[data-thema=retro-donker] .contracten-pagina .kaart::-webkit-scrollbar-thumb{background:#c85a0073!important;border-color:#1e0a0299!important}[data-thema=retro-donker] .contracten-pagina .kaart::-webkit-scrollbar-thumb:hover{background:#c85a00b3!important}[data-thema=retro-donker] .contracten-pagina .kaart{scrollbar-color:#c85a0073 #1e0a0299!important}[data-thema=retro-donker] .kolom-toggle-rij{color:#f5d5aacc!important;cursor:grab!important}[data-thema=retro-donker] .kolom-toggle-rij input[type=checkbox]:disabled{opacity:.35!important}[data-thema=retro-donker] .kolom-toggle-rij svg circle,[data-thema=retro-donker] .kolom-toggle-rij svg path,[data-thema=retro-donker] .kolom-toggle-rij svg rect{fill:#c8965059!important}[data-thema=retro-donker] .tab-balk{border-bottom-color:#c85a0038!important}[data-thema=retro-donker] .tab-knop{color:#f5d5aa80!important;border-bottom-color:#0000!important}[data-thema=retro-donker] .tab-knop:hover{color:#f5d5aad9!important}[data-thema=retro-donker] .tab-knop.actief{color:#f5c060!important;border-bottom-color:#c87020!important}[data-thema=retro-donker] .status-tab{color:#f5d5aabf!important;background:#2a0e028c!important;border-color:#c85a0047!important}[data-thema=retro-donker] .status-tab:hover{color:#f5d5aaf2!important;background:#c85a002e!important}[data-thema=retro-donker] .status-tab.actief{color:#fff!important;background:#c85a00cc!important;border-color:#c85a00f2!important}[data-thema=retro-donker] .fact-ja{color:#4ade80!important}[data-thema=retro-donker] .fact-nee{color:#f87171!important}[data-thema=retro-donker] .uren-compact-tabel tbody tr.rij-ongekoppeld{background-color:#06b6d438!important;box-shadow:inset 3px 0 #06b6d4e6!important}[data-thema^=retro] .resize-handle{box-shadow:none!important;background:0 0!important;border:none!important}[data-thema^=retro] .resize-handle:hover,[data-thema^=retro] .resize-handle:active{background:#c85a008c!important}[data-thema=retro-donker] .uren-compact-tabel tbody tr:nth-child(odd){background-color:#c85a000a}[data-thema=retro-donker] .uren-compact-tabel tbody tr:nth-child(2n){background-color:#c85a0017}[data-thema=retro-donker] .uren-compact-tabel tbody tr:hover{background-color:#c85a002b!important}[data-thema=retro-donker] .uren-compact-tabel tbody tr.rij-geselecteerd{background-color:#1e3ca04d!important}[data-thema=retro-donker] .uren-sticky-scrollbar{scrollbar-color:#c85a0073 #1e0a0299!important;background:#1e0a0299!important;border-top-color:#c85a002e!important}[data-thema=retro-donker] .uren-sticky-scrollbar::-webkit-scrollbar-track{background:#1e0a0299!important}[data-thema=retro-donker] .uren-sticky-scrollbar::-webkit-scrollbar-thumb{background:#c85a0073!important;border-color:#1e0a0299!important}[data-thema=retro-donker] .uren-sticky-scrollbar::-webkit-scrollbar-thumb:hover{background:#c85a00b3!important}[data-thema=retro-donker] .kolom-toggle-panel{background:#1c0804!important;border-color:#c85a004d!important;box-shadow:0 4px 20px #0000008c!important}[data-thema=retro-donker] .kolom-toggle-rij{color:#f5d5aacc!important}[data-thema=retro-donker] .kolom-toggle-rij:hover{background:#c85a001f!important}[data-thema=retro-donker] .kolom-toggle-rij.drag-over{background:#f5c06026!important;border-top-color:#f5c060!important}[data-thema=retro-donker] .prio-dot-urgent{background:#f87171!important}[data-thema=retro-donker] .prio-dot-hoog{background:#fbbf24!important}[data-thema=retro-donker] .prio-dot-normaal{background:#a78bfa!important}[data-thema=retro-donker] .prio-dot-laag{background:0 0!important;box-shadow:0 0 0 1.5px #cbd5e1a6!important}[data-thema=retro-donker] .kalender-weeknr-header,[data-thema=retro-donker] .kalender-weeknr{color:#f5d5aa59!important;background:#0e04018c!important}[data-thema=retro-donker] .kalender-dag-naam{color:#f5d5aa8c!important;background:#14060199!important}[data-thema=retro-donker] .kalender-dag{background:#1c0804a6!important}[data-thema=retro-donker] .kalender-dag.andere-maand{background:#0e040173!important}[data-thema=retro-donker] .kalender-dag.vandaag{background:#c85a001f!important}[data-thema=retro-donker] .kalender-dag-nr{color:#f5d5aa80!important}[data-thema=retro-donker] .kalender-taak{color:#f5d5aad9!important;background:#64748b2e!important}[data-thema=retro-donker] .kalender-notificatie{color:#f5d5aad9!important;background:#c85a0033!important}[data-thema=retro-donker] .gb-nieuw-knop,[data-thema=retro-donker] .gb-opslaan-knop{color:#ffb060!important;box-shadow:none!important;background:#c85a0024!important;border:1px solid #c85a008c!important}[data-thema=retro-donker] .gb-nieuw-knop:hover:not(:disabled),[data-thema=retro-donker] .gb-opslaan-knop:hover:not(:disabled){color:#ffd090!important;filter:none!important;background:#c85a0042!important;border-color:#c85a00cc!important}[data-thema=retro-donker] .gb-opslaan-knop:disabled{color:#ffb0604d!important;background:#c85a000f!important;border-color:#c85a0033!important}[data-thema=retro-donker] .rol-master_beheerder{color:#c8f!important;background:#6423aa73!important;border:1px solid #aa5aff66!important}[data-thema=retro-donker] .rol-beheerder{color:#7eb8ff!important;background:#1e3ca073!important;border:1px solid #5a8cff59!important}[data-thema=retro-donker] .rol-medewerker{color:#55cc70!important;background:#195a288c!important;border:1px solid #3cbe5066!important}[data-thema=retro-donker] .rol-alleen_lezen{color:#f5ede0a6!important;background:#50413273!important;border:1px solid #a08c6e4d!important}[data-thema=retro-donker] .badge-actief{color:#55cc70!important;background:#195a288c!important;border:1px solid #3cbe5066!important}[data-thema=retro-donker] .badge-inactief{color:#ff5858!important;background:#8c191973!important;border:1px solid #dc373766!important}[data-thema=retro-donker] .badge-ja{color:#55cc70!important;background:#195a288c!important;border:1px solid #3cbe5066!important}[data-thema=retro-donker] .badge-nee{color:#f5ede080!important;background:#5041324d!important;border:1px solid #a08c6e40!important}[data-thema=retro-donker] .pm-vink input[type=checkbox]{appearance:none!important;background:#c85a0014!important;border-color:#c85a0066!important}[data-thema=retro-donker] .pm-vink input[type=checkbox]:checked,[data-thema=retro-donker] .pm-vink input[type=checkbox]:indeterminate{background:#c85a00!important;border-color:#c85a00!important}[data-thema=retro-donker] .gb-invoer:-webkit-autofill{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #1c0a02!important}[data-thema=retro-donker] .gb-invoer:-webkit-autofill:hover{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #1c0a02!important}[data-thema=retro-donker] .gb-invoer:-webkit-autofill:focus{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #1c0a02!important}[data-thema=retro-donker] .kpl-info-vak{color:#a0d2ffd9!important;background:#1e3ca024!important;border-color:#508cff40!important}[data-thema=retro-donker] .mld-nieuw-knop,[data-thema=retro-donker] .mld-knop-primair{color:#ffb060!important;background:#c85a0024!important;border:1px solid #c85a008c!important}[data-thema=retro-donker] .mld-nieuw-knop:hover,[data-thema=retro-donker] .mld-knop-primair:hover:not(:disabled){color:#ffd090!important;opacity:1!important;background:#c85a0042!important;border-color:#c85a00cc!important}[data-thema=retro-donker] .mld-badge-actief{color:#70d080!important;background:#195a288c!important;border:1px solid #3cbe5066!important}[data-thema=retro-donker] .mld-badge-inactief{color:#f5ede08c!important;background:#3c322873!important}[data-thema=retro-donker] .mld-badge-dagen{color:#7eb8ff!important;background:#1e3ca059!important;border-color:#508cff66!important}[data-thema=retro-donker] .mld-badge-kanaal-email{color:#7eb8ff!important;background:#1e3ca059!important}[data-thema=retro-donker] .mld-badge-kanaal-notificatie{color:#f5c840!important;background:#96640073!important}[data-thema=retro-donker] .mld-badge-kanaal-beide{color:#70d080!important;background:#195a2873!important}[data-thema=retro-donker] .veld-chip{color:#7eb8ff!important;background:#1e3ca04d!important;border-color:#508cff59!important}[data-thema=retro-donker] .veld-chip:hover{background:#1e3ca080!important;border-color:#508cff99!important}[data-thema=retro-donker] .palet-knop:hover{background:#c85a0029!important;border-color:#c85a008c!important}[data-thema=retro-donker] .ep-stijl-knop.actief{color:#ffb060!important;background:#c85a0024!important;border-color:#c85a008c!important}[data-thema=retro-donker] .quote-kaart{background:#2a0e0285!important;border-color:#c85a0033 #c85a0033 #c85a0033 #6366f199!important}[data-thema=retro-donker] .quote-kaart-eigen{border-left-color:#10b98199!important}[data-thema=retro-donker] .quote-eigen-badge{color:#4ade80!important;background:#10b98126!important;border-color:#10b98159!important}[data-thema=retro-donker] .btw-vak-badge.btw-vak-1{color:#7eb8ff!important;background:#1e3ca059!important;border-color:#508cff66!important}[data-thema=retro-donker] .btw-vak-badge.btw-vak-2{color:#ffb060!important;background:#c85a004d!important;border-color:#c85a008c!important}[data-thema=retro-donker] .btw-vak-badge.btw-vak-3{color:#70d080!important;background:#195a2873!important;border-color:#3cbe5073!important}[data-thema=retro-donker] .btw-vak-badge.btw-vak-4{color:#ff7878!important;background:#8c191966!important;border-color:#dc373773!important}[data-thema=retro-donker] .btw-vak-badge.btw-vak-5{color:#c8f!important;background:#6423aa66!important;border-color:#aa5aff73!important}[data-thema=retro-donker] .btw-oss-chip{color:#7eb8ff!important;background:#1e3ca04d!important;border-color:#508cff59!important}[data-thema=retro-donker] .btw-oss-chip-x{color:#7eb8ffa6!important}[data-thema=retro-donker] .st-prio-urgent{color:#ff5858!important;background:#8c1919ad!important;border:1px solid #dc37378c!important}[data-thema=retro-donker] .st-prio-hoog{color:#ff9840!important;background:#a04100ad!important;border:1px solid #ff82288c!important}[data-thema=retro-donker] .st-prio-normaal{color:#7eb8ff!important;background:#1e3ca0ad!important;border:1px solid #5a8cff80!important}[data-thema=retro-donker] .st-prio-laag{color:#f5ede0d9!important;background:#504132ad!important;border:1px solid #a08c6e73!important}[data-thema=retro-donker] .st-prio-geen{color:#f5d5aa73!important;background:0 0!important}[data-thema=retro-donker] .st-td-rollup{color:#f5d5aabf!important}[data-thema=retro-donker] .st-niveau-0{background:0 0!important}[data-thema=retro-donker] .st-niveau-0 td{border-bottom-width:1px!important;border-bottom-color:#c85a001a!important;font-size:11px!important;font-weight:400!important}.profiel-pagina{flex-direction:column;gap:16px;max-width:680px;display:flex}.profiel-kaart{align-items:center;gap:16px;padding:20px;display:flex}.profiel-kaart-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;font-weight:700;display:flex}.profiel-kaart-naam{margin-bottom:2px;font-size:18px;font-weight:700}.profiel-kaart-rol{color:var(--kleur-tekst-zacht);font-size:13px}.profiel-veld-rij{gap:16px;margin-bottom:14px;display:flex}.profiel-veld{flex:1;min-width:0}.profiel-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.profiel-waarde{border-bottom:1px solid var(--kleur-rand);padding:8px 0;font-size:14px}.profiel-hint{color:var(--kleur-tekst-zacht);margin-top:4px;font-size:12px;font-style:italic}.profiel-hint-inline{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:400}.profiel-succes{color:#166534;background:#dcfce7;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500}.profiel-toekomst-rij{flex-direction:column;gap:12px;margin-top:8px;display:flex}.profiel-toekomst-item{border:1px solid var(--kleur-rand);opacity:.6;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.profiel-toekomst-icoon{flex-shrink:0;font-size:20px}.profiel-toekomst-naam{font-size:13px;font-weight:500}.profiel-toekomst-sub{color:var(--kleur-tekst-zacht);font-size:11px}.profiel-2fa-badge{border-radius:99px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:600;display:inline-block}.profiel-2fa-actief{color:#15803d;background:#dcfce7}.profiel-2fa-inactief{color:#dc2626;background:#fee2e2}.profiel-subtitel{margin:18px 0 8px;font-size:13px;font-weight:600}.profiel-subtitel:first-of-type{margin-top:4px}.profiel-tabel{border-collapse:collapse;width:100%;margin-bottom:4px;font-size:13px}.profiel-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.03em;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:6px 10px;font-size:11px;font-weight:600}.profiel-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;padding:8px 10px}.profiel-codes{letter-spacing:1px;border:1px dashed var(--kleur-rand);background:var(--kleur-achtergrond-zacht,#00000008);word-break:break-all;border-radius:8px;margin:8px 0;padding:14px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:14px}.profiel-meldingen{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.profiel-melding{border:1px solid var(--kleur-rand);border-radius:8px;gap:10px;padding:10px 12px;display:flex}.profiel-melding.ongelezen{background:#f59e0b14;border-color:#f59e0b}.profiel-melding-icoon{color:#d97706;flex-shrink:0}.profiel-melding-titel{font-size:13px;font-weight:600}.profiel-melding-oms{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:12px}.profiel-melding-tijd{color:var(--kleur-tekst-zacht);margin-top:4px;font-size:11px}.auth-pagina{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-40 -35 310 300'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.11' stroke-linejoin='round'%3E%3Cpolygon points='100,50 143.3,75 143.3,125 100,150 56.7,125 56.7,75'/%3E%3Cpolygon points='186.6,50 229.9,75 229.9,125 186.6,150 143.3,125 143.3,75'/%3E%3Cpolygon points='143.3,-25 186.6,0 186.6,50 143.3,75 100,50 100,0'/%3E%3Cpolygon points='56.7,-25 100,0 100,50 56.7,75 13.4,50 13.4,0'/%3E%3Cpolygon points='13.4,50 56.7,75 56.7,125 13.4,150 -29.9,125 -29.9,75'/%3E%3Cpolygon points='56.7,125 100,150 100,200 56.7,225 13.4,200 13.4,150'/%3E%3Cpolygon points='143.3,125 186.6,150 186.6,200 143.3,225 100,200 100,150'/%3E%3C/g%3E%3C/svg%3E") calc(100% + 60px) calc(100% + 60px)/340px 330px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-10 -10 160 160'%3E%3Cg fill='none' stroke='rgb(245,192,96)' stroke-width='1.5' stroke-opacity='0.07' stroke-linejoin='round'%3E%3Cpolygon points='69.2,0 103.8,20 103.8,60 69.2,80 34.6,60 34.6,20'/%3E%3Cpolygon points='34.6,60 69.2,80 69.2,120 34.6,140 0,120 0,80'/%3E%3Cpolygon points='103.8,60 138.4,80 138.4,120 103.8,140 69.2,120 69.2,80'/%3E%3C/g%3E%3C/svg%3E") -60px -40px/190px 180px no-repeat,radial-gradient(130% 90% at 8% 95%,#3c1500 0%,#1c0804 42%,#070201 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-kaart{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#1c0800b8;border:1px solid #c85a007a;border-radius:14px;width:100%;max-width:420px;padding:40px;box-shadow:inset 0 1px #ffdc8c24,0 0 80px #c85a001f,0 28px 80px #000c}.auth-logo{justify-content:center;margin-bottom:32px;display:flex}.auth-logo-tooltip-wrapper{display:inline-block;position:relative}.auth-logo-img{filter:drop-shadow(0 4px 16px #c85a0059);border-radius:8px;width:auto;height:120px;display:block}.auth-logo-tooltip{white-space:nowrap;text-align:center;opacity:0;pointer-events:none;z-index:20;background:#1c0800eb;border:1px solid #c85a0066;border-radius:4px;padding:20px 26px;transition:opacity .22s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000008c}.auth-logo-tooltip-wrapper:hover .auth-logo-tooltip{opacity:1}.auth-tagline-hoofd{color:#f5ede0;margin:0 0 12px;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:300;line-height:1.45}.auth-tagline-em{color:#f5c060;font-style:italic}.auth-tagline-divider{justify-content:center;align-items:center;gap:10px;margin-bottom:10px;display:flex}.auth-tagline-lijn{background:#c85a008c;width:40px;height:1px;display:block}.auth-tagline-dot{background:#f5c060;border-radius:50%;width:5px;height:5px;display:block}.auth-tagline-sub{letter-spacing:.16em;text-transform:uppercase;color:#f5c060a6;margin:0;font-size:9px;font-weight:400}.auth-titel{color:#f5c060;letter-spacing:.01em;margin:0 0 6px;font-family:Cormorant Garamond,Georgia,serif;font-size:26px;font-weight:600}.auth-sub{color:#f5ede08c;margin:0 0 24px;font-size:13px;line-height:1.5}.auth-veld{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-label{color:#f5c060b3;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.auth-invoer{color:#f5ede0;background:#c85a0014;border:1px solid #c85a0052;border-radius:8px;outline:none;padding:10px 13px;font-size:14px;transition:border-color .15s,background .15s}.auth-invoer::placeholder{color:#f5ede047}.auth-invoer:focus{background:#c85a0021;border-color:#c85a00b3}.auth-invoer.fout{border-color:#dc3737a6}.auth-invoer:-webkit-autofill{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.auth-invoer:-webkit-autofill:hover{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.auth-invoer:-webkit-autofill:focus{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.auth-invoer:-webkit-autofill:active{caret-color:#f5ede0;-webkit-text-fill-color:#f5ede0!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.auth-succesmelding{color:#70d080;background:#195a2833;border:1px solid #3cb45a4d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-foutmelding{color:#f08080;background:#8c191933;border:1px solid #dc373766;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-knop{color:#ffb060;cursor:pointer;letter-spacing:.03em;background:#c85a002e;border:1px solid #c85a0099;border-radius:8px;width:100%;margin-top:4px;padding:11px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s}.auth-knop:hover:not(:disabled){color:#ffd090;background:#c85a004d;border-color:#c85a00d9;transform:translateY(-1px)}.auth-knop:active:not(:disabled){transform:scale(.97)}.auth-knop:disabled{color:#ffb06052;cursor:not-allowed;background:#c85a0012;border-color:#c85a0038}.auth-knop-sec{color:#f5c060b3;cursor:pointer;background:0 0;border:1px solid #c85a004d;border-radius:8px;width:100%;margin-top:8px;padding:11px;font-size:14px;font-weight:500;transition:all .15s}.auth-knop-sec:hover{color:#f5c060;border-color:#c85a0099}.auth-hint{color:#f5c06066;text-align:center;margin-top:20px;font-size:12px}.auth-scheidslijn{border:none;border-top:1px solid #c85a002e;margin:22px 0}.qr-wrapper{justify-content:center;margin:20px 0;display:flex}.qr-wrapper img{border:8px solid #1c0800cc;border-radius:8px;box-shadow:0 0 0 1px #c85a0066,0 4px 20px #0000008c}.secret-blok{letter-spacing:3px;text-align:center;color:#f5c060;word-break:break-all;background:#c85a0014;border:1px solid #c85a0047;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-family:monospace;font-size:14px}.eerste-login-melding{color:#a0d2ffe0;background:#1e3ca02e;border:1px solid #508cff47;border-radius:8px;margin-bottom:20px;padding:14px;font-size:13px;line-height:1.5}.stap-indicator{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.stap-nr{color:#fff4e0;background:#c85a00a6;border:1px solid #c85a00cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.stap-tekst{color:#f5d5aacc;font-size:13px;line-height:1.5}.code-invoer-rij{justify-content:center;gap:8px;margin:16px 0;display:flex}.code-invoer-rij input{text-align:center;color:#f5c060;background:#c85a0017;border:1px solid #c85a0059;border-radius:8px;outline:none;width:44px;height:52px;font-size:22px;font-weight:700;transition:border-color .15s,background .15s}.code-invoer-rij input:focus{background:#c85a0029;border-color:#c85a00bf}.code-invoer-rij input:-webkit-autofill{caret-color:#f5c060;-webkit-text-fill-color:#f5c060!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.code-invoer-rij input:-webkit-autofill:hover{caret-color:#f5c060;-webkit-text-fill-color:#f5c060!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.code-invoer-rij input:-webkit-autofill:focus{caret-color:#f5c060;-webkit-text-fill-color:#f5c060!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.code-invoer-rij input:-webkit-autofill:active{caret-color:#f5c060;-webkit-text-fill-color:#f5c060!important;-webkit-box-shadow:inset 0 0 0 1000px #280a00!important}.auth-invoer-groot{letter-spacing:8px;text-align:center;color:#f5c060;box-sizing:border-box;background:#c85a0017;border:1px solid #c85a0059;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:26px;font-weight:700;transition:border-color .15s,background .15s}.auth-invoer-groot::placeholder{color:#f5c06038;letter-spacing:4px}.auth-invoer-groot:focus{background:#c85a0026;border-color:#c85a00bf}.auth-onthouden{color:#f5ede0c7;cursor:pointer;align-items:flex-start;gap:9px;margin:4px 0 18px;font-size:13px;line-height:1.45;display:flex}.auth-onthouden input[type=checkbox]{accent-color:#c85a00;cursor:pointer;flex:none;width:15px;height:15px;margin-top:2px}.auth-onthouden-hint{color:#f5ede07a;margin-top:3px;font-size:11.5px;display:block}.auth-knop-link{box-sizing:border-box;text-align:center;margin-bottom:12px;text-decoration:none;display:block}.nummering-pagina{max-width:900px}.pagina-header-rij{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.pagina-header-rij>div{align-items:center;gap:8px;display:flex}.nummering-tabel{border-collapse:collapse;width:100%;font-size:13px}.nummering-tabel th{text-align:left;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.nummering-tabel th .hn-afk{color:var(--kleur-primair);margin-top:1px;font-size:11px;font-weight:400;display:block}.nummering-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;padding:9px 12px}.nummering-tabel tbody tr:last-child td{border-bottom:none}.nummering-tabel tbody tr:hover{background:var(--kleur-achtergrond)}.nummering-tabel tbody tr.rij-aangepast{background:var(--kleur-primair-licht)}.type-label{color:var(--kleur-tekst);white-space:nowrap;width:130px;font-weight:500}.volgend-cel{width:110px}.invoer-tiny{border:1px solid var(--kleur-rand);width:80px;color:var(--kleur-primair);background:var(--kleur-kaart);border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600}.invoer-tiny:focus{border-color:var(--kleur-primair);outline:none;box-shadow:0 0 0 2px #4a6bdc26}.voorbeeld-cel{color:var(--kleur-tekst);white-space:nowrap;font-size:12px}.invoer-klein{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-tekst);border-radius:4px;padding:5px 8px;font-size:13px}.knop-primair:hover:not(:disabled){filter:brightness(1.1)}.knop-primair:disabled{opacity:.45;cursor:default}.toggle-cel{width:32px;padding:0 6px}.toggle-opbouw{cursor:pointer;opacity:.35;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:14px;line-height:1;transition:opacity .12s}.toggle-opbouw:hover{opacity:.7}.toggle-opbouw.actief{opacity:1;color:var(--kleur-primair)}.header-acties{align-items:center;gap:8px;display:flex}.opbouw-rij td{padding:0}.opbouw-cel{border-bottom:1px solid var(--kleur-rand);padding:0!important}.opbouw-panel{background:var(--kleur-achtergrond);border-top:1px solid var(--kleur-rand);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.patroon-regel{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.patroon-invoer{flex:1;min-width:260px;max-width:460px;font-family:Courier New,monospace;font-size:13px}.patroon-uitleg{color:var(--kleur-tekst-zacht);max-width:620px;margin:0;font-size:11.5px}.bouwsteen-chips{flex-wrap:wrap;gap:6px;display:flex}.bouwsteen-chip{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-primair);cursor:pointer;border-radius:999px;padding:3px 9px;font-family:Courier New,monospace;font-size:11.5px}.bouwsteen-chip:hover{border-color:var(--kleur-primair)}.patroon-cel code{color:var(--kleur-tekst-zacht);white-space:nowrap;font-family:Courier New,monospace;font-size:11.5px}.opbouw-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.opbouw-hint{color:var(--kleur-tekst-zacht);font-size:11px}.opbouw-checkbox{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.opbouw-checkbox input[type=checkbox]{accent-color:var(--kleur-primair);width:13px;height:13px}.invoer-xs{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);max-width:160px;color:var(--kleur-tekst);border-radius:4px;padding:4px 8px;font-size:12px}.invoer-xs:focus{border-color:var(--kleur-primair);outline:none}.opbouw-preview{border:1px solid var(--kleur-rand);border-radius:var(--radius);background:var(--kleur-kaart);align-self:flex-start;align-items:baseline;gap:10px;padding:6px 12px;display:flex}.opbouw-preview.ongeldig{border-color:#dc262659}.opbouw-preview.ongeldig .opbouw-preview-nummer{color:var(--kleur-negatief);font-size:12.5px;font-weight:500}.opbouw-preview-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht);font-size:10px;font-weight:600}.opbouw-preview-nummer{color:var(--kleur-primair);font-size:15px;font-weight:700}.nummering-toelichting{color:var(--kleur-tekst-zacht);background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--radius);margin-top:12px;padding:10px 14px;font-size:12px}.fout-melding{border-radius:var(--radius);color:var(--kleur-negatief);background:#dc26261a;border:1px solid #dc262647;margin-bottom:12px;padding:10px 14px;font-size:13px}.laden-indicator{text-align:center;color:var(--kleur-tekst-zacht);padding:24px;font-size:12px}.keesje-anker{pointer-events:none;z-index:99999;position:fixed;transform:translate(-50%,-50%)}.keesje-anker.keesje-uitvliegen{top:26px;right:60px;left:unset;animation:.5s cubic-bezier(.22,1,.36,1) forwards keesje-uitvliegen;transform:none}@keyframes keesje-uitvliegen{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:1;transform:scale(1)}}.keesje-anker.keesje-invliegen{animation:.6s ease-in forwards keesje-invliegen}@keyframes keesje-invliegen{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:.6}to{opacity:0;transform:translate(-50%,-50%)scale(.1)}}.keesje-anker.keesje-rustend{display:none}body.keesje-cursor,body.keesje-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' shape-rendering='crispEdges'%3E%3Cpath d='M2,1 L2,17 L7,12 L11,21 L13,19 L9,11 L15,11 Z' fill='white' stroke='%23222' stroke-width='0.8'/%3E%3Crect x='20' y='13' width='4' height='4' fill='%23f472b6'/%3E%3Crect x='20' y='27' width='4' height='4' fill='%23f472b6'/%3E%3Crect x='13' y='20' width='4' height='4' fill='%23f472b6'/%3E%3Crect x='27' y='20' width='4' height='4' fill='%23f472b6'/%3E%3Crect x='15' y='15' width='3' height='3' fill='%23fb7185'/%3E%3Crect x='25' y='15' width='3' height='3' fill='%23fb7185'/%3E%3Crect x='15' y='25' width='3' height='3' fill='%23fb7185'/%3E%3Crect x='25' y='25' width='3' height='3' fill='%23fb7185'/%3E%3Crect x='19' y='19' width='6' height='6' fill='%23fbbf24'/%3E%3C/svg%3E") 2 1,auto!important}.tijd-wrapper{display:flex;position:relative}.tijd-knop{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);cursor:pointer;font-variant-numeric:tabular-nums;color:var(--kleur-tekst,#1e293b);border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-family:inherit;font-size:12.5px;display:flex}.tijd-knop:hover{border-color:var(--kleur-primair)}.tijd-knop.loopt{border-color:var(--kleur-primair);font-weight:600}.tijd-bol{background:var(--kleur-rand,#cbd5e1);border-radius:50%;width:8px;height:8px}.tijd-bol.loopt{background:var(--kleur-primair,#639922)}@media (prefers-reduced-motion:no-preference){.tijd-bol.loopt{animation:2s ease-in-out infinite tijd-pols}}@keyframes tijd-pols{0%,to{opacity:1}50%{opacity:.35}}.tijd-paneel{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e2e8f0);z-index:60;border-radius:12px;width:370px;max-height:70vh;padding:14px 16px;position:absolute;top:38px;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000002e}.tijd-paneel-kop{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.tijd-paneel-kop h3{margin:0;font-size:14px}.tijd-dagtotaal{font-variant-numeric:tabular-nums;color:var(--kleur-tekst-zacht,#64748b);font-size:12.5px}.tijd-dagtotaal.over{color:var(--kleur-primair,#639922);font-weight:600}.tijd-balk{background:var(--kleur-rand,#e2e8f0);border-radius:999px;height:4px;margin-bottom:12px;overflow:hidden}.tijd-balk-vulling{background:var(--kleur-primair,#639922);height:100%}.tijd-invoer{flex-direction:column;gap:8px;display:flex}.tijd-invoer .invoer{padding:7px 10px;font-size:12.5px}.tijd-invoer-onder{justify-content:space-between;align-items:center;gap:10px;display:flex}.tijd-vink{color:var(--kleur-tekst-zacht,#64748b);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.tijd-lopend{border:1px solid var(--kleur-primair,#639922);background:var(--kleur-primair-licht,#eef7e3);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.tijd-lopend-info{flex-direction:column;flex:1;min-width:0;display:flex}.tijd-lopend-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.tijd-lopend-info span{color:var(--kleur-tekst-zacht,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.tijd-recent{border-top:1px solid var(--kleur-rand,#e2e8f0);margin-top:14px;padding-top:10px}.tijd-leeg{color:var(--kleur-tekst-zacht,#94a3b8);margin:6px 0;font-size:12px}.tijd-dag+.tijd-dag{margin-top:10px}.tijd-dag-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht,#94a3b8);font-variant-numeric:tabular-nums;justify-content:space-between;padding:4px 0;font-size:11px;display:flex}.tijd-regel{border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.tijd-regel:hover{background:var(--kleur-achtergrond-zacht,#f8fafc)}.tijd-regel-tekst{flex-direction:column;flex:1;min-width:0;display:flex}.tijd-regel-tekst strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.tijd-regel-tekst span{color:var(--kleur-tekst-zacht,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tijd-regel-duur{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.tijd-mini{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;border-radius:5px;padding:2px 5px;font-size:11px}.tijd-mini:hover:not(:disabled){background:var(--kleur-primair-licht);color:var(--kleur-primair)}.tijd-mini:disabled{opacity:.3;cursor:default}.tijd-weg:hover:not(:disabled){color:#ef4444;background:#fee2e2}@media (width<=480px){.tijd-paneel{width:min(370px,100vw - 24px);right:-8px}}.tijd-overuren{letter-spacing:.04em;color:#a3541b;vertical-align:1px;background:#fbe8d5;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9.5px;font-weight:700;display:inline-block}.tijd-aantal{background:var(--kleur-primair,#639922);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.tijd-lopende-lijst{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tijd-lopend-klok{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.tijd-lopend .knop-secundair{padding:4px 10px;font-size:11.5px}.tijd-stop-alles{border:1px dashed var(--kleur-rand,#cbd5e1);color:var(--kleur-tekst-zacht,#64748b);cursor:pointer;background:0 0;border-radius:8px;padding:5px;font-family:inherit;font-size:11.5px}.tijd-stop-alles:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.tijd-meer{color:var(--kleur-tekst-zacht,#64748b);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:11.5px}.tijd-meer:hover{color:var(--kleur-primair)}.tijd-achteraf{border:1px dashed var(--kleur-rand,#cbd5e1);border-radius:10px;grid-template-columns:1.4fr 1fr 1fr;gap:8px;padding:10px;display:grid}.tijd-achteraf label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht,#94a3b8);flex-direction:column;gap:3px;font-size:10.5px;display:flex}.tijd-achteraf .invoer{padding:5px 8px;font-size:12px}.hoofd-layout{flex-direction:column;height:100vh;display:flex}.top-balk{background:var(--kleur-sidebar);border-bottom:1px solid var(--kleur-rand);z-index:200;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:52px;min-height:52px;padding:0 10px 0 8px;display:flex}.top-balk-links{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.top-balk-rechts{flex-shrink:0;align-items:center;gap:2px;display:flex}.logo-knop{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;padding:2px;transition:opacity .15s;display:flex}.logo-knop:hover{opacity:.8}.logo-afbeelding{width:auto;height:44px;display:block}.hb-hamburger{width:32px;height:32px;color:var(--kleur-tekst-zacht);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:flex}.hb-hamburger:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.bedrijf-knop{color:var(--kleur-tekst);border-radius:6px;align-items:center;gap:4px;max-width:200px;padding:4px 8px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.bedrijf-knop:hover{background:var(--kleur-primair-licht)}.bedrijf-naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bedrijf-pijl{color:var(--kleur-tekst-zacht);flex-shrink:0;font-size:9px}.bedrijf-dropdown{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:300;border-radius:10px;min-width:270px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 24px #0000001f}.bedrijf-sectie-kop{letter-spacing:.06em;text-transform:uppercase;color:var(--kleur-tekst-zacht);padding:4px 8px 6px;font-size:10px;font-weight:700}.bedrijf-efficientie-balk{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 8px 10px;transition:background .12s;display:block}.bedrijf-efficientie-balk:hover{background:var(--kleur-primair-licht)}.bedrijf-efficientie-label{color:var(--kleur-tekst);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.bedrijf-efficientie-track{background:var(--kleur-rand);border-radius:999px;height:6px;overflow:hidden}.bedrijf-efficientie-vulling{background:var(--kleur-primair,#7e14ff);border-radius:999px;height:100%;transition:width .2s}.bedrijf-modules-item{cursor:pointer;width:100%;color:var(--kleur-tekst);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.bedrijf-modules-item:hover{background:var(--kleur-primair-licht)}.bedrijf-modules-item-binnenkort{cursor:default;opacity:.55}.bedrijf-modules-item-binnenkort:hover{background:0 0}.bedrijf-huidig{align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:500;display:flex}.bedrijf-huidig-dot{color:var(--kleur-primair);font-size:10px}.bedrijf-huidig-badge{background:var(--kleur-primair-licht);color:var(--kleur-primair);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600}.bedrijf-separator{background:var(--kleur-rand);height:1px;margin:6px 0}.bedrijf-binnenkort{color:var(--kleur-tekst-zacht);padding:6px 8px;font-size:11px;line-height:1.5}.bedrijf-item{cursor:pointer;width:100%;color:var(--kleur-tekst);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 8px;font-size:13px;font-weight:500;transition:background .12s;display:flex}.bedrijf-item:hover{background:var(--kleur-primair-licht)}.bedrijf-item-dot{flex-shrink:0;font-size:10px}.bedrijf-item-naam{flex:1}.hb-nav{align-items:center;gap:2px;margin-left:8px;display:flex}.hb-module-wrapper{position:relative}.hb-module-knop{color:var(--kleur-tekst-zacht);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.hb-module-knop:hover,.hb-module-knop.open{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.hb-module-knop.actief{color:var(--kleur-primair);font-weight:600}.hb-pijl{opacity:.6;font-size:8px}.hb-dev-taken{border-left:1px solid var(--kleur-rand);gap:6px;margin-left:8px;padding-left:14px}.hb-dev-taken-badge{color:#fff;text-align:center;background:#f59e0b;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.nav-item-badge{margin-left:auto}.hb-dropdown{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:300;border-radius:10px;min-width:180px;padding:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001f}.hb-module-wrapper:hover .hb-dropdown{display:block}.hb-module-wrapper:hover .hb-module-knop{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.hb-dropdown-item{color:var(--kleur-tekst-zacht);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12.5px;transition:background .12s,color .12s;display:block}.hb-dropdown-item:hover{background:var(--kleur-primair-licht);color:var(--kleur-tekst)}.hb-dropdown-item.actief{color:var(--kleur-primair);font-weight:500}.hb-dropdown-item-sub{padding-left:20px}.hb-groep-label{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht);padding:8px 10px 2px;font-size:10px;font-weight:700}.hb-groep-label:not(:first-child),.hb-groep-label-link:not(:first-child){border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:8px}.hb-groep-label-link{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-primair,#1d4ed8);white-space:nowrap;padding:8px 10px 2px;font-size:10px;font-weight:700;transition:opacity .12s;display:block}.hb-groep-label-link:hover,.hb-groep-label-link.actief{opacity:.7}.tb-scheidslijn{background:var(--kleur-rand);flex-shrink:0;width:1px;height:20px;margin:0 4px}.tb-icoon-knop{width:32px;height:32px;color:var(--kleur-tekst-zacht);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tb-icoon-knop:hover,.tb-icoon-knop.actief{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.tb-profiel-knop{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:box-shadow .15s;display:flex}.tb-profiel-knop:hover,.tb-profiel-knop.actief{box-shadow:0 0 0 2px var(--kleur-primair)}.tb-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.tb-panel-wrapper{position:relative}.tb-dropdown{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:300;border-radius:12px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 6px);box-shadow:0 8px 32px #00000021}.tb-dropdown-rechts{left:auto;right:0}.tb-dropdown-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht);padding:2px 4px 6px;font-size:10px;font-weight:700}.tb-dropdown-separator{background:var(--kleur-rand);height:1px;margin:8px 0}.tb-rij{color:var(--kleur-tekst);justify-content:space-between;align-items:center;gap:12px;padding:5px 4px;font-size:12.5px;display:flex}.tb-rij-label{color:var(--kleur-tekst-zacht);justify-content:flex-start;padding:4px 4px 2px;font-size:11px}.tb-select{border:1px solid var(--kleur-rand);background:var(--kleur-achtergrond);color:var(--kleur-tekst);cursor:pointer;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:12px}.tb-knoppen-rij{gap:4px;display:flex}.tb-klein-knop{border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);background:var(--kleur-achtergrond);border-radius:5px;align-items:center;gap:2px;padding:3px 8px;font-size:11px;transition:border-color .12s,color .12s;display:flex}.tb-klein-knop.actief{border-color:var(--kleur-primair);color:var(--kleur-primair);background:var(--kleur-primair-licht)}.tb-radio-groep{flex-wrap:wrap;gap:4px;padding:2px 4px 6px;display:flex}.tb-radio{color:var(--kleur-tekst-zacht);cursor:pointer;border:1px solid var(--kleur-rand);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;transition:all .12s;display:flex}.tb-radio input[type=radio]{display:none}.tb-radio.actief{border-color:var(--kleur-primair);color:var(--kleur-primair);background:var(--kleur-primair-licht);font-weight:500}.tb-thema-rij{gap:8px;padding:4px 4px 2px;display:flex}.tb-thema-bol{border-radius:50%;width:22px;height:22px;transition:transform .15s,box-shadow .15s}.tb-thema-bol:hover{transform:scale(1.2)}.tb-thema-bol.actief{transform:scale(1.1);box-shadow:0 0 0 2px #fff,0 0 0 4px}.tb-profiel-panel{min-width:240px;left:auto;right:0}.profiel-header{align-items:center;gap:10px;padding:4px 4px 8px;display:flex}.profiel-avatar-groot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.profiel-naam{font-size:13px;font-weight:600}.profiel-rol{color:var(--kleur-tekst-zacht);font-size:11px}.profiel-link{width:100%;color:var(--kleur-primair);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px;font-size:12.5px;font-weight:500;transition:background .12s;display:flex}.profiel-link:hover{background:var(--kleur-primair-licht)}.tb-uitloggen-knop{color:#ef4444;border-radius:7px;align-items:center;gap:7px;width:100%;margin-top:4px;padding:7px 8px;font-size:12.5px;font-weight:500;transition:background .12s;display:flex}.tb-uitloggen-knop:hover{background:#fee2e2}.tb-versie{color:var(--kleur-tekst-zacht);text-align:center;opacity:.6;padding:6px 0 2px;font-size:10px}.tb-menu-item{width:100%;color:var(--kleur-tekst);border-radius:7px;align-items:center;gap:8px;padding:7px 8px;font-size:12.5px;transition:background .12s;display:flex}.tb-menu-item:hover{background:var(--kleur-primair-licht)}.toggle-knop{background:var(--kleur-rand);border-radius:10px;flex-shrink:0;width:34px;height:19px;transition:background .2s;position:relative}.toggle-knop.aan{background:var(--kleur-primair)}.toggle-duim{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-knop.aan .toggle-duim{transform:translate(15px)}.hoofd-body{flex:1;display:flex;overflow:hidden}[data-thema=retro-donker] .hoofd-body,[data-thema=retro-donker] .hoofd-inhoud{background:radial-gradient(160% 110% at 0 100%,#3c1500 0%,#1c0804 40%,#070201 100%)}.sidebar{background:var(--kleur-sidebar);border-right:1px solid var(--kleur-rand);flex-direction:row;flex-shrink:0;display:flex}.sidebar-tier1{border-right:1px solid var(--kleur-rand);flex-direction:column;align-items:center;gap:3px;width:64px;min-width:64px;padding:10px 0;display:flex;overflow:hidden auto}.nav-tier1-onderaan{margin-top:auto}.sidebar-tier2{flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden auto}.sidebar-tier2-header{flex-shrink:0;padding:8px 10px 4px}.sidebar-tier2-titel-rij{align-items:center;gap:6px;padding:4px;display:flex}.sidebar-tier2-titel{min-width:0;color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:700;overflow:hidden}.sidebar-inklap-knop,.sidebar-tier2-actie-knop{border:1px solid var(--kleur-rand);cursor:pointer;width:26px;height:26px;color:var(--kleur-tekst-zacht);background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.sidebar-inklap-knop:hover,.sidebar-tier2-actie-knop:hover,.sidebar-tier2-actie-knop.actief{background:var(--kleur-primair-licht);border-color:var(--kleur-primair);color:var(--kleur-primair)}.sidebar-tier2-acties{flex-shrink:0;align-items:center;gap:4px;display:flex}.sidebar-tier2-kebab-wrap{position:relative}.sidebar-tier2-kebab-menu{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:260;border-radius:8px;flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 30px #0000002e}.sidebar-tier2-kebab-menu button{text-align:left;color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:7px 10px;font-size:12.5px}.sidebar-tier2-kebab-menu button:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.sidebar-zoek-knop{border:1px solid var(--kleur-rand);cursor:pointer;width:26px;height:26px;color:var(--kleur-tekst-zacht);background:0 0;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:4px;transition:background .15s,border-color .15s,color .15s;display:flex}.sidebar-zoek-knop:hover,.sidebar-zoek-knop.actief{background:var(--kleur-primair-licht);border-color:var(--kleur-primair);color:var(--kleur-primair)}.sidebar-zoek-rij{border:1.5px solid var(--kleur-rand);background:var(--kleur-achtergrond,transparent);border-radius:8px;align-items:center;gap:4px;margin:0 0 8px;padding:4px 10px;display:flex}.sidebar-zoek-invoer{min-width:0;color:var(--kleur-tekst);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12.5px}.sidebar-zoek-invoer::placeholder{color:var(--kleur-tekst-zacht)}.sidebar-zoek-wis{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:11px}.sidebar-zoek-wis:hover{color:var(--kleur-tekst)}.sidebar-zoek-leeg{color:var(--kleur-tekst-zacht);padding:10px 14px;font-size:12px;font-style:italic}.nav-item{color:var(--kleur-tekst-zacht);white-space:nowrap;border-left:2px solid #0000;align-items:center;gap:7px;padding:6px 14px;font-size:12.5px;transition:all .15s;display:flex;overflow:hidden}.nav-item:hover{background:var(--kleur-primair-licht);color:var(--kleur-tekst)}.nav-item.actief{color:var(--kleur-primair);background:var(--kleur-primair-licht);border-left-color:var(--kleur-primair);font-weight:500}.nav-item-icoon{color:var(--kleur-tekst-zacht);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item.actief .nav-item-icoon{color:var(--kleur-primair)}.nav-icoon{flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:transform .1s;display:flex}.nav-icoon-badge{object-fit:contain;width:52px;height:52px}.nav-icoon-svg{color:var(--kleur-primair)}.nav-icoon-svg svg{width:32px;height:32px}.nav-groep-icoon-link:active .nav-icoon{transform:scale(.88)}.nav-pijl{color:var(--kleur-tekst-zacht);flex-shrink:0;margin-left:auto;font-size:10px}.nav-divider-boven,.nav-groep-header-toggle.nav-divider-boven{border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:4px}.nav-groep-header.nav-divider-boven,.nav-groep-header-toggle.nav-divider-boven{margin-top:10px;padding-top:10px}.nav-groep-header{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht);cursor:default;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:4px 14px 3px;font-size:10px;font-weight:700}.nav-groep-header-toggle{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;display:flex}.nav-groep-header-toggle:hover{color:var(--kleur-tekst)}.nav-subgroep-header{padding-left:24px}.nav-groep-pijltje{flex-shrink:0;font-size:9px}.nav-sectie-toggle-links{align-items:center;gap:4px;display:flex}.nav-groep-label-link{color:var(--kleur-tekst);white-space:nowrap;flex:1;align-items:center;gap:7px;padding:6px 0 6px 14px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s;display:flex;overflow:hidden}.nav-groep-label-link:hover{background:var(--kleur-primair-licht)}.nav-groep-label-link.actief{color:var(--kleur-primair)}.nav-groep-pijl-knop{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px 14px 6px 4px;font-size:10px;line-height:1}.nav-groep-pijl-knop:hover{color:var(--kleur-tekst)}.nav-groep-icoon-link{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:54px;text-decoration:none;display:flex;position:relative}.nav-groep-icoon-link:hover,.nav-groep-icoon-link.actief{background:var(--kleur-primair-licht)}.nav-groep-icoon-link.actief .nav-icoon-svg{color:var(--kleur-primair)}.nav-groep-icoon-link .nav-item-badge{min-width:15px;margin-left:0;padding:0 4px;font-size:9px;line-height:15px;position:absolute;top:1px;right:1px}.nav-rail-tooltip{background:var(--kleur-primair);color:#fff;font-family:var(--font-koppen,inherit);letter-spacing:.01em;white-space:nowrap;z-index:250;pointer-events:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;position:fixed;transform:translateY(-50%);box-shadow:0 6px 20px #00000047}.nav-rail-tooltip:before{content:"";border:5px solid #0000;border-left:none;border-right-color:var(--kleur-primair);position:absolute;top:50%;left:-5px;transform:translateY(-50%)}.nav-flyout-portal{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:250;border-radius:8px;min-width:220px;max-width:280px;max-height:80vh;padding:8px 0;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #0000002e}.nav-flyout-titel{color:var(--kleur-tekst);border-bottom:1px solid var(--kleur-rand);white-space:nowrap;margin-bottom:4px;padding:2px 14px 8px;font-size:12.5px;font-weight:700}.nav-flyout-portal .nav-groep-header{cursor:default;padding-left:14px}.nav-flyout-portal .nav-item{padding-left:14px}.nav-sectie-indicator{color:var(--kleur-primair,#2563eb);flex-shrink:0;font-size:13px;line-height:1}.nav-sectie-indicator-link{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:auto;height:auto;padding:0;text-decoration:none;display:flex}.nav-sectie-indicator-link:hover,.nav-sectie-indicator-link.actief{background:var(--kleur-primair-licht)}.nav-sectie-toggle-knop{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;min-width:0;color:var(--kleur-tekst-zacht);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;flex:1;justify-content:space-between;align-items:center;padding:0 4px 0 0;font-size:10px;font-weight:700;display:flex;overflow:hidden}.nav-sectie-toggle-knop:hover{color:var(--kleur-tekst);background:var(--kleur-primair-licht)}.nav-sectie-toggle-knop.actief{color:var(--kleur-primair);background:var(--kleur-primair-licht);font-weight:700}.nav-groep-header-nav{align-items:center;gap:4px;display:flex}.nav-groep-header-nav:hover .nav-sectie-link,.nav-groep-header-nav:hover .nav-sectie-pijl{color:var(--kleur-tekst)}.nav-sectie-link{text-transform:uppercase;letter-spacing:.06em;color:var(--kleur-tekst-zacht);-webkit-user-select:none;user-select:none;flex:1;font-size:10px;font-weight:700;text-decoration:none}.nav-sectie-link:hover{color:var(--kleur-tekst)}.nav-sectie-link.actief{color:var(--kleur-primair,#1d4ed8)}.nav-sectie-pijl{color:var(--kleur-tekst-zacht);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 0 0 6px;font-size:9px;line-height:1}.hoofd-inhoud{flex:1;padding:22px 28px;overflow-y:auto}.kruimelpad{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:14px;font-size:12px;display:flex}.kruimelpad-item{align-items:center;gap:4px;display:flex}.kruimelpad-scheider{color:var(--kleur-tekst-zacht,#94a3b8);margin-right:4px}.kruimelpad-link{color:var(--kleur-primair,#7e14ff);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.kruimelpad-link:hover{text-decoration:underline}.kruimelpad-huidig{color:var(--kleur-tekst-zacht,#64748b);font-weight:500}.scroll-omhoog-knop{background:var(--kleur-primair);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 2px 8px #0000002e}.scroll-omhoog-knop:hover{background:var(--kleur-primair);filter:brightness(.9);transform:translateY(-2px)}.overlay-achtergrond{z-index:500;background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-achtergrond.transparant{background:0 0}.overlay-paneel{background:var(--kleur-kaart,var(--kleur-achtergrond));border:1px solid var(--kleur-rand);border-radius:12px;flex-direction:column;width:90vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000059}.overlay-hoofd{border-bottom:1px solid var(--kleur-rand);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.overlay-inhoud{flex:1;overflow-y:auto}.overlay-voet{border-top:1px solid var(--kleur-rand);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.overlay-sluit{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:16px;line-height:1;transition:background .12s}.overlay-sluit:hover{background:var(--kleur-rand)}.feedback-modal{background:var(--kleur-sidebar);border-radius:14px;width:380px;max-width:90vw;padding:20px;box-shadow:0 16px 48px #0003}.feedback-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.feedback-header button{width:24px;height:24px;color:var(--kleur-tekst-zacht);border-radius:6px;font-size:12px;transition:background .12s}.feedback-header button:hover{background:var(--kleur-primair-licht)}.feedback-tekstvak{border:1px solid var(--kleur-rand);resize:vertical;background:var(--kleur-achtergrond);width:100%;color:var(--kleur-tekst);border-radius:8px;margin-bottom:12px;padding:10px 12px;font-family:inherit;font-size:13px}.feedback-tekstvak:focus{border-color:var(--kleur-primair);outline:none}.feedback-verzend-knop{background:var(--kleur-primair);color:#fff;border-radius:8px;width:100%;padding:9px;font-size:13px;font-weight:600;transition:filter .15s}.feedback-verzend-knop:hover{filter:brightness(.9)}.feedback-succes{text-align:center;color:var(--kleur-positief);padding:20px 0;font-weight:500}.binnenkort-popup{background:var(--kleur-sidebar);text-align:center;border-radius:12px;padding:20px 24px;box-shadow:0 8px 32px #00000026}.binnenkort-popup strong{margin-bottom:6px;font-size:15px;display:block}.binnenkort-popup p{color:var(--kleur-tekst-zacht);margin-bottom:14px;font-size:13px}.binnenkort-popup button{background:var(--kleur-primair);color:#fff;border-radius:7px;padding:6px 18px;font-size:13px;font-weight:500}.tb-bel-knop{position:relative}.bel-badge{color:#fff;pointer-events:none;background:#dc2626;border-radius:7px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.bel-dropdown{min-width:320px;max-width:360px}.bel-item{cursor:pointer;border-left:3px solid #0000;border-radius:6px;margin-bottom:2px;padding:8px;transition:background .1s}.bel-item:hover{background:var(--kleur-primair-licht)}.bel-item.bel-ongelezen{background:#f0f9ff}[data-modus=donker] .bel-item.bel-ongelezen{background:#3b82f614}.bel-prioriteit-urgent{border-left-color:#dc2626}.bel-prioriteit-hoog{border-left-color:#f59e0b}.bel-prioriteit-normaal{border-left-color:#6b7280}.bel-prioriteit-laag{border-left-color:#d1d5db}.bel-item-titel{color:var(--kleur-tekst);font-size:12px;font-weight:500}.bel-item-sub{color:var(--kleur-tekst-zacht);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.bel-leeg{color:var(--kleur-tekst-zacht);padding:8px 4px;font-size:12px}.bel-alles-gelezen{color:var(--kleur-primair);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500}.bel-alles-gelezen:hover{text-decoration:underline}.bel-alle-knop{text-align:center;width:100%;color:var(--kleur-primair);border:none;border-top:1px solid var(--kleur-rand);cursor:pointer;background:0 0;margin-top:4px;padding:8px 0 2px;font-size:12px;font-weight:500}.bel-alle-knop:hover{text-decoration:underline}.hb-mega{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:300;border-radius:10px;flex-direction:column;min-width:160px;padding:6px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0000001f}.hb-module-wrapper:hover .hb-mega{display:flex}.hb-sectie-rij{position:relative}.hb-sectie-label{color:var(--kleur-tekst-zacht);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12.5px;text-decoration:none;display:flex}a.hb-sectie-label{cursor:pointer}.hb-sectie-rij:hover>.hb-sectie-label{background:var(--kleur-primair-licht);color:var(--kleur-tekst)}.hb-sectie-label.actief{color:var(--kleur-primair)}.hb-sectie-pijl{opacity:.45;flex-shrink:0;font-size:10px}.hb-sectie-panel{background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);z-index:301;border-radius:10px;min-width:180px;padding:6px;display:none;position:absolute;top:-6px;left:calc(100% + 2px);box-shadow:0 8px 24px #0000001f}.hb-sectie-rij:hover .hb-sectie-panel{display:block}.hb-subgroep-header{color:var(--kleur-tekst);white-space:nowrap;padding:6px 10px 2px;font-size:11.5px;font-weight:700}.hamburger-knop{cursor:pointer;color:var(--kleur-tekst);background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;padding:8px 6px;transition:background .15s;display:none}.hamburger-knop:hover{background:var(--kleur-hover)}.hamburger-knop span{background:currentColor;border-radius:2px;width:20px;height:2px;transition:background .15s;display:block}.sidebar-backdrop{display:none}.tb-alleen-mobiel{display:none!important}@media (width<=768px){.hamburger-knop{display:flex}.sidebar{z-index:300;height:100dvh;transition:left .25s;position:fixed;top:0;left:-300px;box-shadow:4px 0 32px #0000008c}.sidebar.mobiel-open{left:0}.sidebar-inklap-knop{display:none}.hoofd-inhoud{margin-left:0!important}.sidebar-backdrop{z-index:299;background:#0000008c;display:block;position:fixed;inset:0}.top-balk{padding:0 10px}.logo-afbeelding{height:40px}.tb-mobiel-verbergen{display:none!important}.tb-alleen-mobiel{display:block!important}}@media (width>=769px){.hamburger-knop,.sidebar-backdrop{display:none!important}}.hb-subgroep+.hb-subgroep{margin-top:6px}@keyframes bel-ring{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-18deg)}20%,40%{transform:rotate(18deg)}55%{transform:rotate(-10deg)}65%{transform:rotate(10deg)}75%{transform:rotate(0)}}.tb-bel-knop.bel-ring svg{transform-origin:top;animation:.75s ease-in-out bel-ring}@keyframes toast-inschuiven{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.taak-toast{z-index:9999;background:var(--kleur-sidebar);border:1px solid var(--kleur-rand);border-left:4px solid var(--kleur-primair);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;min-width:240px;max-width:320px;padding:12px 14px;animation:.3s cubic-bezier(.22,1,.36,1) toast-inschuiven;display:flex;position:fixed;top:56px;right:16px;box-shadow:0 6px 20px #00000024}.taak-toast:hover{border-left-color:var(--kleur-primair-donker,var(--kleur-primair))}.taak-toast-icoon{color:var(--kleur-primair);flex-shrink:0;margin-top:1px}.taak-toast-tekst{flex:1;min-width:0}.taak-toast-titel{color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.taak-toast-sub{color:var(--kleur-tekst-licht);margin-top:2px;font-size:11px}.taak-toast-sluit{cursor:pointer;color:var(--kleur-tekst-licht);background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1}.taak-toast-sluit:hover{color:var(--kleur-tekst)}@keyframes notif-toast-in{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.notif-toast{z-index:9999;background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-left:4px solid var(--kleur-primair);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;max-width:320px;padding:12px 14px;animation:.3s ease-out notif-toast-in;display:flex;position:fixed;top:56px;right:16px;box-shadow:0 4px 16px #0000001f}.notif-toast:hover{background:var(--kleur-achtergrond-zacht)}.notif-toast-icoon{color:var(--kleur-primair);flex-shrink:0;margin-top:1px}.notif-toast-tekst{flex:1;min-width:0}.notif-toast-titel{color:var(--kleur-tekst);font-size:13px;font-weight:600}.notif-toast-sub{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:11px;line-height:1.4}.notif-toast-sluit{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1}.notif-toast-sluit:hover{color:var(--kleur-tekst)}@media (prefers-reduced-motion:reduce){.taak-toast,.notif-toast,.tb-bel-knop.bel-ring svg{animation:none}}.inklok-paneel-fout{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:12px;padding:7px 10px;font-size:11px}.dashboard{max-width:1100px}.dashboard .pagina-titel{font-size:22px}.kaarten-rij{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.twee-kolommen{grid-template-columns:1fr 1fr}.kaart{padding:14px 16px}.stat-kaart{padding:12px 16px}.stat-label{color:var(--kleur-tekst-zacht);letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600}.stat-waarde{color:var(--kleur-tekst);margin-bottom:3px;font-size:22px;font-weight:700}.stat-waarde.negatief{color:var(--kleur-negatief)}.stat-info{color:var(--kleur-tekst-zacht);font-size:11px}.stat-info.positief{color:var(--kleur-positief)}.kaart-header{margin-bottom:10px}.kaart-titel{font-size:13px;font-weight:600}.acties-raster{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actie-knop{background:var(--kleur-primair-licht);color:var(--kleur-tekst);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.actie-knop:hover{background:var(--kleur-hover)}.actie-icoon{font-size:16px}.mini-tabel{border-collapse:collapse;width:100%}.mini-tabel th{text-align:left;color:var(--kleur-tekst-zacht);letter-spacing:.5px;border-bottom:1px solid var(--kleur-rand);padding-bottom:6px;font-size:10px;font-weight:600}.mini-tabel td{border-bottom:1px solid var(--kleur-rand);padding:6px 0;font-size:12px}.mini-tabel tr:last-child td{border-bottom:none}.dash-module-sectie{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;padding:14px 18px}.dash-groep-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px;font-size:9px;font-weight:700}.dash-module-kaart{background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;align-items:center;gap:4px;min-width:58px;max-width:90px;padding:8px 10px;transition:background .12s,border-color .12s;display:flex}.dash-module-kaart:hover{background:var(--kleur-primair-licht);border-color:var(--kleur-rand)}.dash-module-icoon{font-size:20px;line-height:1}.dash-module-naam{color:var(--kleur-tekst);text-align:center;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;word-break:normal;font-size:9.5px;font-weight:500;line-height:1.3}.dash-widgets-rij{grid-template-columns:1fr 1.6fr;gap:12px;display:grid}.dash-widget{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;min-height:140px;padding:14px 16px}.dash-widget-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dash-widget-titel{color:var(--kleur-tekst);font-size:12px;font-weight:700}.dash-leeg{color:var(--kleur-tekst-zacht);text-align:center;padding:18px 0;font-size:12px;font-style:italic}.dash-switch-groep{background:var(--kleur-achtergrond);border-radius:6px;gap:2px;padding:2px;display:flex}.dash-switch-knop{cursor:pointer;color:var(--kleur-tekst-zacht);white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:500;transition:all .12s}.dash-switch-knop.actief{background:var(--kleur-kaart);color:var(--kleur-primair);font-weight:600;box-shadow:0 1px 2px #0000000f}.dash-widget-wrapper{flex-direction:column;display:flex}.dash-widget-wrapper.bewerken{box-shadow:0 0 0 2px var(--kleur-primair);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:11px}.dash-widget-wrapper.bewerken:active{cursor:grabbing}.dash-widget-wrapper.gedimmd{opacity:.4}.dash-widget-wrapper.bewerken .dash-module-sectie,.dash-widget-wrapper.bewerken .dash-widget{border-radius:0 0 10px 10px}.dash-widget-wrapper.bewerken .dash-quote-wrapper{border-top:none;border-radius:0 0 10px 10px}.dash-bewerk-bar{background:var(--kleur-primair-licht);border:1px solid var(--kleur-rand);border-bottom:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:5px 10px;display:flex}.dash-sleepgreep{color:var(--kleur-primair);cursor:grab;flex-shrink:0;font-size:15px;line-height:1}.dash-bewerk-naam{color:var(--kleur-primair);flex:1;font-size:11px;font-weight:600}.dash-oog-knop{cursor:pointer;color:var(--kleur-primair);background:0 0;border:none;border-radius:5px;flex-shrink:0;align-items:center;padding:3px 5px;line-height:0;transition:background .12s,color .12s;display:flex}.dash-oog-knop:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair)}.dash-kal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dash-kal-maand{color:var(--kleur-tekst);text-align:center;min-width:110px;font-size:12px;font-weight:700}.dash-kal-nav{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:11px;transition:background .1s,color .1s}.dash-kal-nav:hover{background:var(--kleur-primair-licht);color:var(--kleur-tekst)}.dash-kal-body{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.dash-kal-raster{flex-shrink:0}.dash-kal-afspraken{border-left:1px solid var(--kleur-rand);min-height:120px;padding-left:10px}.dash-kal-afspraken-titel{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:700}.dash-kal-grid{border-collapse:collapse;table-layout:auto;width:auto;font-size:10px}.dash-kal-grid thead th{text-align:center;color:var(--kleur-tekst-zacht);padding:1px 0 5px;font-size:9px;font-weight:600}.dash-kal-weeknr{color:var(--kleur-tekst-zacht);opacity:.5;text-align:right;width:18px;padding:0 3px 0 0;font-size:9px;font-weight:600}.dash-kal-dag{text-align:center;padding:1px}.dash-kal-dag-inner{cursor:default;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:10px;display:inline-flex}.dash-kal-dag-inner.vandaag{background:var(--kleur-primair);color:#fff;font-weight:700}.dash-kal-dag-inner.andere-maand{opacity:.3}.dash-kal-dag-inner.geselecteerd{background:var(--kleur-primair-licht,#b478282e);color:var(--kleur-primair);outline:1px solid var(--kleur-primair);font-weight:600}.dash-quote-wrapper{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);-webkit-user-select:none;user-select:none;border-radius:10px;padding:14px 18px;transition:background .12s}.dash-quote-wrapper:hover{background:var(--kleur-achtergrond)}.dash-quote-tekst{color:var(--kleur-tekst);margin-bottom:5px;font-size:14px;font-style:italic;line-height:1.6}.dash-quote-vertaling{color:var(--kleur-tekst-zacht);margin-bottom:6px;font-size:12px;font-style:normal;line-height:1.4}.dash-quote-auteur{color:var(--kleur-tekst-zacht);font-size:11px}.dash-quote-hint{color:var(--kleur-tekst-zacht);opacity:.6;margin-top:8px;font-size:10px}.dash-quote-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dash-quote-popup{background:var(--kleur-kaart);border-radius:12px;width:90vw;min-width:360px;max-width:560px;max-height:80vh;padding:20px 24px;overflow-y:auto;box-shadow:0 8px 32px #00000029}.dash-quote-popup-header{color:var(--kleur-tekst);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.dash-quote-popup-header button{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .12s}.dash-quote-popup-header button:hover{color:var(--kleur-tekst)}.dash-quote-popup-rij{border-top:1px solid var(--kleur-rand);color:var(--kleur-tekst);padding:10px 0;font-size:12px;line-height:1.5}.dash-quote-popup-datum{color:var(--kleur-tekst-zacht);letter-spacing:.03em;margin-bottom:3px;font-size:10px;font-weight:600;display:block}.dash-quote-popup-tekst{font-style:italic}.dash-quote-popup-vertaling{color:var(--kleur-tekst-zacht);font-style:normal}.dash-quote-popup-auteur{color:var(--kleur-tekst-zacht)}.dash-bewerk-knop{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:background .12s,border-color .12s;display:flex}.dash-bewerk-knop:hover{background:var(--kleur-achtergrond);border-color:var(--kleur-rand)}.dash-widget-link{color:var(--kleur-primair);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500}.dash-widget-link:hover{text-decoration:underline}.dash-taken-lijst{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dash-taak-item{color:var(--kleur-tekst);align-items:center;gap:8px;font-size:11px;display:flex}.dash-taak-notificatie{cursor:pointer}.dash-taak-notificatie:hover .dash-taak-naam{text-decoration:underline}.dash-taak-naam{flex:1}.dash-taak-prio{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-prio-urgent{background:#dc2626}.dash-prio-hoog{background:#f59e0b}.dash-prio-normaal{background:#6366f1}.dash-prio-laag{background:var(--kleur-tekst-zacht)}.dash-contracten-tabel{border-collapse:collapse;width:100%;margin-top:6px;font-size:12px}.dash-contracten-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:5px 8px;font-size:10px;font-weight:700}.dash-contracten-rij{cursor:pointer;transition:background .1s}.dash-contracten-rij:hover{background:var(--kleur-primair-licht)}.dash-contracten-rij td{border-bottom:1px solid var(--kleur-rand);padding:7px 8px}.dash-contracten-titel{font-weight:500}.dash-contracten-datum{color:var(--kleur-tekst-zacht);white-space:nowrap}.dash-contracten-omschrijving{color:var(--kleur-tekst-zacht);font-size:11px}.dash-pagineer-knop{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);cursor:pointer;width:22px;height:22px;color:var(--kleur-tekst-zacht);border-radius:4px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.dash-pagineer-knop:hover:not(:disabled){background:var(--kleur-primair-licht);color:var(--kleur-tekst)}.dash-pagineer-knop:disabled{opacity:.35;cursor:default}.dash-setup-banner{background:#c85a001a;border:1px solid #c85a0066;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;display:flex}.dash-setup-banner-tekst{flex-direction:column;gap:3px;display:flex}.dash-setup-banner-tekst strong{color:#ffb060;font-size:13px;font-weight:600}.dash-setup-banner-tekst span{color:#f5c060a6;font-size:12px}.dash-setup-banner-knop{white-space:nowrap;color:#ffb060;cursor:pointer;background:#c85a0026;border:1px solid #c85a008c;border-radius:7px;flex-shrink:0;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.dash-setup-banner-knop:hover{background:#c85a0047;border-color:#c85a00cc}.dash-tab-balk{border-bottom:1px solid var(--kleur-rand);gap:4px;margin-bottom:16px;display:flex}.dash-tab{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.dash-tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair)}.dash-tab:hover:not(.actief){color:var(--kleur-tekst)}.dash-tab-teller,.dash-hr-teller{background:var(--kleur-primair);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.dash-hr-tabel{border-collapse:collapse;width:100%;font-size:13px}.dash-hr-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:8px 12px;font-size:11px}.dash-hr-tabel td{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);vertical-align:middle;padding:10px 12px}.dash-hr-tabel tbody tr:last-child td{border-bottom:none}.dash-hr-knoppen,.dash-hr-afwijzen{justify-content:flex-end;align-items:center;gap:6px;display:flex}.dash-hr-afwijzen .invoer{flex:1;min-width:150px}.dash-hr .dash-widget-kop{flex-direction:row;align-items:center;gap:9px;margin-bottom:4px;display:flex}.factuur-document{color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:40px 44px;font-size:12px;line-height:1.5}.factuur-logo-rij{justify-content:flex-end;margin-bottom:24px;display:flex}.factuur-logo{object-fit:contain;max-width:200px;max-height:60px}.factuur-partijen{gap:40px;margin-bottom:28px;display:flex}.factuur-klant-blok{flex:1}.factuur-afzender-blok{color:#374151;width:260px;font-size:11px}.partij-koptekst{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:4px;font-size:10px}.partij-naam{margin-bottom:2px;font-size:13px;font-weight:600}.partij-regel{color:#374151}.partij-lege-regel{height:8px}.partij-meta{color:#4b5563;font-family:monospace;font-size:11px}.afzender-naam-regel{margin-bottom:8px;font-size:12px}.afzender-adres-groep{margin-bottom:8px}.afzender-adres-kop{text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:1px;font-size:10px}.afzender-meta-groep{color:#374151;margin-top:8px;font-family:Courier New,monospace;font-size:11px}.factuur-titel{color:#111827;margin-bottom:16px;font-size:22px;font-weight:700}.factuur-meta-grid{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;gap:40px;margin-bottom:20px;padding:10px 0;display:flex}.meta-links,.meta-rechts{flex:1}.meta-rij{gap:4px;margin-bottom:2px;font-size:11.5px;display:flex}.meta-label{color:#6b7280;min-width:130px}.meta-sep{color:#9ca3af}.meta-waarde{color:#111827;font-weight:500}.factuur-subject{color:#4b5563;margin-bottom:16px;font-size:12px;font-style:italic}.factuur-regels-tabel{border-collapse:collapse;width:100%;font-size:11.5px}.factuur-regels-tabel thead tr{background:#f3f4f6}.factuur-regels-tabel th{text-align:left;color:#374151;white-space:nowrap;border-bottom:2px solid #d1d5db;padding:7px 8px;font-size:11px;font-weight:600}.th-omschrijving{width:32%}.th-periode{width:18%}.th-aantal{text-align:right;width:8%}.th-eenheid{width:8%}.th-tarief{text-align:right;width:10%}.th-korting{text-align:right;width:8%}.th-subtotaal{text-align:right;width:11%}.factuur-regels-tabel td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:6px 8px}.cel-getal{text-align:right;font-variant-numeric:tabular-nums}.cel-subtotaal{font-weight:500}.cel-periode{color:#4b5563;font-size:11px}.cel-sub{color:#6b7280;font-size:11px;font-style:italic;padding-top:0!important;padding-bottom:8px!important}.factuur-totalen-wrapper{justify-content:flex-end;margin-top:0;margin-bottom:20px;display:flex}.factuur-totalen{border:1px solid #e5e7eb;border-radius:4px;width:280px;overflow:hidden}.totaal-rij{border-bottom:1px solid #f3f4f6;align-items:center;gap:4px;padding:5px 12px;font-size:11.5px;display:flex}.totaal-rij span:first-child{color:#4b5563;flex:1}.totaal-sym{color:#9ca3af;font-size:11px}.totaal-bedrag{text-align:right;font-variant-numeric:tabular-nums;min-width:72px}.totaal-eindtotaal{background:var(--kleur-primair,#4d7fff);font-size:12.5px;font-weight:700;color:#fff!important}.totaal-eindtotaal span:first-child{color:#fff!important}.totaal-eindtotaal .totaal-sym{color:#ffffffb3}.factuur-opmerkingen{border-left:3px solid var(--kleur-primair,#4d7fff);background:#f9fafb;border-radius:0 4px 4px 0;margin-bottom:16px;padding:12px 14px}.opmerkingen-label{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:4px;font-size:10px}.opmerkingen-tekst{color:#374151;white-space:pre-wrap;font-size:12px}.factuur-betaalinstructie{color:#374151;background:#f9fafb;border-radius:4px;margin-bottom:20px;padding:10px 14px;font-size:11.5px}.factuur-voettekst{margin-top:20px}.voettekst-lijn{border-top:1px solid #d1d5db;margin-bottom:8px}.voettekst-tekst{color:#6b7280;text-align:center;font-size:10.5px}@media print{@page{size:A4;margin:0}body{background:#fff!important}.print-verberg,.hoofd-layout aside,.top-balk,.scroll-omhoog-knop,.factuur-acties{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}.factuur-detail-pagina{max-width:100%;padding:0}.factuur-document{box-shadow:none!important;border:none!important;border-radius:0!important;max-width:100%!important;padding:0!important}}.factuur-pagina{align-items:flex-start;gap:24px;padding:24px 28px;display:flex}.factuur-formulier{flex:1;min-width:380px}.factuur-preview-paneel{flex-direction:column;flex-shrink:1;align-self:flex-start;width:560px;min-width:0;max-height:calc(100vh - 40px);display:flex;position:sticky;top:0;overflow:hidden}.preview-paneel-header{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-bottom:none;border-radius:6px 6px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.factuur-preview-paneel.ingeklapt{width:auto}.factuur-preview-paneel.ingeklapt .preview-paneel-header{border-bottom:1px solid var(--kleur-rand);border-radius:6px}.preview-paneel-titel{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.preview-toggle-knop{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px;line-height:1}.preview-toggle-knop:hover{color:#374151;background:#e5e7eb}.preview-schaal-wrapper{flex:1;overflow-y:auto}.preview-schaal-wrapper .factuur-document{border-radius:0 0 6px 6px;padding:28px 32px;font-size:10.5px}.pagina-header{margin-bottom:16px}.pagina-header-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pagina-titel{margin:0;font-size:22px;font-weight:700}.knop-terug{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.knop-terug:hover{color:#1e293b}.klant-dropdown{background:var(--kleur-kaart);border:1.5px solid var(--kleur-primair);z-index:50;border-radius:4px;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 16px #0003}.klant-dropdown-item{cursor:pointer;align-items:baseline;gap:10px;padding:6px 10px;transition:background .1s;display:flex}.klant-dropdown-item:hover{background:var(--kleur-hover,var(--kleur-primair-licht))}.klant-dropdown-naam{color:var(--kleur-tekst);font-size:12px;font-weight:500}.klant-dropdown-sub{color:var(--kleur-tekst-zacht);font-size:11px}.klant-geselecteerd-info{color:var(--kleur-tekst-zacht);align-items:center;gap:10px;margin-top:3px;font-size:11px;display:flex}.klant-wis-knop{color:var(--kleur-tekst-zacht);cursor:pointer;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:11px}.klant-wis-knop:hover{background:var(--kleur-rand)}.radio-rij{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.radio-kaart{border:1.5px solid var(--kleur-rand);cursor:pointer;background:var(--kleur-kaart);color:var(--kleur-tekst);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.radio-kaart input{display:none}.radio-kaart.actief{border-color:var(--kleur-primair);background:var(--kleur-primair-licht);color:var(--kleur-primair);font-weight:500}.periodiek-opties{flex-direction:column;gap:10px;display:flex}.periodiek-samenvatting{background:var(--kleur-primair-licht);color:var(--kleur-tekst-zacht);border-radius:4px;padding:8px 12px;font-size:12px}.regel-tabel{border-collapse:collapse;width:100%;margin-bottom:8px}.regel-tabel th{color:var(--kleur-tekst-zacht);letter-spacing:.4px;text-align:left;border-bottom:1px solid var(--kleur-rand);padding:0 5px 6px;font-size:11px;font-weight:600}.regel-tabel td{vertical-align:middle;padding:4px 5px}.col-omschrijving{width:35%}.col-aantal{width:8%}.col-eenheid{width:10%}.col-prijs{width:12%}.col-totaal{width:12%}.col-actie{width:4%}.cel-bedrag{text-align:right;padding-right:4px;font-size:12px}.verwijder-knop{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:flex}.knop-toevoegen{color:var(--kleur-primair);cursor:pointer;padding:4px 0;font-size:12px;font-weight:500}.totalen{border-top:1px solid var(--kleur-rand);margin-top:12px;padding-top:10px}.totaal-rij{color:var(--kleur-tekst-zacht);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.totaal-eindtotaal{color:var(--kleur-tekst);border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.factuur-acties{justify-content:flex-end;gap:8px;display:flex}.pdf-paneel{border-radius:var(--radius);box-shadow:var(--schaduw-kaart);background:#fff;align-self:flex-start;transition:width .2s;position:sticky;top:0;overflow:hidden}.pdf-paneel-header{border-bottom:1px solid var(--kleur-rand);background:#f9fafb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.pdf-paneel-titel{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:600}.pdf-toggle-knop{color:var(--kleur-tekst-zacht);border-radius:4px;padding:2px 4px;font-size:15px}.pdf-toggle-knop:hover{background:var(--kleur-rand)}.pdf-inhoud{max-height:calc(100vh - 80px);padding:14px;overflow-y:auto}.pdf-pagina{color:#1a1d2e;background:#fff;border:1px solid #e5e7eb;min-height:500px;padding:28px 24px;font-size:11px}.pdf-header{justify-content:space-between;margin-bottom:24px;display:flex}.pdf-bedrijfsnaam{margin-bottom:4px;font-size:14px;font-weight:700}.pdf-adres{color:#6b7280;font-size:10px;line-height:1.6}.pdf-factuur-label{letter-spacing:1px;color:#6b7280;font-size:10px;font-weight:600}.pdf-factuur-nr{color:var(--kleur-primair);margin:2px 0 6px;font-size:16px;font-weight:700}.pdf-meta{color:#6b7280;font-size:10px;line-height:1.7}.pdf-aan{margin-bottom:16px}.pdf-aan-label{letter-spacing:.5px;color:#9ca3af;margin-bottom:2px;font-size:9px;font-weight:600}.pdf-klant{font-size:12px;font-weight:600}.pdf-periodiek-label{color:var(--kleur-primair);background:#eff4ff;border-radius:4px;margin-bottom:14px;padding:4px 8px;font-size:10px;display:inline-block}.pdf-tabel{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:10px}.pdf-tabel th{text-align:left;letter-spacing:.3px;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:6px 8px;font-size:9px;font-weight:600}.pdf-tabel td{border-bottom:1px solid #f3f4f6;padding:6px 8px;font-size:10px}.pdf-totalen{width:50%;margin-left:auto}.pdf-totaal-rij{color:#6b7280;justify-content:space-between;padding:3px 0;font-size:10px;display:flex}.pdf-totaal-eind{color:#1a1d2e;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:6px;font-size:12px;font-weight:700}.pdf-logo{object-fit:contain;max-width:100px;max-height:36px;margin-bottom:6px;display:block}.afzender-preview{background:var(--kleur-invoer,var(--kleur-achtergrond));border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);border-radius:4px;flex-wrap:wrap;gap:14px;margin-top:8px;padding:7px 10px;font-size:11px;display:flex}.afzender-preview span:first-child{color:var(--kleur-tekst);font-weight:600}.pdf-footer{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:24px;padding-top:12px;font-size:9px}.sb-toggle-rij{cursor:pointer;align-items:center;gap:10px;padding:4px 0;display:flex}.sb-toggle-rij input[type=checkbox]{width:16px;height:16px;accent-color:var(--kleur-primair);cursor:pointer;flex-shrink:0}.sb-toggle-tekst{flex-direction:column;gap:2px;display:flex}.sb-toggle-tekst strong{font-size:13px;font-weight:600}.veld-muted{color:var(--kleur-tekst-zacht);font-size:11px}.bijlage-rij{align-items:center;gap:10px;padding:6px 0;display:flex}.bijlage-naam{color:var(--kleur-tekst);flex:1;font-size:12px}.bijlage-upload-label{display:inline-block}.preview-modus-toggle{border-bottom:1px solid var(--kleur-rand);gap:4px;padding:8px 12px 4px;display:flex}.preview-tab{border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:4px;padding:4px 12px;font-size:11px}.preview-tab.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.facturen-overzicht{max-width:1200px}.facturen-header-acties{align-items:center;gap:8px;display:flex}.factuur-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.factuur-stat{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:6px;padding:9px 12px 8px}.factuur-stat-bedrag{font-variant-numeric:tabular-nums;color:var(--kleur-tekst);font-size:16px;font-weight:700;line-height:1.1}.factuur-stat-label{letter-spacing:.5px;color:var(--kleur-tekst-zacht);text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:600}.factuur-stat--openstaand .factuur-stat-bedrag{color:#d97706}.factuur-stat--vervallen .factuur-stat-bedrag{color:var(--kleur-negatief)}.factuur-stat--betaald .factuur-stat-bedrag{color:var(--kleur-positief)}.factuur-stat--totaal .factuur-stat-bedrag{color:var(--kleur-tekst)}.facturen-filter-balk{justify-content:space-between;align-items:center;gap:8px;display:flex}.filter-links{flex:1;align-items:center;gap:8px;display:flex}.filter-rechts{flex-shrink:0;align-items:center;gap:8px;display:flex}.facturen-tabel{border-collapse:collapse;width:100%}.facturen-tabel th{text-align:left;color:var(--kleur-tekst-zacht);letter-spacing:.4px;border-bottom:1px solid var(--kleur-rand);background:var(--kleur-achtergrond-2,#fafafa);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}.facturen-tabel td{border-bottom:1px solid var(--kleur-rand);padding:4px 12px;font-size:11px}.vervaldatum-verlopen{font-weight:600;color:var(--kleur-negatief)!important}.factuur-rij{cursor:pointer;transition:background .1s}.factuur-rij:hover{background:var(--kleur-hover,var(--kleur-primair-licht))}.facturen-tabel tr:last-child td{border-bottom:none}.factuur-nr{color:var(--kleur-primair);font-weight:700}.bedrag-cel{font-variant-numeric:tabular-nums;font-weight:500}.actie-cel{text-align:right;white-space:nowrap;width:68px}.facturen-tabel .rij-actie{opacity:1;color:var(--kleur-tekst-zacht);border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;font-size:12px;display:inline-flex}.facturen-tabel .rij-actie:hover{background:var(--kleur-rand);color:var(--kleur-tekst)}[data-thema=retro-donker] .factuur-stat,[data-thema=retro-licht] .factuur-stat,[data-thema=retro-zenith] .factuur-stat{background:#c85a000f;border-color:#c85a0033}[data-thema=retro-donker] .factuur-stat--openstaand .factuur-stat-bedrag{color:#f5a060}[data-thema=retro-donker] .factuur-stat--vervallen .factuur-stat-bedrag{color:#e06060}[data-thema=retro-donker] .factuur-stat--betaald .factuur-stat-bedrag{color:#78c090}[data-thema=retro-donker] .factuur-stat--totaal .factuur-stat-bedrag{color:#f5c060}[data-thema=retro-donker] .factuur-stat-label{color:#f5c06080}[data-thema=retro-donker] .factuur-rij:hover{background:#c85a0014}[data-thema=retro-donker] .klant-naam{color:#ffd060}[data-thema=retro-licht] .klant-naam,[data-thema=retro-zenith] .klant-naam{color:var(--kleur-tekst)}.factuur-detail-pagina{max-width:940px;padding:24px 32px}.factuur-acties-balk{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.factuur-acties-rechts{align-items:center;gap:10px;display:flex}.terug-knop{color:var(--kleur-primair);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:13px}.status-select{height:28px;padding:4px 8px;font-size:12px}.export-balk{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;align-items:center;gap:16px;margin-bottom:16px;padding:10px 14px;display:flex}.export-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht);white-space:nowrap;font-size:11px;font-weight:600}.export-knoppen{flex-wrap:wrap;gap:8px;display:flex}.export-knop{border:1.5px solid var(--kleur-rand);background:var(--kleur-kaart);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;min-width:80px;padding:6px 16px;transition:border-color .15s,background .15s;display:flex}.export-knop:hover{border-color:var(--kleur-primair);background:var(--kleur-primair-licht)}.export-knop-hoofd{color:var(--kleur-tekst);font-size:12px;font-weight:600}.export-knop-sub{color:var(--kleur-tekst-zacht);margin-top:1px;font-size:10px}.factuur-gegevens-tab{max-width:900px}.factuur-gegevens-boven{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gegeven-grid{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.gegeven-item{flex-direction:column;gap:2px;display:flex}.gegeven-item.gegeven-vol{grid-column:1/-1}.gegeven-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht);font-size:10px;font-weight:600}.gegeven-waarde{color:var(--kleur-tekst);font-size:13px}.gegeven-waarde.mono{font-family:monospace;font-size:12px}.factuur-totalen-rij{border-top:1px solid var(--kleur-rand);justify-content:flex-end;margin-top:12px;padding-top:10px;display:flex}.factuur-totalen-blok{min-width:260px}.totaal-regel{color:var(--kleur-tekst-zacht);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.totaal-regel.totaal-eindtotaal{color:var(--kleur-tekst);border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.bijlage-tab-inhoud{padding:0 4px}.bijlage-acties{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.bijlage-leeg{flex-direction:column;align-items:flex-start;gap:8px;padding:32px 0;display:flex}.organisatie-pagina{max-width:860px}.pagina-header-rij{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.pagina-titel{font-size:22px;font-weight:700}.pagina-sub{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:13px}.knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 18px;font-size:12px;font-weight:500;transition:background .15s}.knop-primair:hover{filter:brightness(1.1)}.knop-primair.opgeslagen{background:#16a34a}.tab{color:var(--kleur-tekst-zacht);cursor:pointer;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;margin-bottom:-1px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.tab:hover{color:var(--kleur-tekst);background:var(--kleur-achtergrond)}.tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair);background:var(--kleur-kaart)}.logo-upload-vak{align-items:center;gap:16px;display:flex}.logo-placeholder{border:2px dashed var(--kleur-rand);width:90px;height:52px;color:var(--kleur-tekst-zacht);border-radius:4px;justify-content:center;align-items:center;font-size:11px;display:flex}.logo-preview{object-fit:contain;border:1px solid var(--kleur-rand);border-radius:4px;width:90px;height:52px;padding:4px}.logo-upload-info p{color:var(--kleur-tekst-zacht);margin-bottom:2px;font-size:11px}.logo-bestand-invoer{color:var(--kleur-primair);cursor:pointer;margin-top:6px;font-size:11px}.info-blok{background:var(--kleur-primair-licht);border-radius:4px;margin-top:8px;padding:10px 14px;font-size:12px}.info-blok strong{color:var(--kleur-tekst);margin-bottom:2px;display:block}.info-blok p{color:var(--kleur-tekst-zacht)}.thema-keuze{flex-wrap:wrap;gap:8px;display:flex}.thema-knop{border:1.5px solid var(--kleur-rand);background:var(--kleur-kaart);color:var(--kleur-tekst);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.thema-knop:hover{border-color:#aaa}.thema-knop.actief{border-color:var(--kleur-primair);background:var(--kleur-primair-licht);font-weight:500}.thema-cirkel{border-radius:50%;width:12px;height:12px;display:inline-block}.layout-keuze{gap:10px;display:flex}.layout-kaart{border:1.5px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst-zacht);border-radius:4px;flex-direction:column;align-items:center;gap:6px;min-width:80px;padding:12px;font-size:11px;transition:all .15s;display:flex}.layout-kaart:hover{border-color:var(--kleur-primair)}.layout-preview{flex-direction:column;gap:3px;width:48px;display:flex}.layout-preview-lijn{background:var(--kleur-rand);border-radius:2px;width:100%;height:3px}.layout-preview-lijn.dik{background:#c7d7ff;height:6px}.layout-preview-lijn.kort{width:60%}.handelsnamen-intro{margin-bottom:10px}.leeg-blok{background:var(--kleur-achtergrond);border:1.5px dashed var(--kleur-rand);border-radius:var(--radius);color:var(--kleur-tekst-zacht);margin-bottom:10px;padding:14px 16px;font-size:12px}.leeg-blok p{margin-bottom:2px}.handelsnaam-kaart{border-left:3px solid var(--kleur-rand);margin-bottom:10px}.handelsnaam-kaart.standaard{border-left-color:var(--kleur-primair)}.handelsnaam-kaart-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.handelsnaam-nr{font-size:12px;font-weight:600}.handelsnaam-kleur-kiezer{align-items:center;gap:4px;display:flex}.hn-kleur-swatch{cursor:pointer;border:1.5px solid #0000;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .1s}.hn-kleur-swatch:hover{transform:scale(1.25)}.hn-kleur-swatch.actief{border-color:#1e293b;transform:scale(1.2)}.hn-kleur-grijs{background:#cbd5e1}.hn-kleur-blauw{background:#60a5fa}.hn-kleur-groen{background:#4ade80}.hn-kleur-rood{background:#f87171}.hn-kleur-oranje{background:#fb923c}.hn-kleur-paars{background:#c084fc}.hn-kleur-geel{background:#fbbf24}.hn-kleur-cyaan{background:#22d3ee}.badge-standaard{color:var(--kleur-primair);background:#eff4ff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.handelsnaam-acties{gap:6px;margin-left:auto;display:flex}.knop-tekst{color:var(--kleur-primair);cursor:pointer;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:500}.knop-tekst:hover{background:#eff4ff}.knop-verwijder{color:var(--kleur-negatief);cursor:pointer;border-radius:4px;padding:3px 7px;font-size:11px;font-weight:500}.knop-toevoegen-blok{border:1.5px dashed var(--kleur-rand);border-radius:var(--radius);width:100%;color:var(--kleur-primair);background:var(--kleur-kaart);cursor:pointer;padding:10px;font-size:12px;font-weight:500;transition:all .15s}.knop-toevoegen-blok:hover{background:var(--kleur-primair-licht);border-color:var(--kleur-primair)}.postadres-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.checkbox-label{color:var(--kleur-tekst-zacht);cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.gb-pagina{max-width:1000px;padding:28px 32px}.gb-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.gb-titel{color:var(--kleur-tekst);margin:0;font-size:22px;font-weight:700}.gb-nieuw-knop{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:filter .15s}.gb-nieuw-knop:hover{filter:brightness(1.1)}.gb-tabel-wrapper{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;overflow:hidden}.gb-tabel{border-collapse:collapse;width:100%;font-size:13px}.gb-tabel th{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--kleur-rand);padding:10px 16px;font-size:11px;font-weight:600}.gb-tabel td{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);padding:12px 16px}.gb-tabel tbody tr:last-child td{border-bottom:none}.gb-tabel tbody tr:hover td{background:var(--kleur-achtergrond)}.rij-inactief td{color:var(--kleur-tekst-zacht);opacity:.6}.gb-naam{font-weight:500}.gb-email{color:var(--kleur-tekst-zacht)}.gb-badge{border-radius:99px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.rol-master_beheerder{color:#6d28d9;background:#ede9fe}.rol-beheerder{color:#1d4ed8;background:#dbeafe}.rol-medewerker{color:#15803d;background:#dcfce7}.rol-alleen_lezen{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht)}.badge-ja{color:#15803d;background:#dcfce7}.badge-nee{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht)}.badge-actief{color:#15803d;background:#dcfce7}.badge-inactief{color:#dc2626;background:#fee2e2}.gb-bewerk-knop{border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;transition:all .15s}.gb-bewerk-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.gb-laden{color:var(--kleur-tekst-zacht);padding:20px 0}.gb-leeg{color:var(--kleur-tekst-zacht);text-align:center;padding:32px;font-size:13px}.gb-foutmelding{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.gb-succesmelding{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.gb-detail{max-width:820px;padding:28px 32px}.gb-detail-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.gb-terug{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.gb-terug:hover{color:var(--kleur-tekst)}.gb-detail-titel{color:var(--kleur-tekst);margin:0;font-size:20px;font-weight:700}.gb-tabs{border-bottom:1px solid var(--kleur-rand);gap:4px;margin-bottom:24px;display:flex}.gb-tab{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:color .15s}.gb-tab.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair)}.gb-tab:hover:not(.actief){color:var(--kleur-tekst)}.gb-form{flex-direction:column;gap:16px;display:flex}.gb-form-rij{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gb-veld{flex-direction:column;gap:5px;display:flex}.gb-label{color:var(--kleur-tekst);font-size:12px;font-weight:600}.gb-hint{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:400}.gb-invoer{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst);background:var(--kleur-kaart);border-radius:8px;outline:none;padding:9px 11px;font-size:13px;transition:border-color .15s}.gb-invoer:focus{border-color:var(--kleur-primair)}.gb-invoer:-webkit-autofill{caret-color:var(--kleur-tekst);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--kleur-kaart) inset!important;-webkit-text-fill-color:var(--kleur-tekst)!important}.gb-invoer:-webkit-autofill:hover{caret-color:var(--kleur-tekst);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--kleur-kaart) inset!important;-webkit-text-fill-color:var(--kleur-tekst)!important}.gb-invoer:-webkit-autofill:focus{caret-color:var(--kleur-tekst);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--kleur-kaart) inset!important;-webkit-text-fill-color:var(--kleur-tekst)!important}.gb-acties{flex-wrap:wrap;align-items:flex-start;gap:10px;margin-top:8px;display:flex}.gb-extra-acties{flex-wrap:wrap;gap:8px;display:flex}.gb-opslaan-knop{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:filter .15s}.gb-opslaan-knop:hover{filter:brightness(1.1)}.gb-opslaan-knop:disabled{opacity:.5;cursor:not-allowed;filter:none}.gb-sec-knop{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:8px;padding:9px 16px;font-size:13px;transition:all .15s}.gb-sec-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-tekst)}.gb-reset-blok{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:8px;padding:16px}.gb-reset-info{color:var(--kleur-tekst-zacht);margin:0 0 12px;font-size:12px;line-height:1.5}.gb-reset-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gb-toegang{margin-top:4px}.gb-volledige-toegang{background:var(--kleur-primair-licht);border:1px solid var(--kleur-primair);color:var(--kleur-primair);border-radius:8px;padding:14px 16px;font-size:13px}.pm-wrapper{border:1px solid var(--kleur-rand);border-radius:10px;margin-bottom:20px;overflow-x:auto}.pm-tabel{border-collapse:collapse;width:100%;font-size:13px}.pm-tabel th{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);text-align:left;border-bottom:1px solid var(--kleur-rand);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.pm-th-module{width:38%}.pm-th{text-align:center;vertical-align:top}.pm-th-hoofd{text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);font-size:11px;font-weight:600;display:block}.pm-th-sub{color:var(--kleur-tekst-zacht);opacity:.7;text-transform:none;letter-spacing:0;margin-top:1px;font-size:10px;font-weight:400;display:block}.pm-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;padding:6px 10px}.pm-tabel tbody tr:last-child td{border-bottom:none}.pm-module{color:var(--kleur-tekst);background:var(--kleur-achtergrond);font-size:12px;font-weight:600}.pm-onderdeel{color:var(--kleur-tekst);font-size:12px;padding-left:26px!important}.pm-vink{text-align:center}.pm-vink input[type=checkbox]{cursor:pointer;vertical-align:middle;border-radius:3px;flex-shrink:0;width:15px;height:15px;transition:border-color .1s,background .1s;position:relative;appearance:none!important;border:1.5px solid var(--kleur-rand)!important;background:var(--kleur-kaart)!important}.pm-vink input[type=checkbox]:checked,.pm-vink input[type=checkbox]:indeterminate{background:var(--kleur-primair)!important;border-color:var(--kleur-primair)!important}.pm-vink input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:0;left:3px;transform:rotate(45deg)}.pm-vink input[type=checkbox]:indeterminate:after{content:"";background:#fff;width:9px;height:2px;position:absolute;top:5px;left:2px}.pm-vink input[type=checkbox]:disabled{cursor:default;opacity:.4}.pm-nvt{color:var(--kleur-tekst-zacht);opacity:.5;font-size:14px}.pm-selecteer-alles-rij td{background:var(--kleur-achtergrond)}.pm-noot{color:var(--kleur-tekst-zacht);margin:6px 0 16px;font-size:11px;line-height:1.5}.gb-rolprofiel-blok{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:8px;margin-bottom:20px;padding:14px 16px}.gb-rolprofiel-rij{flex-direction:column;gap:8px;display:flex}.gb-rolprofiel-label{color:var(--kleur-tekst);font-size:13px;font-weight:600}.gb-rolprofiel-controls{align-items:center;gap:10px;display:flex}.gb-rolprofiel-hint{color:var(--kleur-tekst-zacht);margin:0;font-size:12px;line-height:1.5}.klanten-pagina{max-width:1400px}.klanten-kaart{scrollbar-width:auto;overflow:auto hidden}.klanten-kaart::-webkit-scrollbar{height:16px}.klanten-kaart::-webkit-scrollbar-track{background:var(--kleur-achtergrond-zacht,#f1f5f9);border-radius:8px}.klanten-kaart::-webkit-scrollbar-thumb{background:var(--kleur-rand,#cbd5e1);background-clip:padding-box;border:3px solid #0000;border-radius:8px}.klanten-kaart::-webkit-scrollbar-thumb:hover{background:var(--kleur-tekst-zacht,#94a3b8);background-clip:padding-box}.klanten-kaart .overzicht-tabel td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.klant-naam{color:var(--kleur-tekst);font-weight:500}.actie-cel{text-align:center;width:36px}.rij-actie{opacity:0;cursor:pointer;border-radius:4px;padding:3px 6px;font-size:11px;transition:opacity .15s}.rij-actie-verwijder{color:var(--kleur-negatief)}.rij-actie-verwijder:hover{background:#fee2e2}.klant-paneel-overlay{z-index:100;background:#00000040;justify-content:flex-end;display:flex;position:fixed;inset:0}.klant-paneel{background:#fff;flex-direction:column;width:480px;height:100%;display:flex;overflow:hidden;box-shadow:-4px 0 24px #0000001f}.klant-formulier{flex-direction:column;height:100%;display:flex}.klant-formulier-header{border-bottom:1px solid var(--kleur-rand);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.klant-formulier-titel{font-size:15px;font-weight:600}.sluit-knop{width:28px;height:28px;color:var(--kleur-tekst-zacht);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:13px;display:flex}.sluit-knop:hover{background:var(--kleur-rand);color:var(--kleur-tekst)}.klant-formulier-body{flex-direction:column;flex:1;gap:0;padding:16px 18px;display:flex;overflow-y:auto}.klant-type-keuze{gap:8px;margin-bottom:14px;display:flex}.type-kaart{border:1.5px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst-zacht);border-radius:4px;flex:1;justify-content:center;align-items:center;padding:7px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.type-kaart input{display:none}.type-kaart.actief{border-color:var(--kleur-primair);color:var(--kleur-primair);background:#eff4ff}.klant-sectie-titel{color:var(--kleur-tekst-zacht);letter-spacing:.5px;text-transform:uppercase;margin:14px 0 8px;font-size:11px;font-weight:600}.klant-notities{resize:vertical;min-height:60px}.klant-formulier-voet{border-top:1px solid var(--kleur-rand);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.knop-concept{border:1.5px solid var(--kleur-rand);color:var(--kleur-tekst);cursor:pointer;background:#fff;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500}.knop-concept:hover{background:#f9fafb}.bevestig-dialoog{z-index:101;background:#fff;border-radius:8px;width:320px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0000002e}.bevestig-dialoog h3{margin-bottom:8px;font-size:15px;font-weight:600}.bevestig-dialoog p{color:var(--kleur-tekst-zacht);margin-bottom:18px;font-size:13px}.bevestig-acties{justify-content:flex-end;gap:8px;display:flex}.knop-verwijder-bevestig{background:var(--kleur-negatief);color:#fff;cursor:pointer;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500}.klant-selectiebalk{background:var(--kleur-primair-licht,#eef2ff);border:1px solid var(--kleur-primair);color:var(--kleur-tekst);border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;font-size:13px;display:flex}.contracten-pagina{max-width:none}.contracten-tabel-wrapper{max-height:calc(100vh - 240px);overflow:auto}.contracten-tabel-wrapper::-webkit-scrollbar{width:10px;height:10px}.contracten-tabel-wrapper::-webkit-scrollbar-track{background:var(--kleur-achtergrond,#f1f5f9);border-radius:999px}.contracten-tabel-wrapper::-webkit-scrollbar-thumb{background:var(--kleur-rand,#cbd5e1);border-radius:999px}.contracten-tabel-wrapper::-webkit-scrollbar-thumb:hover{background:var(--kleur-primair,#94a3b8)}.contracten-tabel-wrapper{scrollbar-width:thin;scrollbar-color:var(--kleur-rand,#cbd5e1) var(--kleur-achtergrond,#f1f5f9)}.contracten-tabel thead th{z-index:2;background:var(--kleur-kaart,#fff);position:sticky;top:0}.contract-nr{color:var(--kleur-tekst);white-space:nowrap;font-size:12px;font-weight:600}.contract-titel{white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-width:180px;max-width:320px;font-weight:500;display:-webkit-box;overflow:hidden}.contracten-tabel th{white-space:normal}.contracten-tabel th .th-label{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contracten-tabel td{white-space:nowrap}.klant-naam{font-weight:500}.klant-stad{color:var(--kleur-tekst-zacht);font-size:11px}.leeg-waarde{color:var(--kleur-tekst-zacht);font-style:italic}.leeg-cel{text-align:center;color:var(--kleur-tekst-zacht);font-size:13px;padding:28px!important}.fout-melding{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:13px}.contract-rij{cursor:pointer}.vk-badge{letter-spacing:.04em;vertical-align:middle;color:#7e22ce;background:#f3e8ff;border-radius:3px;margin-left:5px;padding:0 4px;font-size:9px;font-weight:700;display:inline-block}.hn-badge{letter-spacing:.04em;white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.hn-badge-grijs{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.hn-badge-blauw{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.hn-badge-groen{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.hn-badge-rood{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.hn-badge-oranje{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.hn-badge-paars{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.hn-badge-geel{color:#854d0e;background:#fef9c3;border-color:#fde68a}.hn-badge-cyaan{color:#155e75;background:#cffafe;border-color:#a5f3fc}.contract-klant-label{color:var(--kleur-tekst-zacht);margin-bottom:1px;font-size:11px;font-weight:500}.contract-klant-stad{font-weight:400}.tab-balk{border-bottom:1px solid #e5e7eb;gap:2px;margin-bottom:16px;display:flex}.tab-knop{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-size:13px;font-weight:500}.tab-knop.actief{color:var(--kleur-primair);border-bottom-color:var(--kleur-primair)}.statistieken-tab{flex-direction:column;gap:16px;display:flex}.stat-periode-balk{flex-direction:column;gap:6px;display:flex}.stat-periode-filter{flex-wrap:wrap;gap:6px;display:flex}.stat-maand-filter{border-top:1px solid #f0f0f0;padding-top:4px}.stat-periode-knop{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #d1d5db;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.stat-periode-knop:hover{background:#f3f4f6;border-color:#9ca3af}.stat-periode-knop.actief{background:var(--kleur-primair,#1d4ed8);color:#fff;border-color:var(--kleur-primair,#1d4ed8)}.stat-periode-knop-sm{padding:3px 9px;font-size:11px}.stat-periode-sep{background:#d1d5db;align-self:center;width:1px;height:18px;margin:0 2px;display:inline-block}.stat-rij{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat-kaart{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.stat-kaart h4{color:var(--kleur-tekst);margin:0 0 12px;font-size:13px;font-weight:600}.stat-kaart-sub{color:#6b7280;font-size:11px;font-weight:400}.stat-tabel{border-collapse:collapse;width:100%;font-size:12px}.stat-tabel th{text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:5px 8px;font-weight:600}.stat-tabel td{border-bottom:1px solid #f1f5f9;padding:5px 8px}.stat-tabel tr:last-child td{border-bottom:none}.stat-leeg{color:#6b7280;margin:12px 0 4px;font-size:12px}.kpi-rij{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kpi-kaart{border-radius:10px;padding:14px 16px}.kpi-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:600}.kpi-waarde{color:var(--kleur-tekst);font-size:22px;font-weight:700;line-height:1.2}.kpi-sub{color:var(--kleur-tekst-zacht);margin-top:3px;font-size:11px}.widgets-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.widget-kaart{transition:box-shadow .15s,opacity .15s;position:relative}.widget-kaart[draggable]:active{opacity:.7}.widget-drag-over{box-shadow:0 0 0 2px var(--kleur-primair)}.widget-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.widget-header h4{color:var(--kleur-tekst);margin:0;font-size:13px;font-weight:600}.widget-drag-handle{cursor:grab;color:var(--kleur-tekst-zacht);opacity:.25;border-radius:3px;flex-shrink:0;margin-top:1px;padding:2px 3px;transition:opacity .15s,background .15s}.widget-kaart:hover .widget-drag-handle{opacity:.55}.widget-drag-handle:hover{background:var(--kleur-achtergrond);opacity:1!important}.widget-drag-handle:active{cursor:grabbing}.reminder-badge{font-size:11px}.reminder-badge-2{color:#c2410c}@media (width<=900px){.stat-rij,.widgets-grid{grid-template-columns:1fr}.kpi-rij{grid-template-columns:1fr 1fr}}@media print{.hoofd-layout aside,.top-balk,.print-verberg{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}.contracten-pagina{max-width:100%!important}}.contract-detail-pagina{max-width:1400px}.contract-sticky-top{z-index:50;background:var(--kleur-achtergrond,#f3f4f6);margin-bottom:14px;padding-bottom:0;position:sticky;top:-22px}.contract-detail-breadcrumb{align-items:center;gap:8px;font-size:12px;display:flex}.contract-detail-breadcrumb .terug-knop{color:var(--kleur-primair);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:500}.contract-detail-breadcrumb .terug-knop:hover{text-decoration:underline}.contract-detail-acties{align-items:center;gap:8px;display:flex}.contract-naam-header{border-radius:var(--radius,8px);box-shadow:var(--schaduw-kaart,0 1px 4px #00000014);background:#fff;align-items:center;gap:14px;margin-bottom:0;padding:12px 18px;display:flex}.contract-avatar-groot{background:var(--kleur-primair,#2563eb);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.contract-hoofd-naam{color:var(--kleur-tekst);font-size:16px;font-weight:700}.contract-hoofd-sub{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:12px}.contract-titel-invoer{width:100%;font-size:15px;font-weight:700}.knop-icoon-klein{border:1px solid var(--kleur-rand,#e5e7eb);cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border-radius:4px;align-items:center;padding:1px 5px;line-height:1;display:inline-flex}.knop-icoon-klein:hover{color:var(--kleur-tekst);background:#f9fafb}.contract-layout{grid-template-columns:156px 1fr;align-items:start;gap:14px;display:grid}.contract-sidenav{flex-direction:column;gap:2px;padding:4px 0;display:flex;position:sticky;top:168px}.contract-inhoud{flex-direction:column;gap:10px;display:flex}.sidenav-item{text-align:left;cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:6px;padding:7px 10px;font-size:13px;transition:background .1s}.sidenav-item:hover{color:var(--kleur-tekst);background:#f3f4f6}.sidenav-item.actief{color:var(--kleur-primair,#2563eb);background:#eff6ff;font-weight:600}.sectie-kaart{padding:16px 18px}.info-knop-wrapper{vertical-align:middle;align-items:center;margin-left:5px;display:inline-flex;position:relative}.info-knop{border:1.5px solid var(--kleur-tekst-zacht);width:14px;height:14px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Georgia,serif;font-size:9px;font-style:italic;font-weight:700;line-height:1;transition:border-color .15s,color .15s;display:inline-flex}.info-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.info-popup{color:#f1f5f9;text-transform:none;letter-spacing:0;white-space:normal;z-index:200;pointer-events:none;background:#1e293b;border-radius:6px;width:230px;padding:9px 11px;font-size:11px;font-weight:400;line-height:1.55;display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0000002e}.info-popup:after{content:"";border:5px solid #0000;border-top-color:#1e293b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.info-knop-wrapper:hover .info-popup{display:block}.sectie-kaart.sectie-actief{outline:2px solid var(--kleur-primair);outline-offset:-1px}.sectie-kaart-titel{text-transform:uppercase;letter-spacing:.5px;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand,#e5e7eb);margin-bottom:12px;padding-bottom:8px;font-size:10px;font-weight:700}.sectie-kaart .veld-groep input.invoer:not([type=date]):not([readonly]),.sectie-kaart .veld-groep input.invoer[type=number]{max-width:280px}.sectie-kaart .veld-groep select.invoer{background-color:#f8fafc;max-width:280px;padding-right:28px}.sectie-kaart .veld-groep select.invoer:hover:not(:disabled){border-color:var(--kleur-primair);background-color:#eff6ff}.sectie-kaart .veld-groep select.invoer:focus{background-color:#fff}.veld-rij{grid-template-columns:1fr 1fr;gap:10px 16px;margin-bottom:10px;display:grid}.veld-groep{flex-direction:column;gap:4px;display:flex}.veld-label{text-transform:uppercase;letter-spacing:.3px;color:var(--kleur-tekst-zacht);font-size:10px;font-weight:600}.weergave-waarde{color:var(--kleur-tekst);font-size:13px;font-weight:500}.intern-melding{color:var(--kleur-tekst-zacht);margin:0;font-size:11px;font-style:italic;line-height:1.4}.getekend-banner{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.activatie-melding{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.activatie-melding button{cursor:pointer;color:#166534;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:13px}.activatie-melding button:hover{opacity:1}.activatie-melding.fout{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.activatie-melding.fout button{color:#991b1b}.terug-knop{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst);background:0 0;border-radius:5px;padding:6px 12px;font-size:12px}.terug-knop:hover{background:#f9fafb}.knop-verwijder{border:1px solid var(--kleur-negatief);color:var(--kleur-negatief);cursor:pointer;background:#fff;border-radius:5px;padding:6px 14px;font-size:12px}.knop-verwijder:hover{background:#fee2e2}.knop-verwijder-bevestig{background:var(--kleur-negatief);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500}.knop-verwijder-bevestig:hover{background:#b91c1c}.badge-grijs{color:#64748b;background:#f1f5f9}.badge-groen{color:#166534;background:#dcfce7}.badge-groen-fel{color:#14532d;background:#bbf7d0}.badge-oranje{color:#c2410c;background:#fff7ed}.badge-rood{color:#991b1b;background:#fee2e2}.badge-blauw{color:#1d4ed8;background:#dbeafe}.badge-paars{color:#7e22ce;background:#f3e8ff;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700}.contract-regels-editor{flex-direction:column;gap:6px;display:flex}.regel-editor-rij{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.regel-editor-rij .r-omschr{flex:2;min-width:120px}.regel-editor-rij .r-freq{width:100px}.regel-editor-rij .r-aantal,.regel-editor-rij .r-eenheid{width:55px}.regel-editor-rij .r-tarief{width:75px}.regel-editor-rij .r-korting{width:55px}.regel-editor-rij .r-btw{width:65px}.regel-editor-rij .r-budgetu{width:50px}.r-nacalc{cursor:pointer;white-space:nowrap;align-items:center;gap:3px;display:flex}.regel-editor-kopregel{align-items:center;gap:6px;padding:4px 0;display:flex}.regel-verwijder-knop{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:16px;line-height:1}.regel-verwijder-knop:hover{color:var(--kleur-negatief)}.contract-regels-tabel{table-layout:fixed;width:100%;min-width:1040px;font-size:13px}.contract-regels-tabel th,.contract-regels-tabel td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contract-regels-tabel td:nth-child(2),.contract-regels-tabel th:nth-child(2){white-space:normal}.detail-regel-blok{margin-bottom:16px}.detail-regel-blok-titel{text-transform:uppercase;letter-spacing:.4px;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);margin-bottom:4px;padding:4px 0 6px;font-size:11px;font-weight:700}.bijlage-rij{border-bottom:1px solid var(--kleur-rand);align-items:center;gap:10px;padding:6px 0;display:flex}.bijlage-naam{flex:1;font-size:13px;font-weight:500}.detail-link{color:var(--kleur-primair);font-size:13px}.detail-link:hover{text-decoration:underline}.mijlpaal-rij{border-bottom:1px solid var(--kleur-rand);align-items:baseline;gap:10px;padding:6px 0;display:flex}.mijlpaal-naam{flex:1;font-size:13px;font-weight:500}.mijlpaal-meta{color:var(--kleur-tekst-zacht);font-size:11px}.modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-venster{background:var(--kleur-kaart,white);border-radius:10px;width:90%;max-height:80vh;padding:24px;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.modal-sluit{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;font-size:20px;line-height:1}.modal-sluit:hover{color:var(--kleur-tekst)}.opmerkingen-tab{flex-direction:column;gap:0;display:flex}.opmerking-rij{border-bottom:1px solid var(--kleur-rand);padding:10px 0}.opmerking-meta{align-items:center;gap:10px;margin-bottom:4px;display:flex}.opmerking-auteur{font-size:12px;font-weight:600}.opmerking-datum{color:var(--kleur-tekst-zacht);flex:1;font-size:11px}.opmerking-verwijder{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:0 2px;font-size:14px}.opmerking-verwijder:hover{color:var(--kleur-negatief)}.opmerking-tekst{white-space:pre-wrap;font-size:13px}.opmerking-invoer{padding-top:12px}.leeg-melding{color:var(--kleur-tekst-zacht);padding:8px 0;font-size:13px;font-style:italic}.historie-tijdlijn{flex-direction:column;gap:0;display:flex}.historie-item{gap:12px;padding:10px 0;display:flex;position:relative}.historie-item:not(:last-child):after{content:"";background:var(--kleur-rand);width:2px;position:absolute;top:32px;bottom:0;left:6px}.historie-punt{background:var(--kleur-primair);border-radius:50%;width:14px;min-width:14px;height:14px;margin-top:2px}.historie-inhoud{flex:1}.historie-gebeurtenis{font-size:13px;font-weight:500}.historie-details{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:12px}.historie-datum{color:var(--kleur-tekst-zacht);margin-top:2px;font-size:11px}@media (width<=680px){.contract-layout{grid-template-columns:1fr}.contract-sidenav{flex-flow:wrap;position:static}.veld-rij{grid-template-columns:1fr}}.contract-regel-tabel{border-collapse:collapse;width:100%;margin-bottom:10px;font-size:12px}.contract-regel-tabel th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:5px 6px;font-size:10px;font-weight:600}.contract-regel-tabel td{vertical-align:middle;padding:4px 6px}.contract-regel-tabel tbody tr:nth-child(2n){background:#f8fafc}.contract-regel-tabel tbody tr:hover{background:var(--kleur-hover,#eaf3de)}.contract-regel-tabel .invoer{padding:4px 6px;font-size:12px}.contract-regel-tabel tfoot td{border-top:1px solid var(--kleur-rand);padding:5px 6px}.regel-tabel-totaal,.contractregel-kopregel{background:#f8fafc}.contractregel-kopregel td{padding:3px 6px}.contractregel-kopregel .invoer{color:var(--kleur-tekst);background:0 0;border-color:#0000;font-size:12px;font-weight:600}.contractregel-kopregel .invoer:focus{border-color:var(--kleur-primair);background:#fff}.regel-volgorde-knoppen{flex-direction:column;gap:1px;display:flex}.regel-volgorde-knoppen button{cursor:pointer;width:16px;height:13px;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;font-size:8px;line-height:1;display:flex}.regel-volgorde-knoppen button:hover:not(:disabled){background:var(--kleur-hover);color:var(--kleur-tekst)}.regel-volgorde-knoppen button:disabled{opacity:.25;cursor:default}.knop-toevoegen-kopregel{color:var(--kleur-tekst-zacht);border-color:var(--kleur-rand);background:#f8fafc}.knop-toevoegen-kopregel:hover{color:var(--kleur-tekst);background:#f1f5f9}.type-badge{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;font-weight:700;transition:opacity .1s,transform .1s;display:inline-flex}.type-badge:hover{opacity:.8;transform:scale(1.1)}.type-badge-abonnement{color:#1d4ed8;background:#dbeafe}.type-badge-project{color:#166534;background:#dcfce7}.type-badge-leeg{color:#94a3b8;background:#f1f5f9;border:1px dashed #cbd5e1}.contractregels-blok{margin-bottom:16px;overflow-x:auto}.contractregels-blok-titel{text-transform:uppercase;letter-spacing:.4px;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);margin-bottom:4px;padding:4px 0 6px;font-size:11px;font-weight:700}.contractskorting-rij{justify-content:flex-end;align-items:center;gap:10px;padding:6px 0 10px;font-size:13px;display:flex}.korting-cel{align-items:center;gap:4px;display:flex}.korting-type-knop{border:1px solid var(--kleur-rand);width:22px;height:22px;color:var(--kleur-tekst-zacht);cursor:pointer;background:#f1f5f9;border-radius:4px;flex-shrink:0;padding:0;font-size:11px;font-weight:700;transition:background .1s,color .1s}.korting-type-knop:hover{color:var(--kleur-tekst);background:#e2e8f0}.contractwaarde-blok{border:1px solid var(--kleur-rand);background:#f8fafc;border-radius:6px;margin-top:8px;padding:12px 16px}.contractwaarde-rijen{flex-direction:column;gap:5px;display:flex}.contractwaarde-rij{color:var(--kleur-tekst-zacht);align-items:center;gap:8px;font-size:13px;display:flex}.contractwaarde-rij>span:first-child{flex-shrink:0;width:40%}.contractwaarde-rij>span:last-child{text-align:right;min-width:90px;margin-left:auto}.contractwaarde-uren{text-align:right;min-width:70px;color:var(--kleur-tekst-zacht);opacity:.75;flex-shrink:0;font-size:11px}.contractwaarde-korting span:last-child{color:var(--kleur-negatief,#dc2626)}.contractwaarde-totaal-rij{color:var(--kleur-tekst);border-top:1px solid var(--kleur-rand);margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.contractwaarde-eur-equivalent{color:var(--kleur-tekst-zacht);border-top:1px dashed var(--kleur-rand);margin-top:2px;padding-top:4px;font-size:12px;font-style:italic}.valuta-koers-info{color:var(--kleur-tekst-zacht);margin-top:4px;font-size:11px}.valuta-koers-datum{color:#94a3b8}.valuta-geen-koers{color:var(--kleur-negatief,#dc2626);font-style:italic}.excl-btw-melding{color:var(--kleur-tekst-zacht);border-top:1px solid var(--kleur-rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;margin-bottom:0;padding-top:8px;font-size:11px;font-style:italic;display:flex}.excl-btw-bedrag{white-space:nowrap;color:var(--kleur-tekst);font-size:12px;font-style:normal;font-weight:600}.bijlage-rij-form{border-bottom:1px solid var(--kleur-rand);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.bijlage-bestandsnaam{color:var(--kleur-tekst-zacht);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}.bijlage-meegestuurd-label{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.mijlpaal-rij-form{border-bottom:1px solid var(--kleur-rand);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.mijlpaal-naam-form{flex:1;min-width:0;font-weight:500}.mijlpaal-meta-form{color:var(--kleur-tekst-zacht);white-space:nowrap;font-size:12px}.mijlpaal-budget-overzicht{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:10px;padding:8px 12px}.mijlpaal-budget-rij{border-bottom:1px solid #e0f2fe;flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;font-size:12px;display:flex}.mijlpaal-budget-rij:last-child{border-bottom:none}.mijlpaal-budget-pool-totaal{border-top:1px solid #7dd3fc;margin-top:2px;font-weight:600}.mijlpaal-budget-label{flex:1;min-width:120px;font-weight:500}.mijlpaal-budget-totaal{color:var(--kleur-tekst);white-space:nowrap;font-weight:600}.mijlpaal-budget-verdeeld{color:#6b7280;white-space:nowrap;font-size:11px}.mijlpaal-budget-resterend{color:#2563eb;white-space:nowrap;font-size:11px}.mijlpaal-budget-resterend.volledig{color:#16a34a;font-weight:600}.mijlpaal-budget-resterend.overschreden{color:var(--kleur-negatief,#dc2626);font-weight:600}.mijlpaal-budget-live{border:1px solid var(--kleur-rand);background:#f8fafc;border-radius:5px;margin-top:10px;padding:8px 12px;font-size:12px}.mijlpaal-budget-live-rij{color:var(--kleur-tekst-zacht);justify-content:space-between;align-items:center;padding:2px 0;display:flex}.mijlpaal-budget-live-totaal{color:var(--kleur-tekst);border-top:1px solid var(--kleur-rand);justify-content:space-between;margin-top:4px;padding-top:5px;font-weight:600;display:flex}.mijlpaal-budget-live-totaal.rood span:last-child{color:var(--kleur-negatief,#dc2626)}.mijlpaal-budget-live-totaal.groen span:last-child{color:#16a34a}.mijlpaal-pct-invoer{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mijlpaal-pct-suffix{color:var(--kleur-tekst-zacht);font-size:13px;font-weight:600}.mijlpaal-pct-berekend{color:var(--kleur-primair);white-space:nowrap;font-size:13px;font-weight:600}.mijlpaal-pct-grondslag{color:#6b7280;font-size:11px;font-weight:400}.mijlpaal-toevoeg-blok{border:1px solid var(--kleur-rand);background:#f8fafc;border-radius:6px;margin-top:8px;padding:12px}.mijlpaal-toevoeg-rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mijlpaal-regel-keuze{margin-top:10px}.checkbox-label{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.checkbox-label input{cursor:pointer}.invoer-klein{max-width:100px}.artikel-kiezer-venster{flex-direction:column;width:90%;max-width:800px;max-height:86vh;padding:0;display:flex;overflow:hidden}.artikel-kiezer-venster .modal-header{flex-shrink:0;margin-bottom:0;padding:16px 20px 0}.artikel-kiezer-venster .tab-balk{flex-shrink:0;margin-bottom:0;padding:0 20px}.artikel-kiezer-inhoud{flex:1;min-height:0;display:flex;overflow:hidden}.artikel-kiezer-links{border-right:1px solid var(--kleur-rand);flex-direction:column;width:38%;padding:10px;display:flex;overflow:hidden}.artikel-kiezer-zoek{flex-shrink:0;width:100%;margin-bottom:8px}.artikel-kiezer-lijst{flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.artikel-kiezer-rij{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.artikel-kiezer-rij:hover{background:var(--kleur-achtergrond)}.artikel-kiezer-rij.actief{background:var(--kleur-achtergrond);outline:2px solid var(--kleur-primair)}.artikel-kiezer-naam{font-size:13px;font-weight:500}.artikel-kiezer-code{color:var(--kleur-tekst-zacht);font-size:11px}.artikel-kiezer-rechts{flex:1;padding:12px 16px;overflow-y:auto}.artikel-kiezer-leeg{color:var(--kleur-tekst-zacht);padding:12px 0;font-size:13px}.artikel-kiezer-art-header{border-bottom:1px solid var(--kleur-rand);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;display:flex}.artikel-kiezer-art-naam{font-size:14px;font-weight:600}.artikel-kiezer-art-code{color:var(--kleur-tekst-zacht);margin-left:4px;font-size:11px}.artikel-kiezer-sectie{margin-bottom:16px}.artikel-kiezer-sectie-titel{text-transform:uppercase;letter-spacing:.4px;color:var(--kleur-tekst-zacht);margin-bottom:6px;font-size:11px;font-weight:700}.artikel-kiezer-mini-tabel{border-collapse:collapse;width:100%;font-size:12px}.artikel-kiezer-mini-tabel th{text-align:left;background:var(--kleur-achtergrond);border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);padding:4px 8px;font-weight:600}.artikel-kiezer-mini-tabel td{border-bottom:1px solid var(--kleur-rand);padding:5px 8px}.kiezer-kiesbaar{cursor:pointer}.kiezer-kiesbaar:hover{background:var(--kleur-achtergrond)}.kiezer-kiesbaar.actief{background:var(--kleur-achtergrond);outline:2px solid var(--kleur-primair)}.artikel-kiezer-bundels{flex-direction:column;flex:1;gap:4px;padding:10px 16px;display:flex;overflow-y:auto}.bundel-rij{border:1px solid var(--kleur-rand);cursor:pointer;border-radius:8px;padding:8px 12px;transition:border-color .12s}.bundel-rij:hover,.bundel-rij.actief{border-color:var(--kleur-primair);background:var(--kleur-achtergrond)}.bundel-rij-hoofd{justify-content:space-between;align-items:center;display:flex}.bundel-naam{font-size:13px;font-weight:600}.bundel-code{color:var(--kleur-tekst-zacht);margin-left:6px;font-size:11px}.bundel-uitklap-knop{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.bundel-uitklap-knop:hover{background:var(--kleur-rand)}.bundel-onderdelen{flex-direction:column;gap:3px;margin-top:8px;display:flex}.bundel-onderdeel-rij{background:var(--kleur-achtergrond);border-radius:4px;align-items:center;gap:8px;padding:3px 6px;font-size:12px;display:flex}.bundel-onderdeel-naam{flex:1}.bundel-onderdeel-aantal{color:var(--kleur-tekst-zacht);white-space:nowrap}.bundel-onderdeel-korting{color:var(--kleur-positief,#16a34a);white-space:nowrap;font-size:11px}.artikel-kiezer-footer{border-top:1px solid var(--kleur-rand);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.artikel-kiezer-cel{cursor:pointer;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:5px;align-items:center;gap:4px;min-width:100px;padding:3px 6px;font-size:12px;transition:border-color .12s;display:flex}.artikel-kiezer-cel:hover{border-color:var(--kleur-primair)}.artikel-kiezer-cel .kiezer-tekst{color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.artikel-kiezer-cel .kiezer-placeholder{color:var(--kleur-tekst-zacht);flex:1}.artikel-kiezer-cel .kiezer-icoon{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;line-height:1}.kiezer-compact-knop{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-primair);background:0 0;border-radius:4px;padding:2px 5px;font-size:13px;line-height:1}.kiezer-compact-knop:hover{border-color:var(--kleur-primair);background:var(--kleur-achtergrond)}.contractregel-bundel-kopregel td{background:var(--kleur-achtergrond)}.contractregel-bundel-item td{background:var(--kleur-achtergrond);opacity:.85}.contractregel-bundel-item{opacity:.9}.plan-knop{border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border-radius:4px;padding:2px 5px;font-size:13px;line-height:1;transition:border-color .15s,color .15s}.plan-knop:hover{border-color:var(--kleur-primair);color:var(--kleur-primair)}.plan-knop-actief{color:#b45309;background:#fef9c3;border-color:#f59e0b}.plan-knop-actief:hover{color:#92400e;background:#fef08a;border-color:#d97706}.start-keten-pill{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:1px 5px;font-size:11px;display:inline-block}.tarief-staffel{color:#6b7280;white-space:nowrap;font-size:11px}.planning-pop-rij td{border-top:none;padding:0}.planning-pop{background:var(--kleur-kaart);color:var(--kleur-tekst);border-top:3px solid var(--kleur-primair);border-bottom:1px solid var(--kleur-rand);flex-wrap:wrap;align-items:flex-start;gap:24px;padding:14px 16px 12px;font-size:13px;display:flex;position:relative}.planning-pop-sluit{color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}.planning-pop-sluit:hover{background:var(--kleur-hover);color:var(--kleur-tekst)}.planning-pop-footer{border-top:1px solid var(--kleur-rand);justify-content:space-between;align-items:center;width:100%;margin-top:4px;padding-top:8px;display:flex}.planning-pop-klaar{padding:4px 14px;font-size:12px}.planning-sectie{flex-direction:column;gap:8px;min-width:210px;display:flex}.planning-sectie-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.planning-segmented{gap:0;display:flex}.planning-seg-knop{background:var(--kleur-invoer);border:1px solid var(--kleur-rand);cursor:pointer;color:var(--kleur-tekst);padding:5px 11px;font-size:12px;line-height:1.4;transition:background .1s,color .1s}.planning-seg-knop:first-child{border-radius:4px 0 0 4px}.planning-seg-knop:last-child{border-radius:0 4px 4px 0}.planning-seg-knop+.planning-seg-knop{margin-left:-1px}.planning-seg-knop:hover{background:var(--kleur-hover)}.planning-seg-knop.actief{background:var(--kleur-primair);border-color:var(--kleur-primair);color:#fff;z-index:1;position:relative}.planning-info{color:var(--kleur-tekst-zacht);margin:0;font-size:12px;font-style:italic}.planning-velden{flex-direction:column;gap:8px;display:flex}.planning-veld{flex-direction:column;gap:3px;font-size:12px;display:flex}.planning-veld>span{color:var(--kleur-tekst);font-size:11px;font-weight:600}.planning-staffel-toggle{cursor:pointer;color:var(--kleur-tekst);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.staffel-sectie{flex-direction:column;gap:6px;display:flex}.staffel-tabel{border-collapse:collapse;font-size:12px}.staffel-tabel th{text-align:left;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);padding:3px 6px;font-size:11px;font-weight:700}.staffel-tabel td{padding:2px 4px}.staffel-tabel .invoer-klein{width:80px}.staffel-fouten{margin-top:4px}.staffel-fout{color:var(--kleur-negatief,#dc2626);padding:2px 0;font-size:11px}.contract-document-venster{flex-direction:column;width:92vw;max-width:900px;max-height:92vh;display:flex}.contract-document-scroll{background:var(--kleur-achtergrond,#f3f4f6);margin:0 -18px -18px;padding:18px;overflow:auto}.cd-document{--cd-accent:#4d7fff;color:#1a1a1a;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:40px 44px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5}.cd-document h1,.cd-document h2{letter-spacing:normal;font-family:inherit}.cd-kop{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.cd-doctype{text-transform:uppercase;letter-spacing:.12em;color:var(--cd-accent);margin-bottom:2px;font-size:10px;font-weight:600}.cd-titel{color:#111827;text-wrap:balance;margin:0 0 4px;font-size:22px;font-weight:700}.cd-kop-meta{color:#6b7280;font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;font-size:11px;display:flex}.cd-logo{object-fit:contain;max-width:180px;max-height:56px}.cd-kop-lijn{border-top:2px solid var(--cd-accent);margin:14px 0 24px}.cd-sectie{margin-bottom:24px}.cd-sectie-titel{color:#111827;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.cd-sectie-nr{background:var(--cd-accent);color:#fff;border-radius:3px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10.5px;font-weight:700;display:inline-flex}.cd-kolommen{gap:32px;display:flex}.cd-kolom{flex:1;min-width:0}.cd-kolom-kop{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:6px;font-size:10px}.cd-gegevensrij{border-bottom:1px solid #f3f4f6;align-items:baseline;gap:8px;padding:2px 0;font-size:11.5px;display:flex}.cd-label{color:#6b7280;flex:none;min-width:118px}.cd-waarde{color:#111827;word-break:break-word;font-weight:500}.cd-leeg{border-bottom:1px dotted #d1d5db;flex:1;align-self:flex-end;height:11px}.cd-leeg-blok{border:1px dashed #e5e7eb;border-radius:4px;height:56px}.cd-vrije-tekst{white-space:pre-wrap;color:#374151;margin:0;font-size:12px}.cd-regels-tabel{border-collapse:collapse;width:100%;font-size:11.5px}.cd-regels-tabel thead tr{background:#f3f4f6}.cd-regels-tabel th{text-align:left;color:#374151;white-space:nowrap;border-bottom:2px solid #d1d5db;padding:6px 8px;font-size:11px;font-weight:600}.cd-th-omschrijving{width:40%}.cd-th-freq{width:13%}.cd-th-aantal{text-align:right;width:9%}.cd-th-eenheid{width:11%}.cd-th-tarief{text-align:right;width:13%}.cd-th-totaal{text-align:right;width:14%}.cd-regels-tabel td{vertical-align:top;border-bottom:1px solid #f3f4f6;padding:5px 8px}.cd-getal{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cd-totaalcel{font-weight:500}.cd-kopregel td{background:#fafafa;padding-top:9px;font-weight:600}.cd-bundel-item td{color:#6b7280;padding-left:18px}.cd-bundel-item td:not(:first-child){padding-left:8px}.cd-geen-regels{color:#9ca3af;margin:0;font-size:11.5px;font-style:italic}.cd-bundels{margin-top:14px}.cd-subtotaal{color:#4b5563;justify-content:flex-end;align-items:baseline;gap:16px;padding:4px 8px;font-size:11.5px;display:flex}.cd-subtotaal-bedrag{text-align:right;font-variant-numeric:tabular-nums;color:#111827;min-width:96px;font-weight:600}.cd-korting .cd-subtotaal-bedrag{color:#b45309}.cd-eindtotaal{background:var(--cd-accent);color:#fff;border-radius:4px;justify-content:flex-end;align-items:baseline;gap:16px;margin-top:6px;padding:7px 8px;font-size:12.5px;font-weight:700;display:flex}.cd-eindtotaal .cd-subtotaal-bedrag{color:#fff}.cd-voorwaarden{margin-top:14px}.cd-btw-melding{color:#6b7280;margin:8px 0 0;font-size:10.5px}.cd-onder-sectie{break-inside:avoid;page-break-inside:avoid;border-top:1px solid #e5e7eb;margin-top:28px;padding-top:18px}.cd-onder-inleiding{color:#4b5563;margin:0 0 14px;font-size:11.5px}.cd-onder-kolommen{gap:32px}.cd-onder-blok{border:1px solid #e5e7eb;border-top:3px solid var(--cd-accent);border-radius:0 0 4px 4px;flex:1;min-width:0;padding:12px 14px 14px}.cd-handtekening{margin-top:10px}.cd-handtekening .cd-label{margin-bottom:4px;font-size:11.5px;display:block}.cd-handtekening-vak{border-bottom:1px solid #9ca3af;align-items:flex-end;height:66px;display:flex}.cd-handtekening-beeld{object-fit:contain;max-width:100%;max-height:62px}.cd-voettekst{margin-top:24px}.cd-voettekst-lijn{border-top:1px solid #d1d5db;margin-bottom:8px}.cd-voettekst-tekst{color:#6b7280;text-align:center;font-size:10.5px}.cd-document .cd-regels-tabel thead tr,.cd-document .cd-regels-tabel th{color:#374151!important;background:#f3f4f6!important;border-color:#d1d5db!important}.cd-document .cd-regels-tabel tbody tr,.cd-document .cd-regels-tabel tbody tr:hover,.cd-document .cd-regels-tabel tbody tr:nth-child(2n){background:0 0!important}.cd-document .cd-regels-tabel td{color:#1a1a1a!important;background:0 0!important;border-color:#f3f4f6!important;font-size:11.5px!important}.cd-document .cd-regels-tabel .cd-kopregel td{background:#fafafa!important}.cd-document .cd-regels-tabel .cd-bundel-item td{color:#6b7280!important}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.print-verberg,.hoofd-layout aside,.top-balk,.scroll-omhoog-knop{display:none!important}.hoofd-layout{display:block!important}.hoofd-inhoud{height:auto!important;overflow:visible!important}.cd-document{box-shadow:none!important;border:none!important;border-radius:0!important;max-width:100%!important;padding:0!important}.cd-sectie{break-inside:avoid-page}.cd-regels-tabel thead{display:table-header-group}}.af-rij{border-top:1px solid var(--kleur-rand,#f1f5f9);grid-template-columns:260px minmax(150px,1fr) minmax(150px,1fr);align-items:center;gap:8px;padding:4px 0;display:grid}.af-rij.af-kop{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-top:none;padding-bottom:6px;font-size:10px;font-weight:700}.af-rij.af-kop em{text-transform:none;letter-spacing:0;opacity:.75;font-style:normal;font-weight:600}.af-vak-naam{font-size:12px;font-weight:600;display:block}.af-vak-oms{margin-top:1px;font-size:10px;display:block}.af-bedrag{font-variant-numeric:tabular-nums;text-align:right;background:var(--kleur-rand-zacht,#f8fafc);color:var(--kleur-tekst,#1f2937);border:1px solid #0000;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.af-bedrag.nul{color:#94a3b8;font-weight:400}.af-toelichting{color:#94a3b8;margin-top:1px;font-size:10px;font-weight:400;display:block}.af-uitkomst-label{font-size:12px;font-weight:700}.af-uitkomst-label.groot{font-size:13px;font-weight:800}.af-uitkomst{color:#374151;background:#f1f5f9;align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.af-uitkomst.groot{font-size:14px;font-weight:800}.af-sectiebreak{border-top:2px solid #e2e8f0;margin-top:2px;padding-top:6px;padding-bottom:2px}.af-sectiebreak span{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.af-periode{align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.af-periode .art-label{font-size:11px}.af-periode .art-invoer{padding:5px 8px;font-size:12px}.af-periode input[type=number]{width:80px}.af-vakken{padding:14px 16px}.af-overig{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.af-overig .art-sectie-titel{margin-bottom:2px;font-size:12px}.af-overig .art-label{font-size:11px}.af-overig .art-invoer{padding:5px 8px;font-size:12px}.af-overig textarea.art-invoer{resize:vertical}@media (width<=860px){.af-rij{grid-template-columns:1fr}.af-rij.af-kop{display:none}}.bt-subtabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.bt-subtab{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;text-align:left;color:inherit;border-radius:8px;padding:7px 14px;line-height:1.25}.bt-subtab:hover{border-color:#94a3b8}.bt-subtab.actief{border-color:var(--kleur-primair,#2563eb);box-shadow:inset 0 -2px 0 var(--kleur-primair,#2563eb)}.bt-subtab-naam{font-size:13px;font-weight:700;display:block}.bt-subtab-rol{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-top:2px;font-size:10px;font-weight:700;display:block}.bt-subtab-rol.rol-aan-de-beurt{color:#b45309}.bt-subtab-rol.rol-lopend{color:#2563eb}.bt-subtab-rol.rol-ingediend{color:#16a34a}.bt-controle{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:12px 16px;font-size:12px}.bt-controle-schoon{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.bt-open{margin-bottom:10px}.bt-open-keuze{cursor:pointer;align-items:center;gap:7px;font-weight:700;display:flex}.bt-open-keuze input{cursor:pointer}.bt-open-melding{margin:4px 0 0 24px}.bt-melding+.bt-melding{margin-top:10px}.bt-melding-kop{align-items:center;gap:7px;font-weight:700;display:flex}.bt-aantal{color:#78350f;font-variant-numeric:tabular-nums;background:#fcd34d;border-radius:10px;padding:0 7px;font-size:11px}.bt-melding ul{margin:4px 0 0;padding-left:18px}.bt-melding li{margin-bottom:2px}.bt-meer{opacity:.7;margin-left:-18px;list-style:none}.bt-overnemen-balk{color:var(--kleur-tekst-zacht,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.bt-herkomst{margin-top:14px}.bt-herkomst-vak{margin-top:12px}.bt-herkomst-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht,#64748b);margin-bottom:4px;font-size:11px;font-weight:700}.bt-herkomst table{font-size:12px}.bt-verwerk-knop{margin-left:8px;padding:2px 9px;font-size:11px}.af-uit-boekhouding{opacity:.6;font-style:italic}.bt-openlijst{margin:8px 0 0 24px}.bt-openlijst table{background:var(--kleur-kaart,#fff);font-size:12px}.bt-openlijst-acties{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.bt-openlijst-hint{opacity:.8;font-size:11px}.bt-naar-controlelijst{color:var(--kleur-tekst-zacht,#64748b);margin-top:14px;font-size:12px}.bc-uitleg{color:var(--kleur-tekst-zacht,#64748b);max-width:78ch;margin:0 0 14px;font-size:12px}.bc-balk{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.bc-balk label{color:var(--kleur-tekst-zacht,#64748b);flex-direction:column;gap:3px;font-size:11px;display:flex}.bc-balk .art-invoer{padding:5px 8px;font-size:12px}.bc-balk input[type=number]{width:84px}.bc-vinkje{cursor:pointer;align-items:center;padding-bottom:5px;font-size:12px;flex-direction:row!important;gap:6px!important}.bc-kolomkiezer{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:8px;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;padding:10px 14px;display:flex}.bc-kolomkiezer label{cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.bc-tabel-wrapper{overflow-x:auto}.bc-tabel-wrapper table{min-width:100%;font-size:12px}.bc-tabel-wrapper td,.bc-tabel-wrapper th{white-space:nowrap}.bc-getal{text-align:right;font-variant-numeric:tabular-nums}.bc-zonder-vak{background:#fffbeb}.bc-zonder-vak td{color:#78350f}.bc-tabel-wrapper tfoot td{border-top:2px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-rand-zacht,#f8fafc);font-weight:700}.bc-vaktotalen{max-width:460px;margin-top:18px}.bc-vaktotalen-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht,#64748b);margin-bottom:6px;font-size:11px;font-weight:700}.bc-boekstuk{font:inherit;color:var(--kleur-primair,#2563eb);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.bc-popup{padding:16px 18px 18px}.bc-popup-oms{margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.3}.bc-popup-kop{background:var(--kleur-rand-zacht,#f8fafc);border:1px solid var(--kleur-rand,#e2e8f0);border-radius:8px;flex-wrap:wrap;gap:6px 28px;margin:0 0 16px;padding:10px 12px;display:flex}.bc-popup-kop dt{text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-tekst-zacht,#94a3b8);margin-bottom:1px;font-size:10px;font-weight:700}.bc-popup-kop dd{font-variant-numeric:tabular-nums;margin:0;font-size:12.5px}.bc-popup-tabel{width:100%;font-size:12.5px}.bc-popup-tabel th,.bc-popup-tabel td{padding:6px 10px}.bc-popup-tabel tbody tr+tr td{border-top:1px solid var(--kleur-rand-zacht,#f1f5f9)}.bc-popup-tabel tfoot td{border-top:2px solid var(--kleur-rand,#e2e8f0);padding-top:8px;font-weight:700}.bc-uit-balans{color:#dc2626}.bc-popup-acties{border-top:1px solid var(--kleur-rand,#e2e8f0);gap:8px;margin-top:16px;padding-top:14px;display:flex}.module-landing{padding:0}.module-sectie{margin-bottom:32px}.module-sectie-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-tekst-zacht,#94a3b8);margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:700}.module-kaarten-rij{flex-wrap:wrap;gap:12px;display:flex}.module-kaart{cursor:pointer;background:var(--kleur-kaart,#fff);text-align:center;border:1.5px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:140px;min-height:110px;padding:16px 12px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1px 4px #00000012}.module-kaart:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.module-kaart-icoon{margin-bottom:8px;font-size:26px;line-height:1}.module-kaart-naam{color:var(--kleur-tekst,#1e293b);font-size:12px;font-weight:600}.module-kaart-blauw{background:var(--kleur-kaart);color:#3b82f6;border-color:#3b82f6}.module-kaart-groen{background:var(--kleur-kaart);color:#22c55e;border-color:#22c55e}.module-kaart-paars{background:var(--kleur-kaart);color:#a855f7;border-color:#a855f7}.module-kaart-oranje{background:var(--kleur-kaart);color:#f97316;border-color:#f97316}.module-kaart-rood{background:var(--kleur-kaart);color:#ef4444;border-color:#ef4444}.module-kaart-grijs{border-color:var(--kleur-rand);background:var(--kleur-kaart)}.module-kaart-binnenkort{cursor:default;opacity:.6}.module-kaart-binnenkort:hover{transform:none;box-shadow:0 1px 4px #00000012}.module-kaart-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--kleur-tekst-zacht,#94a3b8);background:var(--kleur-rand,#e2e8f0);border-radius:999px;margin-top:6px;padding:2px 8px;font-size:9px;font-weight:700}.st-team-rij{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.st-team-knop{border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:12.5px;transition:background .15s,border-color .15s,color .15s}.st-team-knop:hover{background:var(--kleur-primair-licht);border-color:var(--kleur-primair);color:var(--kleur-primair)}.st-team-knop.actief{background:var(--kleur-primair-licht);border-color:var(--kleur-primair);color:var(--kleur-primair);font-weight:600}.st-layout{align-items:flex-start;gap:16px;margin-top:16px;display:flex}.st-categorie-kolom{flex-direction:column;flex-shrink:0;gap:8px;width:220px;display:flex}.st-categorie-zoek{width:100%}.st-categorie-lijst{border:1px solid var(--kleur-rand);background:var(--kleur-kaart,#fff);border-radius:8px;flex-direction:column;gap:2px;max-height:60vh;padding:4px;display:flex;overflow-y:auto}.st-categorie-item{text-align:left;color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;display:flex;overflow:hidden}.st-categorie-item span:first-child{text-overflow:ellipsis;overflow:hidden}.st-categorie-item:hover{background:var(--kleur-primair-licht)}.st-categorie-item.actief{background:var(--kleur-primair-licht);color:var(--kleur-primair);font-weight:600}.st-categorie-aantal{color:var(--kleur-tekst-zacht);flex-shrink:0;font-size:11px}.st-categorie-nieuw{border:1px dashed var(--kleur-rand);justify-content:center}.st-categorie-item-knop{text-align:left;min-width:0;font:inherit;color:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:auto;padding:0;overflow:hidden}.st-categorie-verwijder{color:var(--kleur-tekst-zacht);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:13px;line-height:1}.st-categorie-verwijder:hover{opacity:1;color:#dc2626}.st-team-knop-virtueel{font-style:italic}.st-export-import{flex-direction:column;gap:4px;margin-top:10px;display:flex}.st-sjabloon-link{color:var(--kleur-primair);cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 0;font-size:11px;text-decoration:underline}.st-bulk-scheiding{background:var(--kleur-rand);align-self:stretch;width:1px;margin:0 4px}.st-nieuwe-categorie-form{border:1px solid var(--kleur-rand);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.st-tabel-kaart{flex:1;min-width:0;padding:12px 16px}.st-tabel-scroll{overflow-x:auto}.st-tabel{table-layout:fixed;border-collapse:collapse;width:100%;min-width:780px;font-size:12.5px}.st-tabel thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--kleur-tekst-zacht);border-bottom:1px solid var(--kleur-rand);white-space:nowrap;text-overflow:ellipsis;padding:6px 4px;font-size:10.5px;overflow:hidden}.st-tabel td{border-bottom:1px solid var(--kleur-rand);vertical-align:middle;white-space:nowrap;padding:6px 4px}.st-th-titel,td.st-th-titel{padding-left:8px}.st-th-titel{white-space:normal!important}.st-td-tijd{color:var(--kleur-tekst-zacht)}.st-td-rollup{color:var(--kleur-tekst);font-style:italic}.st-rij-data:hover,.st-niveau-0{background:var(--kleur-primair-licht)}.st-niveau-0 td{border-bottom-color:var(--kleur-primair);border-bottom-width:1.5px;font-size:13px;font-weight:700}.st-niveau-1 td,.st-niveau-2 td,.st-niveau-3 td{font-weight:400}.st-niveau-2 .st-titel,.st-niveau-3 .st-titel,.st-niveau-2 .st-titel-invoer,.st-niveau-3 .st-titel-invoer{color:var(--kleur-tekst-zacht)}.st-titel-cel{align-items:center;gap:6px;display:flex;overflow:hidden}.st-drag-handle{width:16px;color:var(--kleur-tekst-zacht);cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;line-height:1}.st-drag-handle:active{cursor:grabbing}.st-toggle{border:1px solid var(--kleur-rand);width:18px;height:18px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;font-size:11px;line-height:1}.st-toggle-placeholder{flex-shrink:0;width:18px}.st-titel{white-space:normal}.st-titel-invoer{background:0 0;border:1px solid #0000;flex:auto;min-width:60px;padding:3px 6px}.st-titel-invoer:hover,.st-titel-invoer:focus{border-color:var(--kleur-rand);background:var(--kleur-kaart,#fff)}.st-tijd-cel{box-sizing:border-box;text-align:right;background:0 0;border:1px solid #0000;width:100%;padding:3px 6px}.st-tijd-cel:hover,.st-tijd-cel:focus{border-color:var(--kleur-rand);background:var(--kleur-kaart,#fff)}.st-notitie-knop{cursor:pointer;opacity:.35;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:12px;line-height:1}.st-notitie-knop:hover{opacity:.8}.st-notitie-knop.heeft-notitie{opacity:.9}.st-notitie-rij td{background:var(--kleur-achtergrond,#f9fafb)}.st-notitie-form{white-space:normal;align-items:flex-start;gap:8px;display:flex}.st-notitie-form textarea{flex:1}.st-badge{text-transform:uppercase;letter-spacing:.03em;background:var(--kleur-rand);color:var(--kleur-tekst-zacht);white-space:nowrap;border:none;border-radius:8px;padding:1px 6px;font-size:8.5px}.st-badge-klikbaar{cursor:pointer}.st-badge-klikbaar:hover{filter:brightness(.95)}.st-badge:disabled{cursor:default}.st-prio-geen{color:var(--kleur-tekst-zacht);background:0 0}.st-prio-urgent{color:#b91c1c;background:#fee2e2}.st-prio-hoog{color:#c2410c;background:#ffedd5}.st-prio-normaal{color:#1d4ed8;background:#dbeafe}.st-prio-laag{color:#6b7280;background:#f3f4f6}.st-drop-before td{box-shadow:inset 0 2px 0 0 var(--kleur-primair)}.st-drop-after td{box-shadow:inset 0 -2px 0 0 var(--kleur-primair)}.st-drop-in td{box-shadow:inset 3px 0 0 0 var(--kleur-primair);background:var(--kleur-primair-licht)!important}.st-acties{align-items:center;gap:4px;display:flex}.st-acties-scheiding{background:var(--kleur-rand);flex-shrink:0;width:1px;height:14px;margin:0 2px}.st-pijl-knop{border:1px solid var(--kleur-rand);width:18px;height:18px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.st-pijl-knop:hover:not(:disabled){background:var(--kleur-primair-licht);color:var(--kleur-primair)}.st-pijl-knop:disabled{opacity:.3;cursor:default}.st-pijl-knop-toevoegen{color:#16a34a;border-color:#16a34a59}.st-pijl-knop-toevoegen:hover:not(:disabled){color:#16a34a;background:#16a34a1f}.st-pijl-knop-verwijder{color:#dc2626;border-color:#dc262659}.st-pijl-knop-verwijder:hover:not(:disabled){color:#dc2626;background:#dc26261f}.st-th-selectie{text-align:center;width:24px;padding-left:6px!important;padding-right:0!important}.st-rij-geselecteerd{background:var(--kleur-primair-licht)}.st-bulk-balk{background:var(--kleur-primair-licht);border:1px solid var(--kleur-primair);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.st-bulk-teller{color:var(--kleur-primair);align-self:center;margin-right:2px;font-size:12.5px;font-weight:600}.st-bulk-veld{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.03em;flex-direction:column;gap:3px;font-size:10.5px;display:flex}.st-bulk-veld select,.st-bulk-veld input{padding:4px 6px;font-size:12.5px}.st-bulk-veld-tijd input{text-align:right;width:60px}.st-bevestig-overlay{z-index:200;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.st-bevestig-overlay .bevestig-dialoog{background:var(--kleur-kaart,#fff);border-radius:8px;width:360px;max-width:calc(100vw - 32px);padding:24px;position:static;transform:none;box-shadow:0 8px 32px #00000040}.st-bevestig-overlay .bevestig-dialoog h3{color:var(--kleur-tekst);margin:0 0 8px;font-size:15px;font-weight:600}.st-bevestig-overlay .bevestig-dialoog p{color:var(--kleur-tekst-zacht);margin:0 0 18px;font-size:13px}.st-bevestig-overlay .bevestig-acties{justify-content:flex-end;gap:8px;display:flex}.st-bevestig-overlay .knop-verwijder-bevestig{background:var(--kleur-negatief,#dc2626);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:7px 16px;font-size:12px;font-weight:500}.st-bevestig-overlay .knop-verwijder-bevestig:hover:not(:disabled){background:#b91c1c}.st-bevestig-overlay .knop-verwijder-bevestig:disabled{opacity:.6;cursor:default}.urenstaat-hoofd,.urenstaat-tab{padding:4px 0}.urenstaat-weeknav{align-items:center;gap:12px;margin-bottom:18px;display:flex}.urenstaat-weeklabel{min-width:140px;font-size:14px;font-weight:600}.urenstaat-totaal{color:var(--kleur-tekst-zacht,#64748b);margin-left:auto;font-size:13px}.urenstaat-lege-staat{border:1px dashed var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#64748b);border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:60px 20px;display:flex}.urenstaat-lege-icoon{font-size:34px}.urenstaat-lege-knoppen{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.urenstaat-tabel td,.urenstaat-tabel th{vertical-align:middle}.urenstaat-overlay{z-index:400;background:#0f172a59;position:fixed;inset:0}.urenstaat-dialoog{background:var(--kleur-kaart,#fff);z-index:401;border-radius:12px;width:420px;max-width:92vw;max-height:85vh;padding:22px 24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 12px 40px #00000040}.urenstaat-dialoog h3{margin:0 0 16px;font-size:16px}.urenstaat-taak-item{border:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:13px;display:flex}.urenstaat-taak-item:hover{background:var(--kleur-primair-licht)}.urenstaat-taak-project{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11px}.fact-ja{color:#16a34a}.fact-nee{color:#dc2626}.urenstaat-slide-overlay{z-index:400;background:#0f172a59;position:fixed;inset:0}.urenstaat-slide-paneel{background:var(--kleur-kaart,#fff);z-index:401;width:480px;max-width:92vw;height:100vh;padding:24px;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0000002e}.urenstaat-slide-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.urenstaat-voortgang-track{background:var(--kleur-rand,#e2e8f0);border-radius:999px;height:8px;margin:8px 0 4px;overflow:hidden}.urenstaat-voortgang-vulling{background:var(--kleur-primair,#7e14ff);border-radius:999px;height:100%}.urenstaat-voortgang-vulling.over-capaciteit{background:#ef4444}.communicatie-pagina{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-kaart,#fff);border-radius:12px;height:calc(100vh - 140px);min-height:480px;display:flex;overflow:hidden}.chat-lijst-paneel{border-right:1px solid var(--kleur-rand,#e2e8f0);flex-direction:column;width:320px;min-width:260px;display:flex}.chat-lijst-header{border-bottom:1px solid var(--kleur-rand,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.chat-lijst-header h3{margin:0;font-size:14px}.chat-lijst{flex:1;overflow-y:auto}.chat-lijst-leeg{color:var(--kleur-tekst-zacht,#64748b);padding:20px 16px;font-size:13px}.chat-lijst-item{border:none;border-bottom:1px solid var(--kleur-rand,#f1f5f9);cursor:pointer;text-align:left;background:0 0;gap:10px;width:100%;padding:12px 16px;font-family:inherit;display:flex}.chat-lijst-item:hover,.chat-lijst-item.actief{background:var(--kleur-primair-licht)}.chat-avatar{background:var(--kleur-primair,#639922);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.chat-lijst-item-inhoud{flex:1;min-width:0}.chat-lijst-item-top{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.chat-naam{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.chat-favoriet-ster{color:#f59e0b}.chat-team-badge{padding:1px 6px;font-size:9px}.chat-tijd{color:var(--kleur-tekst-zacht,#94a3b8);white-space:nowrap;font-size:11px}.chat-lijst-item-onder{justify-content:space-between;align-items:center;gap:6px;margin-top:2px;display:flex}.chat-laatste-bericht{color:var(--kleur-tekst-zacht,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-ongelezen-badge{background:var(--kleur-primair,#639922);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 7px;font-size:11px;font-weight:700}.chat-venster-paneel{flex-direction:column;flex:1;min-width:0;display:flex}.chat-venster-leeg{color:var(--kleur-tekst-zacht,#64748b);justify-content:center;align-items:center;font-size:13px}.chat-venster-header{border-bottom:1px solid var(--kleur-rand,#e2e8f0);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.chat-venster-header h3{margin:0;font-size:14px}.chat-favoriet-knop{cursor:pointer;color:var(--kleur-tekst-zacht,#94a3b8);background:0 0;border:none;font-size:18px}.chat-favoriet-knop.actief{color:#f59e0b}.nieuwe-chat-lijst{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.nieuwe-chat-item{text-align:left;border:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px}.nieuwe-chat-item:hover{background:var(--kleur-primair-licht)}.nieuwe-chat-item:disabled{opacity:.6;cursor:default}.sticky-notes-pagina{padding:4px 0}.sticky-notes-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sticky-notes-header h2{margin:0;font-size:18px}.sticky-leeg{color:var(--kleur-tekst-zacht,#64748b);text-align:center;padding:40px 0;font-size:13px}.sticky-canvas{width:100%;position:relative}.sticky-kaart{border-radius:4px 4px 8px 8px;flex-direction:column;display:flex;position:absolute;box-shadow:0 4px 14px #0000001f}.sticky-kaart-header{border-radius:4px 4px 0 0}.sticky-tekst{border-radius:0 0 8px 8px}.sticky-kaart.sticky-dragging{opacity:.92;box-shadow:0 10px 30px #00000040}.sticky-kaart-header{background:#0000000f;flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;display:flex}.sticky-grip{cursor:grab;letter-spacing:-3px;color:#0006;touch-action:none;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:13px}.sticky-grip:active{cursor:grabbing}.sticky-titel{color:#000000d1;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:2px 4px;font-family:inherit;font-size:13px;font-weight:700}.sticky-titel::placeholder{color:#00000052;font-weight:400}.sticky-notes-pagina .sticky-canvas .sticky-kaart input.sticky-titel.sticky-titel{color:#000!important;background:0 0!important}.sticky-notes-pagina .sticky-canvas .sticky-kaart input.sticky-titel.sticky-titel::placeholder{color:#00000052!important}.sticky-kleur-wrapper{flex-shrink:0;position:relative}.sticky-kleur-knop{cursor:pointer;border:1.5px solid #00000040;border-radius:50%;width:16px;height:16px}.sticky-kleur-popover{border:1px solid var(--kleur-rand,#e2e8f0);z-index:50;background:#fff;border-radius:20px;gap:6px;padding:6px 8px;display:flex;position:absolute;top:22px;right:0;box-shadow:0 6px 20px #00000029}.sticky-kleur-optie{cursor:pointer;border:1.5px solid #00000026;border-radius:50%;width:18px;height:18px}.sticky-verwijder-knop{cursor:pointer;color:#0006;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px}.sticky-verwijder-knop:hover{color:#dc2626}.sticky-laatst-bewerkt{color:#0000006b;flex-shrink:0;padding:3px 10px 0;font-size:10px}.sticky-toolbar{flex-shrink:0;align-items:center;gap:2px;padding:4px 8px;display:flex}.sticky-toolbar button{cursor:pointer;color:#000000a6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.sticky-toolbar button:hover{background:#00000014}.sticky-tekstkleur-wrapper{position:relative}.sticky-tekstkleur-wrapper .sticky-kleur-popover{left:0;right:auto}.sticky-tekstkleur-knop{font-weight:700}.sticky-tekstkleur-optie{cursor:pointer;border:1.5px solid #00000026;border-radius:50%;width:18px;height:18px}.sticky-notes-pagina .sticky-canvas .sticky-kaart .sticky-tekst{background:0 0;border:none;outline:none;flex:1;padding:6px 12px 12px;font-family:inherit;font-size:13px;line-height:1.4;overflow-y:auto;color:#000!important}.sticky-tekst:empty:before{content:attr(data-placeholder);color:#00000052}.sticky-resize-handle{cursor:nwse-resize;touch-action:none;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.sticky-resize-handle:after{content:"";border-bottom:2px solid #0000004d;border-right:2px solid #0000004d;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.sticky-kleur-geel{background:#fff59d}.sticky-kleur-roze{background:#f8bbd0}.sticky-kleur-blauw{background:#bbdefb}.sticky-kleur-groen{background:#c8e6c9}.sticky-kleur-paars{background:#e1bee7}.sticky-kleur-oranje{background:#ffe0b2}.bank-kas-overzicht{padding:0}.dagboeken-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:16px;display:grid}.dagboek-kaart{background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e5e7eb);cursor:pointer;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;transition:box-shadow .15s,border-color .15s;display:flex}.dagboek-kaart:hover{border-color:var(--kleur-primair,#1d4ed8);box-shadow:0 2px 8px #00000014}.dagboek-kaart--dragging{opacity:.45;box-shadow:0 4px 16px #00000026}.dagboek-kaart--inactief{cursor:default}.dagboek-kaart--inactief:hover{border-color:var(--kleur-rand,#e5e7eb);box-shadow:none}.dagboek-kaart-header{justify-content:space-between;align-items:center;display:flex}.dagboek-drag-handle{color:var(--kleur-tekst-zacht,#9ca3af);cursor:grab;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1}.dagboek-drag-handle:active{cursor:grabbing}.dagboek-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.dagboek-badge-blauw{color:#1d4ed8;background:#dbeafe}.dagboek-badge-groen{color:#16a34a;background:#dcfce7}.dagboek-badge-paars{color:#7c3aed;background:#f3e8ff}.dagboek-badge-oranje{color:#c2410c;background:#ffedd5}.dagboek-badge-rood{color:#dc2626;background:#fee2e2}.dagboek-badge-grijs{color:#6b7280;background:#f3f4f6}.dagboek-naam{color:var(--kleur-tekst,#111);font-size:15px;font-weight:600}.dagboek-iban{color:var(--kleur-tekst-zacht,#6b7280);font-family:monospace;font-size:11px}.dagboek-saldo{border-top:1px solid var(--kleur-rand,#f3f4f6);box-sizing:border-box;justify-content:space-between;align-items:baseline;min-height:48px;margin-top:6px;padding-top:10px;display:flex}.dagboek-saldo-label{color:var(--kleur-tekst-zacht,#6b7280);font-size:11px}.dagboek-saldo-bedrag{color:var(--kleur-tekst,#111);font-size:16px;font-weight:700}.dagboek-saldo-bedrag.negatief{color:var(--kleur-negatief,#dc2626)}.dagboek-laatste-datum{color:var(--kleur-tekst-zacht,#6b7280);font-size:11px}.ni-teller{cursor:default;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.ni-teller .ni-tip{background:var(--kleur-kaart,#fff);color:var(--kleur-tekst,#111);border:1px solid var(--kleur-primair,#4d7fff);white-space:nowrap;opacity:0;pointer-events:none;z-index:30;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(3px);box-shadow:0 6px 18px #00000038}.ni-teller:hover .ni-tip{opacity:1;transform:translateY(0)}.dagboek-periodes{max-width:860px;padding:24px}.terug-knop{color:var(--kleur-accent,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0 0 6px;font-size:12px;display:block}.perioden-tabel .periode-rij{cursor:pointer}.perioden-tabel .periode-rij:hover td{background:var(--kleur-hover,#f8fafc)}.periode-naam{align-items:baseline;gap:8px;display:flex}.periode-maand{font-size:13px;font-weight:500}.periode-jaar{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11px}.volledig-verwerkt{color:var(--kleur-groen,#22c55e);font-size:12px;font-weight:500}.deels-verwerkt{color:var(--kleur-oranje,#f59e0b);font-size:12px}.periode-pijl{color:var(--kleur-tekst-zacht,#94a3b8);font-size:14px}.leeg-bericht{text-align:center;color:var(--kleur-tekst-zacht,#64748b);padding:40px 24px;font-size:13px}.dagboek-detail{padding:0}.terug-knop{color:var(--kleur-primair,#1d4ed8);cursor:pointer;background:0 0;border:none;margin-bottom:6px;padding:0;font-size:12px;display:block}.terug-knop:hover{text-decoration:underline}.filter-datum{border:1px solid var(--kleur-rand,#e5e7eb);background:var(--kleur-achtergrond,#fff);color:var(--kleur-tekst,#111);border-radius:7px;padding:6px 10px;font-size:13px}.boekingen-tabel .transactie-id{color:var(--kleur-tekst-zacht,#6b7280);font-family:monospace;font-size:11px}.boeking-rij{cursor:pointer}.boeking-rij:hover td{background:var(--kleur-rij-hover,#f9fafb)}.invoer-kaart{margin-bottom:16px;padding:0}.invoer-header{border-bottom:1px solid var(--kleur-rand,#e5e7eb);color:var(--kleur-tekst,#111);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.invoer-sluiten{cursor:pointer;color:var(--kleur-tekst-zacht,#6b7280);background:0 0;border:none;padding:2px 6px;font-size:16px;line-height:1}.invoer-sluiten:hover{color:var(--kleur-tekst,#111)}.invoer-meta-rij{gap:12px;padding:12px 16px 0;display:flex}.invoer-meta-veld{flex-direction:column;flex:1;gap:4px;display:flex}.invoer-meta-veld label{color:var(--kleur-tekst-zacht,#6b7280);font-size:11px;font-weight:500}.invoer-tabel{border-collapse:collapse;width:100%;margin-top:12px}.invoer-tabel thead tr{border-bottom:1px solid var(--kleur-rand,#e5e7eb)}.invoer-tabel th{color:var(--kleur-tekst-zacht,#6b7280);text-align:left;background:var(--kleur-tabel-header,#f9fafb);padding:6px 10px;font-size:11px;font-weight:500}.invoer-tabel-rij td{border-bottom:1px solid var(--kleur-rand,#e5e7eb);padding:2px 4px}.invoer-tabel-rij:last-child td{border-bottom:none}.invoer-cel-veld{width:100%;color:var(--kleur-tekst,#111);box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;padding:5px 8px;font-size:12px}.invoer-cel-veld:hover{border-color:var(--kleur-rand,#e5e7eb)}.invoer-cel-veld:focus{border-color:var(--kleur-primair,#1d4ed8);background:#fff}input[type=number].bedrag-invoer{-moz-appearance:textfield}input[type=number].bedrag-invoer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].bedrag-invoer::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.invoer-rek-cel,.rek-zoeker-wrapper{position:relative}.rek-dropdown{z-index:100;background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e5e7eb);border-radius:8px;min-width:300px;max-height:220px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 16px #0000001f}.rek-dropdown-item{cursor:pointer;gap:10px;padding:7px 12px;font-size:12px;display:flex}.rek-dropdown-item:hover{background:var(--kleur-rij-hover,#f9fafb)}.rek-nummer{color:var(--kleur-tekst-zacht,#6b7280);min-width:60px;font-family:monospace}.rek-naam{color:var(--kleur-tekst,#111)}.regel-verwijder{cursor:pointer;color:var(--kleur-tekst-zacht,#6b7280);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:16px;line-height:1}.regel-verwijder:hover:not(:disabled){color:#dc2626;background:#fee2e2}.regel-verwijder:disabled{opacity:.3;cursor:default}.invoer-footer{border-top:1px solid var(--kleur-rand,#e5e7eb);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.saldo-indicator{align-items:center;gap:16px;font-size:12px;display:flex}.saldo-indicator strong{font-weight:600}.saldo-verschil{color:#dc2626;font-weight:600}.saldo-ok{color:#16a34a;font-weight:600}.saldo-saldo{color:var(--kleur-tekst-zacht,#6b7280)}.bank-rek-indicator{background:#eff6ff;border-bottom:1px solid #bfdbfe;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.bank-rek-label{color:#3b82f6;font-weight:500}.bank-rek-naam{color:#1e40af;font-family:monospace}.invoer-acties{border-top:1px solid var(--kleur-rand,#e5e7eb);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.post-detail-modal{width:640px;max-width:95vw}.post-detail-info{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 0;display:grid}.post-detail-info>div{font-size:12px}.post-detail-info span{color:var(--kleur-tekst-zacht,#6b7280);margin-right:4px}.afschrift-pagina{flex-direction:column;gap:12px;height:100%;padding:16px 20px 0;display:flex;overflow:hidden}.afschrift-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.afschrift-header-links{flex-direction:column;gap:2px;display:flex}.afschrift-header-rechts{align-items:center;gap:10px;display:flex}.afschrift-iban{color:var(--kleur-tekst-zacht);font-family:monospace;font-size:12px}.afschrift-boekjaar{color:var(--kleur-tekst-zacht);background:var(--kleur-achtergrond-2,#f1f5f9);border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:12px}.saldo-balk{background:var(--kleur-achtergrond-2,#f8fafc);border:1px solid var(--kleur-rand,#e2e8f0);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.saldo-item{border-right:1px solid var(--kleur-rand,#e2e8f0);flex-direction:column;flex:1;align-items:flex-end;gap:2px;padding:10px 20px;display:flex}.saldo-item:last-child{border-right:none}.saldo-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.saldo-bedrag{color:var(--kleur-tekst);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.saldo-bij .saldo-bedrag{color:var(--kleur-groen,#16a34a)}.saldo-af .saldo-bedrag{color:var(--kleur-rood,#dc2626)}.saldo-eind .saldo-bedrag{font-size:15px}.afschrift-wrapper{border:1px solid var(--kleur-rand,#e2e8f0);background:#fff;border-radius:8px;flex:1;overflow:auto}.afschrift-tabel{table-layout:fixed;border-collapse:collapse;width:100%;font-size:12.5px}.afschrift-tabel thead th{z-index:2;background:var(--kleur-achtergrond-2,#f8fafc);border-bottom:2px solid var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:7px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.afschrift-tabel td{vertical-align:middle;border-bottom:1px solid var(--kleur-rand,#e8edf2);padding:2px 4px;transition:background 80ms}.col-nr{text-align:left;width:80px}.col-datum{width:118px}.col-rekening{width:170px}.col-omschr{width:150px}.col-relatie{width:130px}.col-kpl{width:90px}.col-btw{width:72px}.col-ref,.col-bedrag{width:90px}.col-badge{text-align:center;width:38px}.col-vr{text-align:center;width:28px}.col-acties{width:90px}.afschrift-rij.rij-even td,.subregel.rij-even td{background:#fff}.afschrift-rij.rij-odd td,.subregel.rij-odd td{background:#f4f7fb}.afschrift-rij.is-dirty td{background:#fffbeb}.afschrift-rij.is-definitief td{color:var(--kleur-tekst-zacht)}.afschrift-rij.is-hovered td,.subregel.is-hovered td{background:#dbeafe!important}.invoer-cel-veld{width:100%;color:var(--kleur-tekst);background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:3px 5px;font-family:inherit;font-size:12.5px;transition:border-color .1s,background .1s}.invoer-cel-veld:hover{border-color:var(--kleur-rand,#cbd5e1);background:#ffffffb3}.invoer-cel-veld:focus{border-color:var(--kleur-primair,#1d4ed8);background:#fff;box-shadow:0 0 0 2px #1d4ed821}.invoer-cel-veld:disabled{color:var(--kleur-tekst-zacht);cursor:default}.bedrag-invoer{text-align:right}.bedrag-display{text-align:right;font-variant-numeric:tabular-nums;color:var(--kleur-tekst);padding:3px 5px;font-size:12.5px;display:block}.sub-inspring{padding-left:16px}.rek-zoeker-wrapper{position:relative}.rek-dropdown{border:1px solid var(--kleur-rand,#e2e8f0);z-index:100;background:#fff;border-radius:6px;min-width:240px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto;box-shadow:0 4px 18px #0000001f}.rek-dropdown li{cursor:pointer;color:var(--kleur-tekst);white-space:nowrap;padding:6px 12px;font-size:12px}.rek-dropdown li:hover,.rek-dropdown li.rek-optie-actief{background:var(--kleur-achtergrond-2,#f1f5f9)}.rek-code{min-width:44px;color:var(--kleur-primair,#1d4ed8);margin-right:4px;font-weight:600;display:inline-block}.rij-nr{color:var(--kleur-tekst-zacht);font-size:11px}.bsn-nr{font-variant-numeric:tabular-nums;letter-spacing:.01em}.expand-knop{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1}.expand-knop:hover{color:var(--kleur-primair,#1d4ed8)}.bij-badge,.af-badge{white-space:nowrap;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.bij-badge{color:#166534;background:#dcfce7}.af-badge{color:#991b1b;background:#fee2e2}.vr-wrapper{justify-content:center;display:flex;position:relative}.vr-knop{border:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;width:20px;height:20px;color:var(--kleur-tekst-zacht);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.vr-knop:hover{border-color:var(--kleur-primair,#1d4ed8);color:var(--kleur-primair,#1d4ed8)}.vr-popup{border:1px solid var(--kleur-rand,#e2e8f0);z-index:50;background:#fff;border-radius:6px;width:180px;padding:10px 12px;font-size:12px;position:absolute;top:26px;right:0;box-shadow:0 4px 12px #0000001a}.vr-popup strong{margin-bottom:4px;display:block}.vr-popup p{color:var(--kleur-tekst-zacht);margin:0}.regel-acties{justify-content:flex-end;gap:2px;display:flex}.regel-actie-knop{cursor:pointer;width:20px;height:20px;color:var(--kleur-tekst-zacht);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:12px;transition:background .1s,color .1s;display:flex}.regel-actie-knop:hover{background:var(--kleur-achtergrond-2,#f1f5f9);color:var(--kleur-tekst)}.regel-actie-knop:disabled{opacity:.3;cursor:default}.regel-actie-verwijder:hover{color:#dc2626;background:#fee2e2}.nieuw-regel-knop{border:none;border-top:1px solid var(--kleur-rand,#e2e8f0);cursor:pointer;width:100%;color:var(--kleur-primair,#1d4ed8);text-align:left;background:0 0;padding:8px 12px;font-size:12px;transition:background .1s;display:block}.nieuw-regel-knop:hover{background:#eff6ff}.afschrift-actie-balk{flex-shrink:0;justify-content:flex-end;gap:8px;padding:10px 0 14px;display:flex}.tabel-status{text-align:center;color:var(--kleur-tekst-zacht);padding:36px;font-size:12px}.f2-overlay{z-index:500;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.f2-modal{background:#fff;border-radius:10px;flex-direction:column;width:480px;max-height:70vh;display:flex;overflow:hidden;box-shadow:0 8px 40px #0003}.f2-modal-header{border-bottom:1px solid var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;font-size:14px;font-weight:600;display:flex}.f2-sluit{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.f2-sluit:hover{color:var(--kleur-tekst)}.f2-zoek-wrapper{border-bottom:1px solid var(--kleur-rand,#e2e8f0);flex-shrink:0;padding:10px 12px}.f2-zoek-invoer{border:1px solid var(--kleur-rand,#e2e8f0);width:100%;color:var(--kleur-tekst);border-radius:6px;outline:none;padding:7px 10px;font-family:inherit;font-size:13px}.f2-zoek-invoer:focus{border-color:var(--kleur-primair,#1d4ed8);box-shadow:0 0 0 2px #1d4ed821}.f2-lijst{flex:1;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.f2-optie{cursor:pointer;color:var(--kleur-tekst);align-items:baseline;gap:10px;padding:8px 14px;font-size:13px;display:flex}.f2-optie:hover,.f2-optie-actief{background:#eff6ff}.f2-code{min-width:60px;color:var(--kleur-primair,#1d4ed8);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.f2-naam{color:var(--kleur-tekst);flex:1}.f2-leeg{color:var(--kleur-tekst-zacht);text-align:center;padding:20px 14px;font-size:12px}.f2-modal.f2-modal-factuur{width:560px}.f2-datum{min-width:80px;color:var(--kleur-tekst-zacht);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.f2-bedrag{text-align:right;font-variant-numeric:tabular-nums;min-width:70px;color:var(--kleur-tekst);flex-shrink:0;font-size:12px}.memoriaal-invoer{padding:0}.waarschuwing-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px;padding:10px 16px;font-size:12px}.beginbalans{padding:0}.beginbalans-tabel .rekening-nummer{color:var(--kleur-tekst-zacht,#6b7280);width:80px;font-family:monospace;font-size:11px}.beginbalans-rij.heeft-waarde td{background:var(--kleur-rij-highlight,#fffbeb)}.bedrag-cel-invoer{text-align:right;width:100%;color:var(--kleur-tekst,#111);box-sizing:border-box;-moz-appearance:textfield;background:0 0;border:1px solid #0000;border-radius:5px;outline:none;padding:4px 8px;font-size:12px}.bedrag-cel-invoer:hover{border-color:var(--kleur-rand,#e5e7eb)}.bedrag-cel-invoer:focus{border-color:var(--kleur-primair,#1d4ed8);background:#fff}.bedrag-cel-invoer::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bedrag-cel-invoer::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.categorie-header-rij td{background:var(--kleur-tabel-header,#f9fafb);letter-spacing:.07em;text-transform:uppercase;color:var(--kleur-tekst-zacht,#94a3b8);border-top:1px solid var(--kleur-rand,#e5e7eb);padding:6px 16px;font-size:10px;font-weight:700}.beginbalans-toggle{color:var(--kleur-tekst-zacht,#64748b);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:flex}.beginbalans-tabel tfoot .totaalrij td{border-top:2px solid var(--kleur-rand,#e5e7eb);background:var(--kleur-tabel-header,#f9fafb);padding:10px 16px}.succes-banner{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:8px;margin-bottom:12px;padding:10px 16px;font-size:12px}.fout-banner{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:12px;padding:10px 16px;font-size:12px}.invoer-overzicht{max-width:960px;padding:24px}.invoer-groep{margin-bottom:32px}.invoer-groep-header{letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-tekst-zacht,#94a3b8);margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:700}.invoer-kaarten-rij{flex-wrap:wrap;gap:12px;display:flex}.invoer-dagboek-kaart{cursor:pointer;background:var(--kleur-kaart,#fff);border:1.5px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:140px;min-height:110px;padding:16px 12px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 1px 4px #00000012}.invoer-dagboek-kaart:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001c}.invoer-kaart-icoon{margin-bottom:8px;font-size:26px;line-height:1}.invoer-kaart-naam{text-align:center;color:var(--kleur-tekst,#1e293b);font-size:12px;font-weight:600}.invoer-kaart-iban{color:var(--kleur-tekst-zacht,#94a3b8);text-align:center;margin-top:4px;font-family:monospace;font-size:9px}.invoer-kaart-blauw{background:#eff6ff;border-color:#bfdbfe}.invoer-kaart-groen{background:#f0fdf4;border-color:#bbf7d0}.invoer-kaart-paars{background:#f5f3ff;border-color:#ddd6fe}.invoer-kaart-oranje{background:#fff7ed;border-color:#fed7aa}.invoer-kaart-rood{background:#fef2f2;border-color:#fecaca}.invoer-kaart-grijs{background:#f8fafc;border-color:#e2e8f0}.invoer-kaart-nieuw{border:1.5px dashed var(--kleur-rand,#e2e8f0);color:var(--kleur-tekst-zacht,#94a3b8);background:0 0}.invoer-kaart-nieuw:hover{border-color:var(--kleur-accent,#3b82f6);color:var(--kleur-accent,#3b82f6)}.invoer-kaart-plus{margin-bottom:6px;font-size:28px;font-weight:300;line-height:1}.rap-pagina{padding:16px 20px}.rap-switch{border:1px solid var(--kleur-rand);border-radius:9px;gap:0;margin-bottom:14px;display:inline-flex;overflow:hidden}.rap-switch-knop{cursor:pointer;background:var(--kleur-kaart);color:var(--kleur-tekst-zacht);border:none;padding:9px 20px;font-size:14px;font-weight:600}.rap-switch-knop+.rap-switch-knop{border-left:1px solid var(--kleur-rand)}.rap-switch-knop.actief{background:var(--kleur-primair);color:#fff}.rap-filterbalk{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.rap-filterbalk label{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex}.rap-input{border:1px solid var(--kleur-rand);background:var(--kleur-invoer);color:var(--kleur-tekst);border-radius:6px;padding:6px 9px;font-family:inherit;font-size:13px}.rap-input[type=date]{font-family:inherit}.rap-boekjaar{flex-direction:column;align-self:flex-end;gap:5px;display:flex}.rap-kwartalen{gap:3px;display:flex}.rap-kw-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}.rap-kw-knop:hover{background:var(--kleur-rij-highlight)}.rap-kw-knop.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.rap-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600}.rap-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;padding:8px 14px;font-size:13px}.rap-opties-label{color:var(--kleur-tekst-zacht);align-self:flex-end;padding-bottom:8px;font-size:12px}.rap-filterbalk .rap-niveau-knop,.rap-filterbalk .rap-checkbox{align-self:flex-end}.rap-filterbalk .rap-checkbox{padding-bottom:8px}.rap-scheiding{background:var(--kleur-rand);align-self:stretch;width:1px;min-height:30px;margin:0 2px}.rap-afdrukken{margin-left:auto}.rap-niveau-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;padding:6px 12px;font-size:12.5px}.rap-niveau-knop.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.rap-checkbox{color:var(--kleur-tekst);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.rap-ms{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex;position:relative}.rap-ms-knop{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:150px;display:flex}.rap-ms-tekst{text-overflow:ellipsis;white-space:nowrap;color:var(--kleur-tekst);font-weight:400;overflow:hidden}.rap-ms-pijl{color:var(--kleur-tekst-zacht);flex-shrink:0;font-size:10px}.rap-ms-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;min-width:100%;max-height:260px;margin-top:4px;padding:5px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.rap-ms-optie{color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 7px;font-size:12.5px;font-weight:400;display:flex}.rap-ms-optie:hover{background:var(--kleur-hover)}.rap-ms-leeg{color:var(--kleur-tekst-zacht);padding:6px 8px;font-size:12px}.rap-ms-wis{cursor:pointer;border:none;border-top:1px solid var(--kleur-rand);width:100%;color:var(--kleur-primair);background:0 0;margin-top:4px;padding:6px;font-size:12px}.rap-kostenplaats{color:var(--kleur-tekst-zacht);font-size:12px;font-weight:400}.rap-kostenplaats .rap-naam{padding-left:16px}.rap-fout{color:var(--kleur-negatief,#dc2626);background:#dc26261f;border:1px solid #dc262659;border-radius:7px;margin-bottom:10px;padding:8px 12px;font-size:13px}.rap-titel-blok{text-align:center;margin:6px 0 14px}.rap-titel{color:var(--kleur-tekst);margin:0;font-size:20px;font-weight:700}.rap-subtitel{color:var(--kleur-tekst-zacht);margin:3px 0 0;font-size:12.5px}.rap-kolommen{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.rap-kolommen{grid-template-columns:1fr}}.rap-kolom{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:10px;overflow:hidden}.rap-kolom-kop{letter-spacing:.03em;color:#fff;padding:10px 14px;font-size:13px;font-weight:700}.rap-kop-baten{background:#2563eb}.rap-kop-lasten{background:#4b5563}.rap-kop-activa{background:#059669}.rap-kop-passiva{background:#dc2626}.rap-kolom-body{flex-direction:column;display:flex}.rap-rij{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);grid-template-columns:22px 46px 1fr;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;display:grid}.rap-chevron{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:0;font-size:11px;line-height:1}.rap-chevron-leeg{visibility:hidden}.rap-code{color:var(--kleur-tekst-zacht);background:var(--kleur-hover);text-align:center;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:700}.rap-code-rek{background:0 0}.rap-naam{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rap-bedrag{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rap-code:empty{background:0 0}.rap-bcol{border-left:1px solid var(--kleur-rand);padding-left:6px}.rap-groep{font-weight:600}.rap-niveau-0{background:var(--kleur-hover)}.rap-niveau-1{background:var(--kleur-rij-highlight);font-weight:600}.rap-niveau-1 .rap-naam{padding-left:8px}.rap-niveau-2 .rap-naam,.rap-niveau-3 .rap-naam{padding-left:16px}.rap-rekening{font-weight:400}.rap-rekening .rap-naam{color:var(--kleur-tekst);padding-left:8px}.rap-totaalbalk{color:#fff;background:#111827;justify-content:space-between;align-items:center;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.rap-leeg{text-align:center;color:var(--kleur-tekst-zacht);padding:18px;font-size:12.5px}.rap-resultaat{text-align:center;border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:10px;margin-top:16px;padding:14px;font-size:16px;font-weight:700}.rap-overschot{color:#059669}.rap-tekort{color:#dc2626}.rap-melding{text-align:center;color:var(--kleur-tekst-zacht);padding:28px;font-size:14px}.rap-binnenkort{border:1px dashed var(--kleur-rand);color:var(--kleur-tekst-zacht);background:var(--kleur-kaart);border-radius:10px;padding:18px;font-size:13.5px;line-height:1.6}@media print{.rap-switch,.rap-filterbalk,.rap-opties{display:none}.rap-pagina{padding:0}}.kb-pagina{--kb-totaalbg:color-mix(in srgb, var(--kleur-primair) 20%, #17120e);--kb-resultaatbg:color-mix(in srgb, var(--kleur-primair) 36%, #17120e);padding:16px 20px}.kb-filterbalk{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.kb-veld{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex}.kb-veld-label{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:500}.kb-veld-label.kb-inline{align-self:flex-end;padding-bottom:8px}.kb-input{border:1px solid var(--kleur-rand);background:var(--kleur-invoer);color:var(--kleur-tekst);border-radius:6px;padding:6px 9px;font-family:inherit;font-size:13px}.kb-boekjaar{flex-direction:column;align-self:flex-end;gap:5px;display:flex}.kb-kwartalen{gap:3px;display:flex}.kb-kw{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}.kb-kw:hover{background:var(--kleur-rij-highlight)}.kb-kw.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.kb-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:7px;align-self:flex-end;padding:8px 14px;font-size:13px;font-weight:600}.kb-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;align-self:flex-end;padding:8px 14px;font-size:13px}.kb-afdrukken{margin-left:auto}.kb-scheiding{background:var(--kleur-rand);align-self:stretch;width:1px;min-height:30px;margin:0 2px}.kb-niveau{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;align-self:flex-end;padding:6px 12px;font-size:12.5px}.kb-niveau.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.kb-check{color:var(--kleur-tekst);align-self:flex-end;align-items:center;gap:6px;padding-bottom:8px;font-size:12.5px;display:inline-flex}.kb-ms{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex;position:relative}.kb-ms-knop{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:150px;display:flex}.kb-ms-tekst{text-overflow:ellipsis;white-space:nowrap;color:var(--kleur-tekst);font-weight:400;overflow:hidden}.kb-ms-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;min-width:100%;max-height:260px;margin-top:4px;padding:5px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.kb-ms-optie{color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 7px;font-size:12.5px;font-weight:400;display:flex}.kb-ms-optie:hover{background:var(--kleur-hover)}.kb-ms-wis{cursor:pointer;border:none;border-top:1px solid var(--kleur-rand);width:100%;color:var(--kleur-primair);background:0 0;margin-top:4px;padding:6px;font-size:12px}.kb-fout{color:var(--kleur-negatief,#dc2626);background:#dc26261f;border:1px solid #dc262659;border-radius:7px;margin-bottom:10px;padding:8px 12px;font-size:13px}.kb-titel-blok{text-align:center;margin:6px 0 14px}.kb-titel{color:var(--kleur-tekst);margin:0;font-size:20px;font-weight:700}.kb-subtitel{color:var(--kleur-tekst-zacht);margin:3px 0 0;font-size:12.5px}.kb-melding{text-align:center;color:var(--kleur-tekst-zacht);padding:28px;font-size:14px}.kb-scroll{overflow-x:auto}.kb-sectie{border:1px solid var(--kleur-rand);border-radius:10px;min-width:max-content;margin-bottom:14px;overflow:hidden}.kb-sectie-kop{letter-spacing:.03em;color:#fff;padding:8px 14px;font-size:13px;font-weight:700;position:sticky;left:0}.kb-kop-activa{background:#059669}.kb-kop-passiva{background:#dc2626}.kb-kop-baten{background:#2563eb}.kb-kop-lasten{background:#ea580c}.kb-tabel{border-collapse:collapse;table-layout:fixed;width:var(--kb-tabelw,max-content)}.kb-col-oms{width:240px}.kb-col-bedrag{width:var(--kb-colw,84px)}.kb-tabel th,.kb-tabel td{border-bottom:1px solid var(--kleur-rand);text-align:right;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;padding:5px 8px;font-size:12px;overflow:hidden}.kb-scroll .kb-tabel th,.kb-scroll .kb-tabel td{background:var(--kleur-kaart)!important}.kb-scroll .kb-tabel thead th{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:600;background:var(--kleur-hover)!important}.kb-oms{z-index:1;position:sticky;left:0;text-align:left!important}.kb-scroll .kb-tabel thead th.kb-oms{z-index:2;background:var(--kleur-hover)!important}.kb-eind{border-left:1px solid var(--kleur-rand);font-weight:600}.kb-vjp{border-left:1px solid var(--kleur-rand)}.kb-chevron{cursor:pointer;color:var(--kleur-tekst-zacht);background:0 0;border:none;padding:0 4px 0 0;font-size:10px}.kb-leeg{visibility:hidden}.kb-code{color:var(--kleur-tekst-zacht);margin-right:5px;font-size:10px;font-weight:700}.kb-code-rek{background:0 0}.kb-naam{color:var(--kleur-tekst)}.kb-groep{font-weight:700}.kb-scroll .kb-groep.kb-niv-0 td,.kb-scroll .kb-groep.kb-niv-0 th.kb-oms{background:color-mix(in srgb, var(--kleur-tekst) 15%, var(--kleur-kaart))!important}.kb-scroll .kb-groep.kb-niv-1 td,.kb-scroll .kb-groep.kb-niv-1 th.kb-oms{background:color-mix(in srgb, var(--kleur-tekst) 8%, var(--kleur-kaart))!important}.kb-scroll .kb-groep.kb-niv-2 td,.kb-scroll .kb-groep.kb-niv-2 th.kb-oms,.kb-scroll .kb-groep.kb-niv-3 td,.kb-scroll .kb-groep.kb-niv-3 th.kb-oms{font-weight:600;background:color-mix(in srgb, var(--kleur-tekst) 4%, var(--kleur-kaart))!important}.kb-rekening{font-weight:400}.kb-kostenplaats{color:var(--kleur-tekst-zacht);font-style:italic}.kb-pos{color:#16a34a}.kb-neg{color:#dc2626}.kb-nul{color:var(--kleur-tekst-zacht);opacity:.5}.kb-scroll .kb-totaal th,.kb-scroll .kb-totaal td{border-bottom:none;font-weight:700;background:var(--kb-totaalbg)!important;color:#fff!important}.kb-totaal .kb-pos{color:#4ade80}.kb-totaal .kb-neg{color:#f87171}.kb-totaal .kb-nul{color:#ffffff80}.kb-resultaat-sectie{margin-top:6px}.kb-scroll .kb-resultaat th,.kb-scroll .kb-resultaat td{border-bottom:none;font-weight:700;background:var(--kb-resultaatbg)!important;color:#fff!important}.kb-resultaat .kb-pos{color:#4ade80}.kb-resultaat .kb-neg{color:#f87171}.kb-resultaat .kb-nul{color:#ffffff80}.kb-badge{border-radius:10px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:700}.kb-voordelig{color:#fff;background:#16a34a}.kb-nadelig{color:#fff;background:#dc2626}@media print{.kb-filterbalk{display:none}.kb-pagina{padding:0}.kb-scroll{overflow:visible}}.gbk-pagina{padding:16px 20px}.gbk-filterbalk{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.gbk-veld{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex}.gbk-veld-label{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:500}.gbk-input{border:1px solid var(--kleur-rand);background:var(--kleur-invoer);color:var(--kleur-tekst);border-radius:6px;padding:6px 9px;font-family:inherit;font-size:13px}.gbk-rek{width:96px}.gbk-boekjaar{flex-direction:column;align-self:flex-end;gap:5px;display:flex}.gbk-kwartalen{gap:3px;display:flex}.gbk-kw{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}.gbk-kw:hover{background:var(--kleur-rij-highlight)}.gbk-kw.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.gbk-knop-primair{background:var(--kleur-primair);color:#fff;cursor:pointer;border:none;border-radius:7px;align-self:flex-end;padding:8px 14px;font-size:13px;font-weight:600}.gbk-knop{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:7px;align-self:flex-end;padding:8px 14px;font-size:13px}.gbk-rechts{align-items:flex-end;gap:8px;margin-left:auto;display:flex}.gbk-knop-actief{background:var(--kleur-primair)!important;color:#fff!important;border-color:var(--kleur-primair)!important}.gbk-scheiding{background:var(--kleur-rand);align-self:stretch;width:1px;min-height:30px;margin:0 2px}.gbk-check{color:var(--kleur-tekst);align-self:flex-end;align-items:center;gap:6px;padding-bottom:8px;font-size:12.5px;display:inline-flex}.gbk-ms{color:var(--kleur-tekst-zacht);flex-direction:column;gap:3px;font-size:11px;font-weight:500;display:flex;position:relative}.gbk-ms-knop{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;min-width:150px;display:flex}.gbk-ms-tekst{text-overflow:ellipsis;white-space:nowrap;color:var(--kleur-tekst);font-weight:400;overflow:hidden}.gbk-ms-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;min-width:100%;max-height:260px;margin-top:4px;padding:5px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.gbk-ms-optie{color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:5px 7px;font-size:12.5px;font-weight:400;display:flex}.gbk-ms-optie:hover{background:var(--kleur-hover)}.gbk-ms-wis{cursor:pointer;border:none;border-top:1px solid var(--kleur-rand);width:100%;color:var(--kleur-primair);background:0 0;margin-top:4px;padding:6px;font-size:12px}.gbk-backdrop{z-index:30;position:fixed;inset:0}.gbk-sel{align-self:flex-end;position:relative}.gbk-sel-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;width:320px;max-width:90vw;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000047}.gbk-sel-kop{border-bottom:1px solid var(--kleur-rand);padding:8px}.gbk-sel-kop .gbk-input{width:100%}.gbk-sel-breed{width:700px;max-width:94vw}.gbk-sel-lijst{max-height:340px;padding:0;overflow-y:auto}.gbk-sel-code{white-space:nowrap;font-size:11px;font-weight:700}.gbk-sel-leeg{text-align:center;color:var(--kleur-tekst-zacht);padding:12px;font-size:12.5px}.gbk-sel-tabel{border-collapse:collapse;width:100%;font-size:12px}.gbk-sel-tabel th{z-index:1;text-align:left;color:var(--kleur-tekst-zacht);background:var(--kleur-hover);border-bottom:1px solid var(--kleur-rand);padding:6px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.gbk-sel-tabel td{border-bottom:1px solid var(--kleur-rand);color:var(--kleur-tekst);white-space:nowrap;text-overflow:ellipsis;max-width:190px;padding:4px 8px;overflow:hidden}.gbk-sel-tabel tbody tr{cursor:pointer}.gbk-sel-tabel tbody tr:hover td{background:var(--kleur-hover)}.gbk-sel-tabel tr.gbk-sel-aan td{background:color-mix(in srgb, var(--kleur-primair) 16%, var(--kleur-kaart))}.gbk-sel-voet{border-top:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.gbk-sel-voet .gbk-ms-wis{border:none;width:auto;margin:0}.gbk-kolinst{position:relative}.gbk-kolinst-menu{z-index:40;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;width:260px;margin-top:4px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000047}.gbk-kolinst-titel{color:var(--kleur-tekst);margin-bottom:6px;font-size:12px;font-weight:700}.gbk-kolinst-rij{justify-content:space-between;align-items:center;padding:3px 2px;display:flex}.gbk-kolinst-label{color:var(--kleur-tekst);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;display:flex}.gbk-kolinst-knoppen{gap:2px;display:flex}.gbk-kolinst-knoppen button{cursor:pointer;border:1px solid var(--kleur-rand);background:var(--kleur-hover);color:var(--kleur-tekst);border-radius:4px;padding:1px 6px;font-size:11px}.gbk-kolinst-knoppen button:disabled{opacity:.35;cursor:default}.gbk-fout{color:var(--kleur-negatief,#dc2626);background:#dc26261f;border:1px solid #dc262659;border-radius:7px;margin-bottom:10px;padding:8px 12px;font-size:13px}.gbk-titel-blok{text-align:center;margin:6px 0 12px}.gbk-titel{color:var(--kleur-tekst);margin:0;font-size:20px;font-weight:700}.gbk-subtitel{color:var(--kleur-tekst-zacht);margin:3px 0 0;font-size:12.5px}.gbk-melding{text-align:center;color:var(--kleur-tekst-zacht);padding:28px;font-size:14px}.gbk-uitklapbalk{align-items:center;gap:8px;margin-bottom:10px;display:flex}.gbk-knop-mini{cursor:pointer;background:var(--kleur-hover);color:var(--kleur-tekst);border:1px solid var(--kleur-rand);border-radius:6px;padding:5px 10px;font-size:12px}.gbk-knop-mini:hover{background:var(--kleur-rij-highlight)}.gbk-groep{margin-bottom:16px}.gbk-groep-kop{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:4px solid var(--kleur-primair);background:color-mix(in srgb, var(--kleur-primair) 12%, var(--kleur-kaart));border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex}.gbk-chevron{color:var(--kleur-tekst-zacht);width:12px;font-size:11px}.gbk-groep-code{letter-spacing:.02em;background:var(--kleur-primair);color:#fff;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.gbk-groep-naam{color:var(--kleur-tekst);font-size:14px;font-weight:700}.gbk-groep-aantal{color:var(--kleur-tekst-zacht);font-size:12px}.gbk-groep-saldo{color:var(--kleur-tekst);margin-left:auto;font-size:13.5px;font-weight:700}.gbk-kaart{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);border-radius:8px;margin:8px 0;overflow:hidden}.gbk-kaart-kop{border-bottom:1px solid var(--kleur-rand);justify-content:space-between;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.gbk-kaart-titel{color:var(--kleur-tekst);font-size:13.5px;font-weight:700}.gbk-kaart-eind{color:var(--kleur-tekst-zacht);font-size:12px}.gbk-kaart-eind strong{color:var(--kleur-tekst)}.gbk-scroll{scrollbar-width:none;overflow-x:auto}.gbk-scroll::-webkit-scrollbar{height:0}.gbk-groepen{width:max-content;min-width:100%}.gbk-scrollbalk{z-index:20;background:var(--kleur-kaart);border-top:1px solid var(--kleur-rand);position:sticky;bottom:0;overflow:auto hidden}.gbk-scrollbalk-binnen{height:1px}.gbk-pagina .gbk-scrollbalk{scrollbar-width:auto;scrollbar-color:var(--kleur-primair) var(--kleur-hover)}.gbk-pagina .gbk-scrollbalk::-webkit-scrollbar{height:15px}.gbk-pagina .gbk-scrollbalk::-webkit-scrollbar-track{background:var(--kleur-hover);border-radius:8px}.gbk-pagina .gbk-scrollbalk::-webkit-scrollbar-thumb{background:var(--kleur-primair);border:3px solid var(--kleur-hover);border-radius:8px}.gbk-pagina .gbk-scrollbalk::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--kleur-primair) 82%, #000)}.gbk-tabel{border-collapse:collapse;table-layout:fixed;width:max-content}.gbk-tabel th,.gbk-tabel td{text-align:left;border-bottom:1px solid var(--kleur-rand);white-space:nowrap;text-overflow:ellipsis;padding:5px 10px;font-size:12px;overflow:hidden}.gbk-tabel th{position:relative}.gbk-resize{cursor:col-resize;width:6px;height:100%;position:absolute;top:0;right:0}.gbk-resize:hover{background:var(--kleur-primair);opacity:.5}.gbk-c-datum{width:92px}.gbk-c-boekstuk{width:120px}.gbk-c-oms{white-space:normal;width:auto}.gbk-c-bron{width:116px}.gbk-c-ref{width:104px;color:var(--kleur-tekst-zacht)}.gbk-c-relcode{width:100px;color:var(--kleur-tekst-zacht)}.gbk-c-relatie{white-space:normal;width:auto}.gbk-c-valuta{width:64px}.gbk-c-bedrag{font-variant-numeric:tabular-nums;width:112px;text-align:right!important}.gbk-pagina .gbk-tabel th,.gbk-pagina .gbk-tabel td{background:var(--kleur-kaart)!important}.gbk-pagina .gbk-tabel thead th{color:var(--kleur-tekst-zacht);font-size:11px;font-weight:600;background:color-mix(in srgb, var(--kleur-tekst) 6%, var(--kleur-kaart))!important}.gbk-pagina .gbk-tabel .gbk-saldorij td{background:color-mix(in srgb, var(--kleur-tekst) 8%, var(--kleur-kaart))!important}.gbk-saldorij td{font-weight:600}.gbk-eindrij td{border-bottom:none}.gbk-zacht{color:var(--kleur-tekst-zacht);font-weight:500!important}.gbk-regel:hover td{background:var(--kleur-hover)!important}.gbk-geen td{color:var(--kleur-tekst-zacht);padding:10px;font-style:italic;text-align:center!important}.gbk-pos{color:#16a34a}.gbk-neg{color:#dc2626}.gbk-nul{color:var(--kleur-tekst-zacht);opacity:.5}.gbk-bron{text-overflow:ellipsis;color:#fff;border-radius:5px;max-width:100%;padding:1px 7px;font-size:10.5px;font-weight:700;display:inline-block;overflow:hidden}.gbk-bron-bank{background:#2563eb}.gbk-bron-kas{background:#0891b2}.gbk-bron-memo{background:#0d9488}.gbk-bron-inkoop{background:#ea580c}.gbk-bron-verkoop{background:#16a34a}.gbk-bron-overig{background:#6b7280}@media print{.gbk-filterbalk,.gbk-uitklapbalk,.gbk-resize,.gbk-scrollbalk{display:none}.gbk-pagina{padding:0}.gbk-groep,.gbk-kaart{break-inside:avoid}}.ep-sectie{text-transform:uppercase;letter-spacing:.5px;color:var(--kleur-tekst-zacht);margin:10px 0 5px;font-size:10px;font-weight:700}.ep-input{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);width:100%;color:var(--kleur-tekst);box-sizing:border-box;border-radius:4px;padding:4px 6px;font-size:11px}.ep-input:focus{border-color:var(--kleur-primair,#2563eb);outline:none}.ep-select{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);width:100%;color:var(--kleur-tekst);border-radius:4px;padding:4px 6px;font-size:11px}.ep-select:focus{border-color:var(--kleur-primair,#2563eb);outline:none}.ep-stijl-knop{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);cursor:pointer;color:var(--kleur-tekst);border-radius:4px;min-width:28px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1.4}.ep-stijl-knop:hover{background:var(--kleur-achtergrond)}.ep-stijl-knop.actief{background:var(--kleur-primair,#2563eb);color:#fff;border-color:var(--kleur-primair,#2563eb)}.canvas-blok{box-sizing:border-box;position:absolute}.canvas-blok:not(.geselecteerd):not(.vergrendeld):hover{outline:1px dashed #93c5fd}.canvas-blok.geselecteerd{outline:1.5px solid #2563eb}.canvas-blok.vergrendeld{cursor:default!important}.resize-handle{cursor:nwse-resize;z-index:20;background:#2563eb;border:2px solid #fff;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-4px;right:-4px}.zoom-balk{background:var(--kleur-kaart);border-bottom:1px solid var(--kleur-rand);flex-shrink:0;align-items:center;gap:10px;padding:7px 16px;display:flex}.zoom-knop{border:1px solid var(--kleur-rand);background:var(--kleur-kaart);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;line-height:1;display:flex}.zoom-knop:hover{background:var(--kleur-achtergrond)}.palet-knop{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);cursor:pointer;text-align:left;width:100%;color:var(--kleur-tekst);border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;font-size:12px;display:flex}.palet-knop:hover{background:var(--kleur-primair-licht);border-color:var(--kleur-primair)}.ep-tab{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 4px;font-size:11px}.tabel-cel:hover{cursor:text;background:#eff6ff!important}.tabel-cel input{width:100%;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;background:#dbeafe;border:none;outline:none;padding:0}.veld-badge{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border:1px solid #bfdbfe;border-radius:3px;padding:0 3px;font-family:Courier New,monospace;font-size:.82em;font-weight:600;line-height:1.4;display:inline-block}.hn-tabs{background:var(--kleur-kaart);border-bottom:1px solid var(--kleur-rand);flex-shrink:0;align-items:flex-end;gap:0;padding:0 16px;display:flex;overflow-x:auto}.hn-tab{cursor:pointer;color:var(--kleur-tekst-zacht);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:7px 14px;font-size:11px;font-weight:400}.hn-tab:hover{color:var(--kleur-tekst)}.hn-tab.actief{color:var(--kleur-primair,#2563eb);border-bottom-color:var(--kleur-primair,#2563eb);font-weight:600}.veld-groep-header{text-transform:uppercase;letter-spacing:.5px;color:var(--kleur-tekst-zacht);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:6px 0 4px;font-size:10px;font-weight:700;display:flex}.veld-groep-header:hover{color:var(--kleur-tekst)}.veld-chip{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;align-items:center;margin:2px;padding:2px 7px;font-family:Courier New,monospace;font-size:11px;font-weight:600;display:inline-flex}.veld-chip:hover{background:#dbeafe;border-color:#93c5fd}.tabel-cel input{background:#dbeafe}.kopieer-toast{color:#fff;z-index:9999;pointer-events:none;background:#1e293b;border-radius:8px;padding:8px 18px;font-size:12px;font-weight:500;animation:.15s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.conditie-badge{text-transform:uppercase;letter-spacing:.4px;pointer-events:none;z-index:10;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;line-height:1.5;position:absolute;top:2px;right:2px}.conditie-krediet{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.conditie-incasso{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.geen-layout-banner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:40px;display:flex}.boekjaren-beheer{max-width:860px;padding:24px}.knop-klein{padding:4px 10px!important;font-size:11px!important}.boekjaren-tabel th,.boekjaren-tabel td{vertical-align:middle}.boekjaren-tabel .jaar-cel{width:80px;font-size:15px;font-weight:600}.boekjaren-tabel .datum-cel{color:var(--kleur-tekst,#1e293b);white-space:nowrap;font-size:12px}.boekjaren-tabel .status-cel{width:120px}.boekjaren-tabel .actie-cel{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge-open{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.badge-gesloten{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:999px;padding:2px 10px;font-size:11px}.ja-samenvatting{color:var(--kleur-tekst-zacht);margin:8px 2px 20px;font-size:12.5px}.ja-afsluit-kaart{max-width:100%;padding:16px 18px}.ja-afsluit-titel{color:var(--kleur-tekst);margin:0 0 12px;font-size:15px;font-weight:700}.ja-waarschuwing{color:var(--kleur-tekst);background:#eab3081f;border:1px solid #eab30873;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;line-height:1.5}.ja-label{color:var(--kleur-tekst);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.ja-select{max-width:220px}.ja-afsluit-acties{align-items:center;gap:10px;margin-top:16px;display:flex}.ja-afsluit-knop{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600}.ja-afsluit-knop:hover:not(:disabled){background:#b91c1c}.ja-afsluit-knop:disabled{opacity:.5;cursor:default}.ja-rek-zoek{max-width:360px;position:relative}.ja-rek-input{width:100%}.ja-rek-ok{color:#16a34a;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ja-rek-menu{z-index:30;background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000047}.ja-rek-optie{color:var(--kleur-tekst);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;font-size:12.5px;overflow:hidden}.ja-rek-optie:hover{background:var(--kleur-hover)}.ja-rek-code{font-size:11px;font-weight:700}.ja-rek-hint{color:var(--kleur-tekst-zacht);margin:6px 2px 0;font-size:11.5px}.ja-rek-backdrop{z-index:29;position:fixed;inset:0}.ja-rek-rij{align-items:flex-start;gap:10px;display:flex}.ja-rek-rij .ja-rek-zoek{flex:1}.valuta-chips{flex-wrap:nowrap;align-items:center;gap:3px;display:flex}.valuta-chip{letter-spacing:.04em;white-space:nowrap;color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe;border-radius:999px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.dagboeken-beheer{max-width:1120px;padding:24px}.actie-cel{min-width:72px}.overzicht-tabel{min-width:760px}.dagboek-lock-hint{color:var(--kleur-tekst);background:var(--kleur-primair-licht);border:1px solid var(--kleur-rand);border-radius:8px;margin:0 0 14px;padding:9px 12px;font-size:12.5px;line-height:1.5}.actie-cel{text-align:right;width:72px;padding-right:8px!important}.rij-actie{cursor:pointer;width:26px;height:26px;color:var(--kleur-tekst-zacht);opacity:.75;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.rij-actie:hover{background:var(--kleur-primair-licht);color:var(--kleur-primair);opacity:1}.overzicht-tabel tbody tr:hover .rij-actie{opacity:1}.formulier-rij-toggle{align-items:center;gap:10px;flex-direction:row!important}.formulier-rij-toggle>label{text-transform:uppercase;letter-spacing:.4px;margin-bottom:0!important}.formulier-rij-valuta>label{margin-bottom:6px;display:block}.valuta-vinkjes{border:1px solid var(--kleur-rand,#e2e8f0);background:var(--kleur-achtergrond,#f8fafc);border-radius:6px;flex-direction:column;gap:6px;max-height:180px;padding:8px 10px;display:flex;overflow-y:auto}.valuta-vinkje{cursor:pointer;color:var(--kleur-tekst);align-items:center;gap:8px;font-size:13px;display:flex}.valuta-vinkje input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--kleur-primair,#1d4ed8)}.valuta-beheer{max-width:1100px;padding:24px}.valuta-layout{grid-template-columns:1fr 380px;align-items:start;gap:16px;display:grid}@media (width<=860px){.valuta-layout{grid-template-columns:1fr}}.valuta-rij{cursor:pointer}.valuta-rij:hover td{background:var(--kleur-achtergrond)}.valuta-rij-actief td{background:var(--kleur-primair-licht)!important}.valuta-code{color:var(--kleur-tekst,#1e293b);margin-right:6px;font-family:monospace;font-size:13px;font-weight:700}.valuta-symbool{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11px}.geen-koers{color:var(--kleur-tekst-zacht,#94a3b8);font-size:11px;font-style:italic}.bron-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.bron-ecb{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.bron-handmatig{background:var(--kleur-achtergrond);color:var(--kleur-tekst-zacht);border:1px solid var(--kleur-rand)}.ecb-bronvermelding{color:var(--kleur-tekst-zacht,#94a3b8);margin-top:8px;font-size:11px;line-height:1.5}.ecb-url{color:var(--kleur-tekst-zacht,#94a3b8);font-family:monospace;font-size:10px}.ecb-banner{border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:10px 16px;font-size:12px;display:flex}.ecb-banner-ok{color:var(--kleur-positief);background:#22c55e1f;border:1px solid #22c55e4d}.ecb-banner-fout{color:var(--kleur-negatief);background:#dc26261a;border:1px solid #dc262647}.ecb-banner-sluiten{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;flex-shrink:0;padding:0;font-size:14px;line-height:1}.ecb-banner-sluiten:hover{opacity:1}.koers-header{border-bottom:1px solid var(--kleur-rand,#e5e7eb);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.koers-titel{color:var(--kleur-tekst,#1e293b);margin-right:8px;font-family:monospace;font-size:18px;font-weight:700}.koers-naam{color:var(--kleur-tekst-zacht,#64748b);font-size:12px}.koers-invoer-form{background:var(--kleur-achtergrond);border-bottom:1px solid var(--kleur-rand);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.koers-invoer-bedrag{align-items:center;gap:6px;display:flex}.koers-label{color:var(--kleur-tekst-zacht,#64748b);white-space:nowrap;font-size:12px}.koers-code{color:var(--kleur-tekst,#1e293b);font-family:monospace;font-size:12px;font-weight:600}.koers-rij-actueel td{background:var(--kleur-primair-licht);font-weight:500}.laden-tekst{text-align:center;color:var(--kleur-tekst-zacht,#94a3b8);padding:24px;font-size:12px}.teken-pagina{background:#f8fafc;flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.teken-logo{color:#1e293b;letter-spacing:-.3px;margin-bottom:32px;font-size:16px;font-weight:700}.teken-container{background:#fff;border-radius:12px;width:100%;max-width:680px;overflow:hidden;box-shadow:0 2px 20px #00000014}.teken-header{color:#fff;background:#1e40af;padding:28px 32px}.teken-header h1{margin:0 0 8px;font-size:20px;font-weight:700}.teken-header p{opacity:.85;margin:0;font-size:13px}.teken-contract-info{border-bottom:1px solid #e5e7eb;flex-direction:column;gap:10px;padding:24px 32px 20px;display:flex}.teken-info-rij{gap:12px;display:flex}.teken-info-label{color:#6b7280;width:140px;min-width:140px;font-size:12px}.teken-info-waarde{color:#1e293b;font-size:13px;font-weight:500}.teken-sectie{padding:20px 32px 0}.teken-sectie-titel{text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin:0 0 12px;font-size:12px;font-weight:700}.teken-notities{color:#374151;white-space:pre-wrap;font-size:13px;line-height:1.6}.teken-tabel{border-collapse:collapse;width:100%;font-size:13px}.teken-tabel th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #e5e7eb;padding:6px 8px;font-size:11px;font-weight:600}.teken-tabel td{border-bottom:1px solid #f1f5f9;padding:7px 8px}.teken-ondertekening{border-top:2px solid #e5e7eb;margin-top:20px;padding:28px 32px}.teken-ondertekening h2{margin:0 0 6px;font-size:16px;font-weight:700}.teken-ondertekening>p{color:#6b7280;margin:0 0 20px;font-size:13px}.teken-naam-veld{margin-bottom:20px}.teken-veld-label{text-transform:uppercase;letter-spacing:.3px;color:#6b7280;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.teken-invoer{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:14px}.teken-invoer:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.teken-canvas-container{margin-bottom:16px}.teken-canvas-label{text-transform:uppercase;letter-spacing:.3px;color:#6b7280;margin-bottom:8px;font-size:11px;font-weight:700}.teken-canvas{touch-action:none;cursor:crosshair;aspect-ratio:600/180;background:#fafafa;border:2px solid #d1d5db;border-radius:8px;width:100%;height:auto;display:block}.teken-canvas:hover{border-color:#2563eb}.teken-wis-knop{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:5px;margin-top:8px;padding:4px 12px;font-size:12px}.teken-wis-knop:hover{background:#f1f5f9}.teken-fout{color:#dc2626;margin-bottom:12px;font-size:13px}.teken-knop-onderteken{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.teken-knop-onderteken:hover:not(:disabled){background:#1d4ed8}.teken-knop-onderteken:disabled{cursor:not-allowed;background:#93c5fd}.teken-disclaimer{color:#9ca3af;text-align:center;margin-top:14px;font-size:11px;line-height:1.5}.teken-status{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:480px;padding:48px 32px;box-shadow:0 2px 20px #00000014}.teken-status-ok{border-top:4px solid #16a34a}.teken-status-fout{border-top:4px solid #dc2626}.teken-status h2{margin:12px 0 8px;font-size:18px;font-weight:700}.teken-status p{color:#6b7280;margin:0;font-size:13px}.teken-icon{font-size:40px}.teken-spinner{border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=600px){.teken-header,.teken-contract-info,.teken-sectie,.teken-ondertekening{padding-left:16px;padding-right:16px}.teken-info-rij{flex-direction:column;gap:2px}.teken-info-label{width:auto}}.versie-melding{z-index:4000;background:var(--kleur-kaart,#fff);border:1px solid var(--kleur-rand,#e5e7eb);color:var(--kleur-tekst,#1a1a1a);border-radius:10px;align-items:center;gap:14px;padding:11px 14px 11px 16px;font-size:13px;animation:.22s ease-out versie-melding-in;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 6px 24px #00000029}@keyframes versie-melding-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.versie-melding{animation:none}}.versie-melding-tekst{white-space:nowrap}.versie-melding-knop{background:var(--kleur-primair,#4d7fff);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600}.versie-melding-knop:hover{filter:brightness(1.08)}@media (width<=520px){.versie-melding{bottom:12px;left:12px;right:12px}.versie-melding-tekst{white-space:normal}}