:root{--ink:#0b0e1e;--ink-mid:#111a2e;--ink-light:#243447;--gold:#fdb515;--grijsblauw:#333f49;--bg:#faf8f3;--surface:#fff;--surface-2:#faf8f3;--border:#e2dcce;--border-light:#ecedee;--text:#0b0e1e;--text-soft:#52555f;--text-faint:#85878e;--text-on-dark:#ffffffa3;--text-on-dark-faint:#ffffff73;--primary:#0b0e1e;--accent:#0b0e1e;--accent-soft:#fdb5152e;--green:#2e6b4f;--green-soft:#2e6b4f1a;--amber:#b07708;--amber-soft:#b077081a;--red:#a83232;--red-soft:#a832321a;--blue:#1a4d8c;--blue-soft:#1a4d8c1a;--gradient-dark:linear-gradient(115deg, #0b0e1e 0%, #111a2e 55%, #243447 100%);--radius:0px;--radius-sm:0px;--shadow:none;--sidebar-w:248px;--label-spacing:.18em;--row-hover:#faf8f3a6;--input-border:#dadbdd;--dropdown-shadow:0 8px 24px #0b0e1e14;--dim-ink:#0b0e1e;--dim-ink-90:#232733;--dim-ink-70:#52555f;--dim-ink-50:#85878e;--dim-ink-30:#b6b7bb;--dim-ink-15:#dadbdd;--dim-ink-8:#ecedee;--dim-ink-4:#f6f6f7;--dim-gold:#fdb515;--dim-gold-dark:#d99a06;--dim-gold-soft:#fed97f;--dim-gold-tint:#fff3d6;--dim-gold-hover:#eaa608;--dim-grey-blue:#333f49;--dim-paper-warm:#faf8f3;--dim-success:#2e6b4f;--dim-success-tint:#e4f0ea;--dim-error:#a83232;--dim-error-tint:#f8e7e7;--dim-warning:#b07708;--dim-warning-tint:#fff3d6}[data-theme=dark]{--ink:#e8eaed;--ink-mid:#c8ccd4;--ink-light:#9aa3b2;--bg:#0f1219;--surface:#161b26;--surface-2:#1c2230;--border:#2a3142;--border-light:#222936;--text:#e8eaed;--text-soft:#b4b8c0;--text-faint:#7a8194;--primary:#e8eaed;--accent:#fdb515;--accent-soft:#fdb51524;--green-soft:#2e6b4f2e;--amber-soft:#b0770829;--red-soft:#a8323229;--blue-soft:#6495ed29;--blue:#7eb0e8;--row-hover:#ffffff0a;--input-border:#3a4256;--dropdown-shadow:0 8px 24px #00000059}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-soft);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3{color:var(--text);letter-spacing:-.01em;margin:0;font-weight:700}.wordmark{letter-spacing:.22em;text-transform:uppercase;flex-wrap:wrap;align-items:baseline;gap:0;font-size:10px;line-height:1.2;display:inline-flex}.wordmark-de{color:var(--gold);font-weight:300}.wordmark-interieur{color:var(--gold);font-weight:700}.wordmark-meesters{color:#ffffffe0;font-weight:300}.wordmark--dark .wordmark-meesters{color:var(--ink)}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--gradient-dark);color:var(--text-on-dark);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;flex:auto;min-height:0;margin:0 -6px;padding:0 6px;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:3px}.sidebar:after{content:"";background:var(--gold);height:3px;position:absolute;bottom:0;left:0;right:0}.brand{align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.brand-mark{opacity:.92;flex-shrink:0}.nav{flex-direction:column;gap:1px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:var(--label-spacing);color:var(--text-on-dark-faint);padding:16px 12px 6px;font-size:11px;font-weight:600}.nav a{border-radius:var(--radius-sm);color:var(--text-on-dark);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s;display:flex}.nav a:hover{color:#fff;background:#ffffff0f}.nav a.active{color:#fff;box-shadow:inset 2px 0 0 var(--gold);background:#ffffff1a}.nav-badge{background:var(--red);color:#fff;letter-spacing:0;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.tab-badge{background:var(--red);color:#fff;vertical-align:middle;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.sidebar-footer{color:var(--text-on-dark-faint);border-top:1px solid #ffffff24;flex-shrink:0;margin-top:auto;padding:12px 10px 6px;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.topbar h1{font-size:18px}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.content{width:100%;min-width:0;max-width:1240px;padding:24px 28px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr;gap:12px}.kpi{padding:16px}}@media (min-width:641px) and (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.kpi .label{color:var(--text-faint);letter-spacing:var(--label-spacing);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.kpi .value{letter-spacing:-.02em;color:var(--text);margin-top:8px;font-size:26px;font-weight:700}.kpi .sub{color:var(--text-faint);margin-top:4px;font-size:12px}.kpi-waarschuwing{border-color:var(--red-soft);background:linear-gradient(180deg, var(--surface) 0%, #a832320a 100%)}.kpi-waarschuwing:hover{border-color:var(--red)}.alles-loopt-panel{border:1px solid var(--green-soft);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface) 0%, #2278460d 100%);color:var(--green);align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.alles-loopt-panel strong{color:var(--text);font-size:15px;display:block}.alles-loopt-panel p{color:var(--text-faint);margin:4px 0 0;font-size:14px}.betaallink-body{padding:18px}.betaallink-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.betaallink-input{border:1px solid var(--border);background:var(--surface-2);min-width:200px;color:var(--text);flex:1;padding:10px 12px;font-family:inherit;font-size:13px}.icon-chip{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--ink);background:#0b0e1e0f;place-items:center;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}:is(.panel:has(.table-scroll),.panel:has(.responsive-lijst)){overflow:visible}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panel-head h2{font-size:15px}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:var(--label-spacing);color:var(--text-faint);border-bottom:1px solid var(--border);background:var(--surface);padding:11px 18px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-light);vertical-align:top;padding:12px 18px}td.num{vertical-align:top;white-space:nowrap}.table-regels td.num{padding-top:14px}.table-regels .regel-omschrijving{max-width:520px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--row-hover)}tbody tr.klik{cursor:pointer}.num{text-align:right;font-variant-numeric:tabular-nums}.muted{color:var(--text-faint)}.strong{color:var(--text);font-weight:600}.badge{border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.amber.deels,.badge.deels{border:1px dashed var(--amber);letter-spacing:.04em;font-weight:700}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.gray{color:var(--text-soft);background:#85878e24}[data-theme=dark] .badge.gray{color:var(--text);background:#ffffff14}[data-theme=dark] .badge.blue{color:#a8c8f0}.btn{border-radius:var(--radius-sm);border:1px solid var(--ink);color:var(--ink);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:10px 18px;font-size:11px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--ink);color:#fff}.btn.primary{border-color:var(--ink);color:var(--ink);background:0 0}.btn.primary:hover{background:var(--ink);color:#fff}.btn.btn-cta{background:var(--dim-gold);border-color:var(--dim-gold);color:#0b0e1e}.btn.btn-cta:hover{background:var(--dim-gold-hover);border-color:var(--dim-gold-hover);color:#0b0e1e}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:10px 12px;font-family:inherit;font-size:15px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.search{width:100%;max-width:320px;position:relative}.search input{padding-left:34px}.search svg{color:var(--text-faint);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.terug-knop{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:13px;font-weight:600;display:none}@media (max-width:900px){.terug-knop{display:inline-flex}}.global-zoek-bar{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:10px;padding:10px 28px;display:flex}.global-zoek{max-width:420px;position:relative}.global-zoek .search{max-width:none}.global-zoek-dropdown{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--dropdown-shadow);max-height:360px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.global-zoek-leeg{margin:0;padding:12px 14px;font-size:13px}.global-zoek-groep+.global-zoek-groep{border-top:1px solid var(--border)}.global-zoek-groep-titel{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--text-faint);padding:8px 14px 4px;font-size:11px;font-weight:600}.global-zoek-lijst{margin:0;padding:0 0 4px;list-style:none}.global-zoek-lijst li a{flex-direction:column;gap:2px;padding:10px 14px;display:flex}.global-zoek-lijst li a:hover{background:var(--accent-soft)}.paginering{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:13px;display:flex}.paginering-knoppen{align-items:center;gap:8px;display:flex}.paginering .btn[aria-disabled=true]{opacity:.45;pointer-events:none}.paginering-pagina{text-align:center;min-width:7rem}.login-wrap{background:var(--gradient-dark);place-items:center;min-height:100vh;padding:20px;display:grid;position:relative;overflow:hidden}.login-wrap:before{content:"";opacity:.35;pointer-events:none;background:url(/moire-blue.png) 50%/cover no-repeat;position:absolute;inset:0}.login-watermark{opacity:.2;pointer-events:none;filter:grayscale()brightness(1.4);position:absolute;bottom:60px;right:-40px}.login-gold-stripe{background:var(--gold);height:3px;position:absolute;bottom:0;left:0;right:0}.login-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:34px;position:relative}.login-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:20px;display:flex}.login-card h1{margin-bottom:4px;font-size:20px}.login-card p.sub{color:var(--text-soft);margin:0 0 22px}.login-links{margin:0 0 8px;font-size:13px}.login-links a{color:var(--text-soft);text-underline-offset:4px;text-decoration:underline}.login-submit{min-height:44px}.field{margin-bottom:14px}.field label{letter-spacing:var(--label-spacing);text-transform:uppercase;color:var(--text-faint);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.required-mark{color:var(--red);margin-left:2px;font-weight:700}.field-hint{color:var(--text-faint);margin:-2px 0 6px;font-size:12px;line-height:1.45}.field-grid,.field-grid-2{gap:0 16px;display:grid}.field-grid-2{grid-template-columns:1fr 1fr}@media (max-width:640px){.field-grid-2{grid-template-columns:1fr}}.error{background:var(--red-soft);color:var(--red);border-radius:var(--radius-sm);margin-bottom:14px;padding:9px 12px;font-size:13px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-head .title{font-size:22px;font-weight:700}.page-head .subtitle{color:var(--text-soft);margin-top:4px}.page-head-offerte{flex-direction:column;align-items:stretch;gap:14px}.page-head-offerte .page-head-info{min-width:0}.page-head-offerte .page-head-info .title{overflow-wrap:anywhere}.page-head-offerte .page-head-acties{justify-content:flex-start}.back-link{color:var(--text-soft);text-underline-offset:6px;align-items:center;gap:5px;margin-bottom:14px;font-size:13px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.back-link:hover{color:var(--ink)}.breadcrumbs{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:14px;font-size:13px;display:flex}.breadcrumb-segment{align-items:center;gap:4px;display:inline-flex}.breadcrumb-sep{color:var(--text-faint);flex-shrink:0}.breadcrumbs a{color:var(--text-soft);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.breadcrumbs a:hover{color:var(--ink)}.breadcrumb-current{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-weight:600;overflow:hidden}.table-scroll{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;max-height:min(70vh,720px);overflow:auto}.table-scroll>table{table-layout:fixed;width:100%;min-width:560px}.table-scroll th:not(.num),.table-scroll td:not(.num){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-scroll th.num,.table-scroll td.num{width:7.5rem}.table-scroll th.no-ellipsis,.table-scroll td.no-ellipsis{text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll td:has(.badge){text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll td:has(select){text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll td:has(.kanban-fase-select){text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll td:has(.tabel-fase-select){text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll td.cell-ellipsis,.table-scroll th.cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.table-scroll>table.lijst-tabel{table-layout:auto;min-width:720px}.table-scroll>table.offerte-lijst-tabel{table-layout:auto;min-width:980px}.table-scroll .offerte-lijst-tabel th.no-ellipsis,.table-scroll .offerte-lijst-tabel td.no-ellipsis{text-overflow:clip;white-space:nowrap;overflow:visible}.table-scroll .offerte-lijst-tabel td.cell-ellipsis,.table-scroll .offerte-lijst-tabel th.cell-ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.offerte-lijst-tabel .col-nr{width:4.5rem}.offerte-lijst-tabel .col-relatie{min-width:9rem}.offerte-lijst-tabel .col-onderwerp{min-width:10rem}.offerte-lijst-tabel .col-fase{min-width:11rem}.offerte-lijst-tabel .col-datum{width:6.5rem}.offerte-lijst-tabel .col-status{min-width:6.5rem}.offerte-lijst-tabel .col-kans{width:4rem}.offerte-lijst-tabel .col-bedrag{width:7.5rem}.tabel-fase-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;min-width:10rem;color:var(--text);padding:4px 8px;font-size:12px}.offerte-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.offerte-kpi-grid .kpi{min-width:0;overflow:hidden}.offerte-kpi-grid .kpi .value{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,2.5vw,26px);overflow:hidden}.offerte-kpi-grid .kpi .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:900px){.offerte-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.table-scroll thead th{z-index:2;background:var(--surface);box-shadow:0 1px 0 var(--border);position:sticky;top:0}.responsive-lijst .kaart-lijst{display:none}.kaart-lijst{flex-direction:column;gap:10px;padding:12px}.kaart-lijst-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .15s;display:block}.kaart-lijst-item:hover{border-color:var(--ink);background:var(--row-hover)}.kaart-lijst-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.kaart-lijst-sub{margin-top:2px;font-size:14px}.kaart-lijst-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}@media (max-width:640px){.responsive-lijst .lijst-tabel{display:none}.responsive-lijst .kaart-lijst{display:flex}.kaart-lijst-item{min-height:44px}}.subnav-wrap{margin-bottom:20px}.subnav-wrap .tabs{margin-top:12px;margin-bottom:0}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:24px;display:grid}@media (max-width:640px){.hub-grid{grid-template-columns:1fr}}.hub-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.hub-section-head{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.hub-section-head h2{margin:0;font-size:14px;font-weight:650}.hub-section-head p{color:var(--text-soft);margin:2px 0 0;font-size:12px}.hub-cards{flex-direction:column;gap:6px;display:flex}.hub-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);flex-direction:column;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.hub-card:hover{border-color:var(--gold);background:var(--gold-soft,#b8965a0f)}.hub-card-title{color:var(--ink);font-size:13px;font-weight:650}.hub-card-desc{color:var(--text-soft);font-size:12px}.grid-2{grid-template-columns:1.6fr 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}.detail-list{padding:4px 0}.detail-list .row{border-bottom:1px solid var(--border-light);justify-content:space-between;gap:16px;padding:10px 18px;display:flex}.detail-list .row:last-child{border-bottom:none}.detail-list .k{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.detail-list .v{text-align:right;color:var(--text);flex-shrink:0;font-weight:600}.detail-list.totaal-lijst .row,.totaal-blok-inner.detail-list .row,.totaal-blok .detail-list .row{align-items:baseline}.detail-list.totaal-lijst .k,.totaal-blok-inner.detail-list .k,.totaal-blok .detail-list .k{flex:1;min-width:0}.detail-list.totaal-lijst .v,.totaal-blok-inner.detail-list .v,.totaal-blok .detail-list .v{text-align:right;margin-left:auto}.section-title{text-transform:uppercase;letter-spacing:var(--label-spacing);color:var(--text-faint);margin:26px 0 10px;font-size:11px;font-weight:600}.empty{text-align:center;color:var(--text-faint);padding:40px}.empty-state{text-align:center;padding:48px 24px}.empty-state h3{margin-bottom:6px;font-size:16px}.empty-state p{color:var(--text-soft);max-width:360px;margin:0 auto 16px}.lege-staat-wat-nu{text-transform:uppercase;letter-spacing:var(--label-spacing);color:var(--text-faint);margin:0 0 12px;font-size:11px;font-weight:600}.flash{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:11px 14px;font-size:13.5px;font-weight:550;display:flex}.flash--success{background:var(--green-soft);color:var(--green);border:1px solid #b8e6cf}.flash--warning{background:var(--amber-soft);color:var(--amber);border:1px solid #f5dfa8}.flash--error{background:var(--red-soft);color:var(--red);border:1px solid #e8b4b4}.flash-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;place-items:center;padding:2px;display:grid}.flash-close:hover{opacity:1}.flash-inhoud{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.flash-terug{color:inherit;text-underline-offset:2px;width:fit-content;font-size:12.5px;font-weight:600;text-decoration:underline}.flash-terug:hover{opacity:.85}.mobile-menu-btn,.sidebar-backdrop{display:none}.tabs{border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tabs a{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:9px 14px;font-size:12px;font-weight:600}.tabs a.active{color:var(--ink);border-bottom-color:var(--gold)}.avatar{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--ink);background:#0b0e1e0f;flex-shrink:0;place-items:center;font-size:13px;font-weight:650;display:grid}.flex{align-items:center;gap:10px;display:flex}.tabs-wrap{flex-wrap:wrap}.tabs-scroll-wrap{margin-bottom:20px;position:relative}.tabs-scroll{border-bottom:1px solid var(--border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:0;overflow-x:auto}.tabs-scroll a{white-space:nowrap;flex-shrink:0}.tabs-scroll-hint{color:var(--muted);text-align:right;letter-spacing:.04em;padding:4px 0 0;font-size:11px;display:block}.fase-timeline-panel .panel-head{margin-bottom:4px}.fase-timeline{align-items:flex-start;gap:0;padding:8px 16px 4px;display:flex;overflow-x:auto}.fase-timeline-step{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:72px;display:flex;position:relative}.fase-timeline-line{background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:14px;right:50%}.fase-timeline-line.done{background:var(--accent)}.fase-timeline-dot{z-index:1;border:2px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:flex;position:relative}.fase-timeline-done .fase-timeline-dot{border-color:var(--accent);background:var(--accent);color:#fff}.fase-timeline-active .fase-timeline-dot{border-color:var(--accent);background:var(--surface);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.fase-timeline-label{color:var(--muted);max-width:80px;margin-top:8px;font-size:11px;line-height:1.25}.fase-timeline-active .fase-timeline-label{color:var(--ink);font-weight:650}.fase-timeline-done .fase-timeline-label{color:var(--ink)}.fase-timeline-copy{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);margin:12px 16px 16px;padding:12px 14px;font-size:14px;line-height:1.5}.kanban{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:14px;display:grid}.kanban-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:120px}.kanban-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:650;display:flex}.kanban-head-titel{flex-direction:column;gap:2px;min-width:0;display:flex}.kanban-head-hint{letter-spacing:.02em;text-transform:none;font-size:10px;font-weight:500;line-height:1.3}.kanban-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin:10px;padding:12px;transition:border-color .15s;display:block}.kanban-card:hover{border-color:var(--ink)}.kanban-fase-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);margin-top:8px;padding:4px 6px;font-size:11px}.kanban-empty{text-align:center;color:var(--text-faint);margin:10px;padding:16px;font-size:13px}.kanban-col-drop{outline:2px dashed var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.kanban-card-draggable{cursor:grab}.kanban-card-draggable.dragging{opacity:.55;cursor:grabbing}.kanban-card-top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.kanban-card-top .favoriet-knop{flex-shrink:0;margin-left:auto}.kanban-drag-handle{color:var(--text-faint);cursor:grab;touch-action:none;border-radius:var(--radius-sm);flex-shrink:0;place-items:center;margin:-2px;padding:2px;display:grid}.kanban-drag-handle:active{cursor:grabbing}.kanban-empty,.kanban-card{pointer-events:auto}.kanban-kolom-edit{color:var(--text-faint);cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;display:grid}.kanban-kolom-edit:hover{color:var(--ink)}.kanban-kolom-input{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1;min-width:0;padding:2px 6px;font-weight:650}.offerte-layout{grid-template-columns:1fr 260px;align-items:start;gap:20px;display:grid}.offerte-main{min-width:0}.offerte-sidebar .panel-head{flex-direction:column;align-items:flex-start;gap:2px}.offerte-groep-header td{background:var(--bg);border-bottom:1px solid var(--border);padding-top:16px;padding-bottom:8px;font-size:14px;font-weight:650}.offerte-regels-tabel .offerte-groep-header:first-child td{padding-top:8px}@media (max-width:960px){.offerte-layout{grid-template-columns:1fr}}.offerte-detail-layout{grid-template-columns:1fr 280px;align-items:start;gap:20px;display:grid}.offerte-detail-main{min-width:0}.offerte-detail-sidebar{max-height:calc(100dvh - 32px);position:sticky;top:16px;overflow-y:auto}.offerte-status-fields{flex-direction:column;gap:12px;padding:16px;display:flex}.offerte-form{max-width:920px}.factuur-form-layout{grid-template-columns:minmax(0,1fr) min(560px,46vw);align-items:start;gap:24px;display:grid}.factuur-form-main{max-width:none}.factuur-a4-aside{flex-direction:column;gap:10px;min-width:0;max-height:calc(100vh - 24px);display:flex;position:sticky;top:16px}.factuur-a4-aside-kop{justify-content:space-between;align-items:baseline;gap:8px;padding:0 4px;display:flex}.factuur-a4-aside-kop h3{margin:0;font-size:14px;font-weight:600}.factuur-a4-aside-scroll,.factuur-a4-modal-scroll{flex:1;min-height:0;padding:4px;overflow:auto}.factuur-a4-blad{aspect-ratio:210/297;color:#262626;background:#fff url(/templates/tussenblad-bg.png) top/cover no-repeat;border:1px solid #e2dcce;border-radius:2px;width:100%;min-height:min(72vh,720px);font-size:clamp(10px,1.05vw,12px);line-height:1.4;position:relative;overflow:hidden;box-shadow:0 8px 32px #0b0e1e1f}.factuur-a4-briefvoet{text-align:center;color:#0b0e1e;pointer-events:none;font-size:7px;line-height:1.25;position:absolute;inset:auto 0 0}.factuur-a4-briefvoet-bank{font-weight:700}.factuur-a4-briefvoet-zin{padding:1px 44px 7px}.factuur-a4-briefvoet-balk{background:#fabd1f;justify-content:center;align-items:center;height:24px;margin-left:24px;font-size:8px;font-weight:700;display:flex}.factuur-a4-briefvoet-balk:before{content:"";background:#221f2e;width:24px;height:24px;position:absolute;bottom:0;left:0}.factuur-a4-briefvoet-scheider{color:#fabd1f;margin:0 5px}.factuur-a4-briefvoet-balk .factuur-a4-briefvoet-scheider{color:#fff}.factuur-a4-inner{flex-direction:column;height:100%;padding:108px 44px 88px;display:flex}.factuur-a4-kop{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.factuur-a4-adres{font-size:10.5px;line-height:1.45}.factuur-a4-meta{text-align:right}.factuur-a4-titel{letter-spacing:.04em;margin-bottom:10px;font-size:20px;font-weight:700}.factuur-a4-meta-lijst{margin:0;font-size:9.5px}.factuur-a4-meta-lijst div{grid-template-columns:1fr auto;gap:8px;margin-bottom:4px;display:grid}.factuur-a4-meta-lijst dt{color:#595959;margin:0;font-weight:600}.factuur-a4-meta-lijst dd{margin:0}.factuur-a4-label{color:#595959;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:9px;font-weight:600}.factuur-a4-onderwerp{margin-bottom:12px;font-size:11px}.factuur-a4-btw-klant{margin-bottom:12px;font-size:9.5px}.factuur-a4-tabel{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:9.5px}.factuur-a4-tabel th{text-align:left;color:#595959;border-top:1px solid #e2dcce;padding:6px 4px 4px 0;font-size:9px;font-weight:600}.factuur-a4-tabel th.num,.factuur-a4-tabel td.num{text-align:right;white-space:nowrap}.factuur-a4-tabel td{vertical-align:top;border-bottom:1px solid #f0ebe3;padding:6px 4px 6px 0}.factuur-a4-groep td{background:#faf8f5;padding-top:10px;font-weight:600}.factuur-a4-regel-titel{font-weight:600}.factuur-a4-regel-sub{color:#7f7f7f;white-space:pre-wrap;margin-top:2px;font-size:8.5px}.factuur-a4-korting{color:#85878e;font-size:8px}.factuur-a4-totalen{width:min(100%,220px);margin-top:auto;margin-left:auto;font-size:9.5px}.factuur-a4-totaal-rij{justify-content:space-between;gap:12px;padding:3px 0;display:flex}.factuur-a4-totaal-rij.strong{border-top:1px solid #e2dcce;margin-top:4px;padding-top:6px;font-size:10.5px;font-weight:700}.factuur-a4-voet{color:#7f7f7f;max-width:85%;margin-top:8px;font-size:8px;line-height:1.4}.factuur-a4-mobiel-knop{display:none}.factuur-a4-modal{width:min(96vw,760px);max-width:min(96vw,760px);height:min(94vh,1040px)}.factuur-a4-modal .factuur-a4-blad{aspect-ratio:auto;height:auto;min-height:0;font-size:12px}.factuur-a4-modal-scroll{flex:1;min-height:0}@media (max-width:1100px){.factuur-form-layout{grid-template-columns:1fr}.factuur-a4-aside{display:none}.factuur-a4-mobiel-knop{display:inline-flex}.form-actions{flex-wrap:wrap;gap:8px}}@media (max-width:640px){.factuur-a4-modal{border-radius:0;width:100%;max-width:100%;height:min(96vh,100%)}.pdf-preview-overlay{align-items:stretch;padding:0}}.offerte-form .form-actions{border-top:1px solid var(--border-light);margin-top:24px;padding-top:16px}.field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.field-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:720px){.field-grid-3,.field-grid-4{grid-template-columns:1fr}}.offerte-groep-blok{background:var(--bg)}.offerte-groep-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.offerte-regel-kaart{border-top:1px solid var(--border-light);padding:14px 0}.offerte-regel-kaart:first-of-type{border-top:none;padding-top:0}.offerte-regel-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.offerte-totalen-preview{border:1px solid var(--border);border-radius:var(--radius-sm);max-width:320px;margin-left:auto;padding:4px 12px}.product-zoek-lijst{z-index:20;background:var(--surface);border:1px solid var(--border);max-height:220px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.product-zoek-lijst li button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:8px 10px;display:block}.product-zoek-lijst li button:hover{background:var(--bg)}.btn-link.danger{color:var(--red);align-items:center;gap:4px;font-size:13px;display:inline-flex}.offerte-snel-panel .offerte-snel-acties{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;display:grid}.offerte-snel-panel .field.compact label{margin-bottom:4px;font-size:12px}.offerte-snel-panel .field.compact select{width:100%}@media (max-width:720px){.offerte-snel-panel .offerte-snel-acties{grid-template-columns:1fr}}.balans-hint{background:var(--amber-soft);color:var(--text-soft);border:1px solid #b0770840;margin-bottom:16px;padding:12px 16px;font-size:14px}@media (max-width:960px){.offerte-detail-layout{grid-template-columns:1fr}.offerte-detail-sidebar{max-height:none;position:static;overflow:visible}}.aging-chart{flex-direction:column;gap:12px;padding:18px;display:flex}.aging-bar-row{grid-template-columns:100px 1fr 100px;align-items:center;gap:12px;display:grid}.aging-label{color:var(--text-soft);font-size:13px}.aging-bar-track{background:var(--border);border-radius:0;height:8px;overflow:hidden}.aging-bar-fill{background:var(--ink);border-radius:0;min-width:2px;height:100%}.aging-value{text-align:right;color:var(--text);font-size:13px;font-weight:600}.panel-body{padding:16px 18px}.panel-body .detail-list{padding:0}.panel-body .detail-list .row{padding-left:0;padding-right:0}.html-inhoud,.html-inhoud p,.html-inhoud ul,.html-inhoud ol{margin:0}.html-inhoud p+p,.html-inhoud ul,.html-inhoud ol{margin-top:.45em}.html-inhoud ul,.html-inhoud ol{padding-left:1.25em}.html-inhoud li+li{margin-top:.2em}.html-inhoud b,.html-inhoud strong{color:var(--text);font-weight:650}.html-inhoud--collapsed{max-height:4.35em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.html-inhoud-wrap{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.meer-tonen{color:var(--ink);cursor:pointer;text-underline-offset:6px;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:550;text-decoration:underline;text-decoration-thickness:1px}.meer-tonen:hover{color:var(--grijsblauw)}.regel-omschrijving-titel{color:var(--text);font-weight:650;line-height:1.4}.regel-omschrijving-body{color:var(--text-soft);margin-top:4px;font-size:12.5px;line-height:1.45}.regel-omschrijving-sub{color:var(--text-faint);margin-top:4px;font-size:12px}.prose-block{color:var(--text-soft);padding:18px;font-size:14px;line-height:1.55}.totaal-blok{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;padding:16px 18px;display:flex}.totaal-blok-inner{min-width:260px}.totaal-blok .row{justify-content:space-between;gap:24px;padding:5px 0;display:flex}.totaal-blok .row.totaal{border-top:1px solid var(--border);color:var(--text);margin-top:4px;padding-top:10px;font-weight:650}.totaal-blok .row.totaal .v{font-size:16px}.content a[style*=--accent],.panel a[style*=--accent]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:900px){.mobile-menu-btn{z-index:50;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;color:var(--text);place-items:center;display:grid;position:fixed;top:12px;left:12px}.sidebar-backdrop{z-index:30;cursor:pointer;background:#14171c73;border:none;display:block;position:fixed;inset:0}.sidebar{z-index:40;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:4px 0 24px #0000002e}.app.menu-open .sidebar{transform:translate(0)}.main{width:100%}.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:60px;padding:10px 16px 10px 56px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0}.topbar-actions .btn{min-height:44px;padding:10px 14px}.content{padding:18px 16px 48px}.global-zoek-bar{padding:10px 16px 10px 56px}.global-zoek{max-width:none}.page-head{flex-direction:column;align-items:stretch}.page-head .flex{width:100%}.page-head .btn{min-height:44px}.kpi .value{font-size:22px}.table-regels .regel-omschrijving{max-width:none}.panel:not(:has(.table-scroll)){overflow:hidden}.panel>.table-scroll,.panel>.responsive-lijst .lijst-tabel{border-bottom:1px solid var(--border-light)}.tabs a{align-items:center;min-height:44px;display:inline-flex}.subnav-wrap .tabs{flex-wrap:nowrap}.kanban{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-template-columns:unset;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{scroll-snap-align:start;flex:0 0 min(280px,85vw)}.kanban-card{min-height:44px}.grid-2{grid-template-columns:1fr}.detail-list:not(.totaal-lijst) .row{flex-direction:column;align-items:flex-start;gap:4px}.detail-list:not(.totaal-lijst) .v{text-align:left}.totaal-blok{justify-content:stretch}.totaal-blok-inner{width:100%;min-width:0}.aging-bar-row{grid-template-columns:80px 1fr 72px;gap:8px}.btn{min-height:44px}.btn-link,.btn.icon,.flash-close,.mobile-menu-btn,button[type=submit]:not(.inline-bewerk-knop){min-width:44px;min-height:44px}.mobile-menu-btn{width:44px;height:44px}.nav a{min-height:44px}.login-watermark{display:none}}@media (max-width:640px){.page-head .title{word-break:break-word;font-size:19px}.page-head .subtitle{word-break:break-word}.breadcrumbs{font-size:12px}.field-grid,.field-grid-2,.agenda-tijd-grid{grid-template-columns:1fr}input,select,textarea{max-width:100%}.search{max-width:none}.agenda-kalender-head{flex-direction:column;align-items:stretch}.agenda-maand-nav{justify-content:space-between;width:100%}.agenda-maand-nav .btn{min-width:44px;min-height:44px}.agenda-grid-weekdag{padding:6px 2px;font-size:9px}.agenda-cel{min-height:52px;padding:2px}.agenda-cel-dag{width:32px;min-width:32px;height:32px;min-height:32px}}.agenda-page{max-width:none}.agenda-kalender-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.agenda-maand-nav{align-items:center;gap:8px;display:flex}.agenda-maand-titel{text-align:center;text-transform:capitalize;min-width:220px;font-size:22px}.agenda-legenda{color:var(--text-soft);flex-wrap:wrap;gap:14px 20px;margin-bottom:16px;font-size:12px;display:flex}.agenda-legenda-item{align-items:center;gap:6px;display:inline-flex}.agenda-legenda-dot{border-radius:2px;flex-shrink:0;width:10px;height:10px}.agenda-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.agenda-grid-weekdag{background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);text-align:center;padding:10px 8px;font-size:11px;font-weight:650}.agenda-cel{background:var(--surface);text-align:left;cursor:pointer;border:none;flex-direction:column;gap:6px;min-height:108px;padding:8px;transition:background .12s;display:flex}.agenda-cel:hover{background:var(--surface-2)}.agenda-cel.buiten-maand{opacity:.72;background:#faf8f3a6}.agenda-cel.vandaag .agenda-cel-dag{background:var(--gold);color:var(--ink)}.agenda-cel-dag{width:28px;height:28px;color:var(--text);place-items:center;font-size:13px;font-weight:650;display:grid}.agenda-cel-items{flex-direction:column;gap:4px;display:flex;overflow:hidden}.agenda-chip{white-space:nowrap;text-overflow:ellipsis;border-left:3px solid;border-radius:0;align-items:center;gap:4px;padding:3px 6px;font-size:11px;line-height:1.3;display:flex;overflow:hidden}.agenda-chip-tijd{flex-shrink:0;font-weight:650}.agenda-chip.meer{color:var(--text-faint);background:0 0;border:none;padding-left:0}.agenda-lijst-dag{margin-bottom:16px}.agenda-lijst-leeg{padding:28px}.agenda-type-badge{border:1px solid}.meet-knop{color:#1a4a82;background:#2563a81a;border-color:#2563a8;padding:6px 10px;font-size:12px}.meet-knop:hover{background:#2563a82e}.relatie-zoek{position:relative}.relatie-zoek-lijst{z-index:20;background:var(--surface);border:1px solid var(--border);box-shadow:var(--dropdown-shadow);max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% - 4px);left:0;right:0;overflow-y:auto}.relatie-zoek-lijst li button{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:2px;width:100%;padding:10px 12px;display:flex}.relatie-zoek-lijst li button:hover{background:var(--accent-soft)}.relatie-zoek-lijst li button:disabled{cursor:default;opacity:.7}.relatie-zoek-leeg{padding:10px 12px;font-size:12px}.relatie-zoek-lijst li button.relatie-zoek-nieuw{border-top:1px solid var(--border)}.relatie-zoek-lijst li button.relatie-zoek-nieuw .strong{color:var(--green)}.relatie-hint{margin-top:6px;font-size:12px;line-height:1.4}.relatie-hint.rood{color:var(--red,#b42318)}.relatie-gekoppeld{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.relatie-link{color:var(--green);align-items:center;gap:4px;font-weight:600;display:inline-flex}.relatie-link:hover{text-decoration:underline}.btn-link{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.btn-link:hover{color:var(--text)}.checkbox-row{cursor:pointer;align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.checkbox-row input{width:auto}.agenda-form-overlay{z-index:100;background:#0b0e1e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.agenda-form{width:min(560px,100%);max-height:90vh;overflow-y:auto}.agenda-form-body{padding:20px 22px 22px}.agenda-tijd-grid{gap:12px}.agenda-form-actions{border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.btn.icon{min-width:36px;padding:8px}.hint{color:var(--text-faint);margin:6px 0 0;font-size:12px}tr.klikbaar{cursor:pointer}tr.klikbaar:hover td{background:var(--surface-2)}@media (min-width:1100px){.agenda-maand-titel{font-size:26px}.agenda-cel{min-height:140px;padding:10px 10px 12px}.agenda-cel-dag{width:32px;height:32px;font-size:14px}.agenda-chip{padding:4px 8px;font-size:12px}.agenda-grid-weekdag{padding:12px;font-size:12px}}@media (min-width:1400px){.agenda-cel{min-height:168px}.agenda-maand-titel{font-size:28px}}@media (max-width:900px){.agenda-cel{min-height:72px;padding:4px}.agenda-chip{display:none}.agenda-cel-items .agenda-chip:first-child{display:flex}.agenda-maand-titel{min-width:0;font-size:18px}}.sort-kop{color:inherit;font-weight:inherit;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.sort-kop:hover{color:var(--accent)}.sort-kop.actief{color:var(--accent);font-weight:650}.sort-kop.num{justify-content:flex-end;width:100%}.datum-veld-inner{align-items:center;gap:6px;display:flex}.datum-veld-inner input[type=text]{flex:1;min-width:0}.datum-veld-knop{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-soft);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:inline-flex}.datum-veld-knop:hover{color:var(--accent);border-color:var(--accent)}.datum-veld-picker{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.help-knop{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:34px;height:34px;color:var(--text-soft);cursor:pointer;flex-shrink:0;font-size:15px;font-weight:700}.help-knop:hover{border-color:var(--gold);color:var(--ink)}.help-panel-overlay{z-index:200;background:#0b0e1e6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-panel{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);max-height:calc(100dvh - 40px);padding:18px 20px 20px;overflow-y:auto}.help-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.help-panel-head h2{align-items:center;gap:8px;font-size:16px;display:flex}.help-panel-intro{margin:0 0 14px;font-size:13px}.sessie-timeout-modal{width:min(440px,100%)}.sessie-timeout-acties{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.twee-factor-toggle{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.twee-factor-toggle-label{cursor:not-allowed;opacity:.72;flex:1;align-items:flex-start;gap:12px;min-width:220px;display:flex}.twee-factor-toggle-label input{opacity:0;width:0;height:0;position:absolute}.twee-factor-toggle-ui{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;flex-shrink:0;width:44px;height:24px;margin-top:2px;position:relative}.twee-factor-toggle-ui:after{content:"";background:var(--text-faint);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px}.twee-factor-sub{margin-top:4px;font-size:13px;display:block}.help-shortcuts-tabel{width:100%}.help-shortcuts-tabel kbd{border:1px solid var(--border);background:var(--surface-2);min-width:1.6em;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:650;display:inline-block}.undo-toast{z-index:300;background:var(--ink);color:#fff;box-shadow:var(--dropdown-shadow);border:1px solid #ffffff1f;align-items:center;gap:12px;max-width:min(520px,100vw - 32px);padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.undo-toast-knop{color:#fff;border-color:#ffffff59;padding:8px 12px;font-size:11px}.undo-toast-knop:hover{color:#fff;background:#ffffff1f}.bulk-actie-balk{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.bulk-check-kolom{text-align:center;width:2.5rem}.bulk-check-kolom input{width:auto}.kaart-lijst-item-bulk{align-items:flex-start;gap:10px;display:flex}.bulk-kaart-check{flex-shrink:0;padding-top:16px}.bulk-kaart-check input{width:auto}.product-zoek-wrap{position:relative}.product-zoek-optie{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;display:flex}.product-zoek-optie:hover{background:var(--surface-2)}.product-zoek-naam{font-weight:650}.product-zoek-prijs{font-variant-numeric:tabular-nums;color:var(--green);font-size:13px;font-weight:600}.product-zoek-meta{font-size:12px}.product-prijs-preview{border:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;gap:6px 12px;margin-top:8px;padding:10px 12px;font-size:13px;display:flex}.offerte-regel-head-links{align-items:center;gap:8px;display:flex}.regel-drag-handle{color:var(--text-faint);cursor:grab;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:inline-flex}.regel-drag-handle:active{cursor:grabbing}.offerte-regel-kaart.dragging{opacity:.45}.offerte-regel-kaart.drop-target{outline:2px dashed var(--gold);outline-offset:2px}.inline-bewerk-cel{font:inherit;color:inherit;text-align:inherit;font-variant-numeric:tabular-nums;background:0 0;border:none;margin:-2px -4px;padding:2px 4px}.inline-bewerk-cel.bewerkbaar{cursor:pointer;border-radius:2px}.inline-bewerk-cel.bewerkbaar:hover{background:var(--accent-soft)}.inline-bewerk-wrap{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.inline-bewerk-input{width:5.5rem;font:inherit;text-align:right;border:1px solid var(--gold);background:var(--surface);padding:4px 6px}.inline-bewerk-fout{color:var(--red);font-size:11px}.infinite-scroll-sentinel,.infinite-scroll-info{text-align:center;padding:14px 16px;font-size:13px}.pdf-preview-overlay{z-index:220;background:#0b0e1e80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pdf-preview-modal{background:var(--surface);border:1px solid var(--border);flex-direction:column;width:min(1100px,96vw);min-width:0;height:min(94vh,1040px);display:flex}.pdf-preview-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pdf-preview-head h2{margin:0;font-size:15px}.pdf-preview-frame{background:#525659;border:none;flex:1;width:100%}.journaal-preview-modal{background:var(--surface);border:1px solid var(--border);flex-direction:column;width:min(760px,100%);max-height:min(88vh,900px);display:flex}.journaal-preview-body{flex:1;padding:16px 18px;overflow:auto}.journaal-preview-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.num.neg{color:var(--red)}@media print{.sidebar,.global-zoek-bar,.mobile-menu-btn,.sidebar-backdrop,.topbar,.tabs,.btn,.btn-link,.terug-knop,.breadcrumbs,.bulk-actie-balk,.flash-melding,.no-print,.inline-bewerk-hint{display:none!important}.app,.main{width:100%!important;margin:0!important;padding:0!important;display:block!important}.content,.print-bereik{max-width:none!important;padding:0!important}body{font-size:11pt;color:#000!important;background:#fff!important}.panel{break-inside:avoid;box-shadow:none!important;border:none!important}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.table-regels th,.table-regels td{font-size:10pt;padding:4px 8px!important}a{color:inherit!important;text-decoration:none!important}.inline-bewerk-cel{margin:0;padding:0}}.batch-voortgang-cel{align-items:center;gap:10px;display:flex}.batch-voortgang-track{background:var(--border);border-radius:var(--radius-sm);flex:1;min-width:80px;height:8px;overflow:hidden}.batch-voortgang-fill{border-radius:var(--radius-sm);min-width:2px;height:100%;transition:width .3s}.batch-voortgang-fill.betaald{background:var(--ink)}.batch-totaal-voortgang .batch-voortgang-track{height:12px}.global-zoek-acties{align-items:center;gap:8px;margin-left:auto;display:flex}.notificatie-bell{position:relative}.notificatie-bell-knop{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:36px;height:36px;color:var(--ink);cursor:pointer;place-items:center;display:grid;position:relative}.notificatie-bell-knop:hover{border-color:var(--ink)}.notificatie-bell-badge{background:var(--red);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notificatie-bell-dropdown{background:var(--surface);border:1px solid var(--border);width:min(360px,90vw);box-shadow:var(--dropdown-shadow);z-index:40;position:absolute;top:calc(100% + 6px);right:0}.notificatie-bell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;display:flex}.notificatie-bell-leeg{margin:0;padding:16px 14px;font-size:13px}.notificatie-bell-groep-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 14px 4px;font-size:11px;font-weight:700}.notificatie-bell-lijst ul{margin:0;padding:0 0 8px;list-style:none}.notificatie-bell-lijst li a{color:inherit;padding:8px 14px;font-size:13px;text-decoration:none;display:block}.notificatie-bell-lijst li a:hover{background:var(--bg)}.notificatie-bell-item-label{font-weight:500;display:block}.notificatie-bell-item-detail{margin-top:2px;font-size:12px;display:block}.recente-items{border-top:1px solid #ffffff1a;margin-top:8px;padding:10px 10px 0}.recente-items-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-on-dark-faint);align-items:center;gap:6px;padding:0 4px 8px;font-size:11px;font-weight:600;display:flex}.recente-items-link{color:var(--text-on-dark-muted);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12px;text-decoration:none;display:block;overflow:hidden}.recente-items-link:hover{color:#fff;background:#ffffff14}.favoriet-knop{width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;place-items:center;display:grid}.favoriet-knop.compact{width:24px;height:24px}.favoriet-knop:hover,.favoriet-knop.actief{color:var(--gold)}.email-preview-modal{background:var(--surface);border:1px solid var(--border);flex-direction:column;width:min(560px,100%);max-height:min(88vh,720px);display:flex}.email-preview-meta{border-bottom:1px solid var(--border);gap:4px;padding:12px 16px;font-size:13px;display:grid}.email-preview-body{white-space:pre-wrap;background:var(--bg);flex:1;margin:0;padding:16px;font-family:inherit;font-size:13px;line-height:1.55;overflow-y:auto}.email-preview-acties{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.betaling-voortgang{padding:16px 18px}.betaling-voortgang-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.betaling-voortgang-track{height:12px}.batch-voortgang-fill.volledig{background:var(--green,#2d6a4f)}.audit-trail{margin:0;padding:8px 0;list-style:none}.audit-trail-item{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr;gap:12px;padding:12px 18px;font-size:13px;display:grid}.audit-trail-item:last-child{border-bottom:none}.audit-trail-datum{color:var(--muted);font-size:12px}.audit-trail-actie{font-weight:500}.audit-trail-detail{margin-top:2px;font-size:12px}.audit-trail-link{margin-top:4px;font-size:12px;display:inline-block}@media (max-width:600px){.audit-trail-item{grid-template-columns:1fr;gap:4px}}.offerte-vergelijk-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.offerte-vergelijk-kolom{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.offerte-vergelijk-kolom h3{margin:0 0 12px;font-size:15px}.offerte-vergelijk-select{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.offerte-vergelijk-select .field{flex:1;min-width:200px}.detail-list .row.diff-changed{background:color-mix(in srgb, var(--warning,#f59e0b) 12%, transparent);border-radius:4px;margin:0 -4px;padding:2px 4px}.diff-plus{color:var(--success,#16a34a);font-weight:600}.diff-minus{color:var(--danger,#dc2626);font-weight:600}@media (max-width:900px){.offerte-vergelijk-grid{grid-template-columns:1fr}}.pwa-install-banner{z-index:1200;background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:min(560px,100vw - 32px);padding:12px 16px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.pwa-install-banner__tekst{color:var(--text);align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.pwa-install-banner__tekst svg{color:var(--accent);flex-shrink:0;margin-top:2px}@media (max-width:600px){.pwa-install-banner{flex-direction:column;align-items:stretch}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg) 50%, var(--border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-page{animation:none}.help-tooltip{vertical-align:middle;color:var(--muted);cursor:help;align-items:center;margin-left:4px;display:inline-flex;position:relative}.help-tooltip:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:50%}.help-tooltip-tekst{min-width:220px;max-width:280px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;visibility:hidden;pointer-events:none;z-index:50;text-align:left;padding:10px 12px;font-size:13px;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.help-tooltip:hover .help-tooltip-tekst,.help-tooltip:focus .help-tooltip-tekst{opacity:1;visibility:visible}.onboarding-overlay{z-index:2000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:28px 24px 22px;position:relative;overflow-y:auto;box-shadow:0 12px 48px #0003}.onboarding-sluit{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;position:absolute;top:12px;right:12px}.onboarding-sluit:hover{color:var(--ink);background:var(--bg)}.onboarding-icoon{background:var(--accent-soft,#fdb51526);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.onboarding-card h2{margin:0 0 10px;font-size:20px}.onboarding-tekst{margin:0 0 16px;font-size:14px;line-height:1.5}.onboarding-stappen{justify-content:center;gap:8px;margin:18px 0 16px;display:flex}.onboarding-dot{background:var(--border);border-radius:50%;width:8px;height:8px}.onboarding-dot.actief{background:var(--accent)}.onboarding-acties{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.skip-link{z-index:9999;background:var(--primary);color:#fff;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{top:12px;left:12px}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.kopieer-knop{color:var(--text-faint);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 4px;font-size:12px;display:inline-flex}.kopieer-knop:hover{color:var(--text)}.kopieer-knop.compact{vertical-align:middle;padding:2px}.datum-vandaag-knop{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;white-space:nowrap;padding:6px 10px;font-size:12px}.datum-vandaag-knop:hover{background:var(--bg)}.fase-kolommen-editor{max-width:520px}.fase-kolommen-lijst{flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.fase-kolom-rij{border:1px solid var(--border);background:var(--surface);cursor:grab;align-items:center;gap:10px;padding:10px 12px;display:flex}.fase-kolom-rij.drop-target{border-color:var(--gold);background:var(--accent-soft)}.fase-kolom-grip{color:var(--text-faint);place-items:center;display:grid}.fase-kolom-acties{margin-left:auto}.fase-kolom-toevoegen{flex-wrap:wrap;gap:8px;display:flex}.fase-kolom-toevoegen input{flex:1;min-width:180px}.command-palette-overlay{z-index:9000;background:#0b0e1e73;place-items:start center;padding:12vh 16px 24px;display:grid;position:fixed;inset:0}.command-palette{background:var(--surface);border:1px solid var(--border);width:min(560px,100%);box-shadow:var(--dropdown-shadow);overflow:hidden}.command-palette-zoek{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.command-palette-zoek input{background:0 0;border:none;outline:none;flex:1;padding:0;font-size:15px}.command-palette-kbd,.command-palette-footer kbd{border:1px solid var(--border);background:var(--bg);color:var(--text-faint);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.command-palette-lijst{max-height:min(50vh,420px);padding:8px 0;overflow-y:auto}.command-palette-groep-titel{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:6px 14px 4px;font-size:10px;font-weight:700}.command-palette-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:14px;display:flex}.command-palette-item:hover,.command-palette-item.actief{background:var(--row-hover)}.command-palette-item-label{align-items:center;gap:8px;font-weight:600;display:inline-flex}.command-palette-item-pad{flex-shrink:0;font-size:11px}.command-palette-leeg{margin:0;padding:16px 14px}.command-palette-footer{border-top:1px solid var(--border);gap:14px;padding:10px 14px;font-size:11px;display:flex}.onboarding-checklist-sluit{color:var(--text-faint);cursor:pointer;background:0 0;border:none;place-items:center;padding:4px;display:grid}.onboarding-checklist-sluit:hover{color:var(--text)}.onboarding-checklist-lijst{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.onboarding-checklist-lijst li{align-items:flex-start;gap:10px;display:flex}.onboarding-checklist-lijst li.voltooid .onboarding-checklist-icoon{color:var(--green)}.onboarding-checklist-icoon{color:var(--text-faint);flex-shrink:0;margin-top:2px}.onboarding-checklist-tekst{flex-direction:column;gap:2px;font-size:14px;display:flex}html{overscroll-behavior-y:contain}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}[data-density=compact] td,[data-density=compact] th{padding-top:8px;padding-bottom:8px}.veld-verplicht{color:var(--red);margin-left:2px}.veld-hint{color:var(--text-faint);margin:-2px 0 6px;font-size:12px}.veld-fout{color:var(--red);margin:6px 0 0;font-size:12px}.autosave-indicator{color:var(--green);align-items:center;gap:6px;font-size:12px;display:inline-flex}.offerte-totaal-preview{display:inline-block;position:relative}.offerte-totaal-tooltip{background:var(--surface);border:1px solid var(--border);min-width:180px;box-shadow:var(--dropdown-shadow);opacity:0;visibility:hidden;pointer-events:none;z-index:20;padding:10px 12px;font-size:12px;position:absolute;bottom:calc(100% + 8px);right:0}.offerte-totaal-preview:hover .offerte-totaal-tooltip,.offerte-totaal-preview:focus-within .offerte-totaal-tooltip{opacity:1;visibility:visible}.offerte-totaal-tooltip-rij{justify-content:space-between;gap:12px;display:flex}.rij-context-menu{z-index:250;background:var(--surface);border:1px solid var(--border);min-width:180px;box-shadow:var(--dropdown-shadow);padding:4px 0;position:fixed}.rij-context-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:flex}.rij-context-item:hover{background:var(--accent-soft)}.betaallink-qr-preview{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.betaallink-qr-canvas{border:1px solid var(--border);background:#fff;display:block}.table-pin-kolom th:first-child,.table-pin-kolom td:first-child{z-index:2;background:var(--surface);box-shadow:1px 0 0 var(--border-light);position:sticky;left:0}.theme-toggle--dark{border-color:var(--gold);color:var(--gold)}[data-theme=dark] .badge.green{color:#7fd4a8}[data-theme=dark] .badge.amber{color:#e8b85c}@media (max-width:900px) and (orientation:landscape){.table-scroll:after{content:"Swipe horizontaal voor meer kolommen";color:var(--text-faint);text-align:center;padding:6px 0 2px;font-size:11px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.build-versie-banner{z-index:9000;background:var(--panel);border:1px solid var(--gold);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;max-width:min(560px,100vw - 32px);padding:12px 16px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000002e}.build-versie-banner .btn{white-space:nowrap;margin-left:auto}.multi-tab-banner{z-index:40;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;position:sticky;top:0}@media print{.sidebar,.global-zoek-bar,.mobile-menu-btn,.sidebar-backdrop,.skip-link,.help-knop,.tabs,.btn,.flash,.breadcrumbs,.topbar-actions{display:none!important}.main{margin:0!important;padding:0!important}.panel,.kanban,.offerte-sidebar{break-inside:avoid}body{color:#000;background:#fff}}.offerte-regel-head-rechts{align-items:center;gap:8px;display:flex}.offerte-ai-regel-btn{border:1px solid var(--gold);color:var(--ink);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#fff3d6;border-radius:2px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.offerte-ai-regel-btn:hover:not(:disabled){background:#fed97f}.offerte-ai-regel-btn:disabled{opacity:.55;cursor:not-allowed}.offerte-regel-kaart.ai-selected{box-shadow:inset 3px 0 0 var(--gold);background:color-mix(in srgb, #fff3d6 55%, var(--surface))}.offerte-regel-kaart.ai-generating{outline:1px solid color-mix(in srgb, var(--gold) 50%, transparent)}.ob-kopbalk{z-index:12;border-bottom:1px solid var(--dim-ink-15);background:#fff;position:sticky;top:0}.ob-kopbalk-rij{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;padding:10px 28px 0;display:flex}.ob-kruimel{color:var(--dim-ink-50);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;margin-right:auto;font-size:12px;display:flex;overflow:hidden}.ob-kruimel a{color:inherit}.ob-kruimel a:hover{color:var(--dim-ink)}.ob-kruimel strong{color:var(--dim-ink);font-weight:600}.ob-kopbalk-acties{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 8px;display:flex}.ob-bewaard{font:inherit;color:var(--dim-ink-70);white-space:nowrap;cursor:pointer;background:0 0;border:0;margin-right:4px;padding:0;font-size:12px}.ob-bewaard:hover{color:var(--dim-ink);text-decoration:underline}.ob-bewaard.bezig{color:var(--dim-ink-50)}.ob-bewaard.fout{color:var(--dim-error)}.ob-status-badge{background:var(--dim-ink-8);height:22px;color:var(--dim-ink);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:2px;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.ob-status-badge.groen{background:var(--dim-success-tint);color:var(--dim-success)}.ob-status-badge.rood{background:var(--dim-error-tint);color:var(--dim-error)}.ob-status-badge.goud{background:var(--dim-gold-tint);color:var(--dim-warning)}.ob-btn{height:34px;font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.ob-btn.ghost{color:var(--dim-ink);background:0 0}.ob-btn.ghost:hover{background:var(--dim-ink-4)}.ob-btn.outline{color:var(--dim-ink);border-color:var(--dim-ink);background:#fff}.ob-btn.outline:hover{background:var(--dim-ink);color:#fff}.ob-btn.dark{background:var(--dim-ink);color:#fff;border-color:var(--dim-ink)}.ob-btn.dark:hover{background:#1c2130}.ob-btn.primary{background:var(--dim-gold);color:var(--dim-ink);border-color:var(--dim-gold)}.ob-btn.primary:hover{background:var(--dim-gold-hover);border-color:var(--dim-gold-hover)}.ob-btn:disabled{opacity:.45;cursor:not-allowed}.ob-btn.ob-btn-download{white-space:nowrap}.ob-btn.ob-btn-download svg{flex:none}.ob-btn.outline:disabled:hover{color:var(--dim-ink);background:#fff}.ob-btn.vol{width:100%}.ob-tabs{gap:30px;padding:6px 28px 0;display:flex;overflow-x:auto}.ob-tabs a,.ob-tabs span{letter-spacing:.12em;text-transform:uppercase;color:var(--dim-ink-50);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.ob-tabs a:hover{color:var(--dim-ink)}.ob-tabs a.on{color:var(--dim-ink);border-bottom-color:var(--dim-gold)}.ob-tabs span.uit{opacity:.45;cursor:not-allowed}.ob-toast{z-index:60;background:var(--dim-ink);color:#fff;border-left:3px solid var(--dim-gold);max-width:min(90vw,560px);padding:12px 18px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0b0e1e40}.ob-body{align-items:flex-start;gap:24px;padding:24px 28px 60px;display:flex}.ob-form{max-width:none}.ob-main{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.ob-waarschuwing{background:var(--dim-warning-tint);border:1px solid var(--dim-gold-soft);color:var(--dim-warning);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:16px;width:794px;max-width:100%;padding:10px 14px;font-size:13px;display:flex}.ob-waarschuwing strong{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px}.ob-pdf-import{box-sizing:border-box;border:1px solid var(--dim-border,#ddd5c8);background:linear-gradient(135deg,#f7f3eb 0%,#fff 55%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:794px;max-width:100%;padding:14px 16px;display:flex}.ob-pdf-import-tekst{min-width:0;color:var(--dim-muted,#6b645a);flex-direction:column;flex:1;gap:4px;font-size:13px;line-height:1.4;display:flex}.ob-pdf-import-tekst strong{color:var(--dim-ink,#1c1915);align-items:center;gap:6px;font-size:14px;display:inline-flex}.ob-pdf-import-bestand,.ob-pdf-import-hint{font-size:12px}.ob-pdf-import-fout{color:var(--dim-error,#b42318);font-size:12px}.oc-scherm{flex-direction:column;gap:16px;display:flex}.oc-kolommen{height:calc(100vh - var(--oc-boven,180px) - 24px);grid-template-columns:minmax(360px,42fr) minmax(0,58fr);align-items:stretch;gap:24px;min-height:560px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.oc-chat{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.oc-chat-sleep{border-color:var(--gold)}.oc-chat-kop{border-bottom:1px solid var(--dim-ink-15);background:var(--dim-paper-warm);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.oc-chat-kop .kop{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.oc-knop-klein{appearance:none;border:1px solid var(--dim-ink-15);color:var(--dim-ink-70);font:inherit;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#fff;border-radius:2px;flex-shrink:0;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.oc-knop-klein:hover:not(:disabled){border-color:var(--dim-ink);color:var(--dim-ink)}.oc-knop-klein:disabled{opacity:.45;cursor:not-allowed}.oc-knop-klein-waarschuwing{border-color:var(--dim-error);color:var(--dim-error);background:var(--dim-error-tint)}.oc-berichten{scroll-behavior:smooth;background:radial-gradient(circle at 100% 0,#fdb5150f,#0000 40%),#fff;flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 16px 8px;display:flex;overflow-y:auto}.oc-bericht{align-items:flex-start;gap:10px;max-width:88%;display:flex}.oc-bericht-assistent{align-self:flex-start}.oc-bericht-gebruiker{flex-direction:row-reverse;align-self:flex-end}.oc-avatar{background:var(--dim-ink);width:26px;height:26px;color:var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.oc-bubbel-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.oc-bericht-gebruiker .oc-bubbel-wrap{align-items:flex-end}.oc-bubbel{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.5;animation:.18s ease-out oc-in}.oc-bericht-assistent .oc-bubbel{background:var(--dim-paper-warm);border:1px solid var(--dim-ink-15);color:var(--dim-ink);border-bottom-left-radius:4px}.oc-bericht-gebruiker .oc-bubbel{background:var(--dim-ink);color:#fff;border-bottom-right-radius:4px}.oc-bericht-fout .oc-bubbel{background:var(--dim-error-tint);color:var(--dim-error);border-color:#e9b8b8}@keyframes oc-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.oc-tijd{color:var(--dim-ink-50);padding:0 4px;font-size:11px}.oc-chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.oc-chips .chip{text-transform:none;letter-spacing:0;white-space:normal;text-align:left;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:500}.oc-bijlagen{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.oc-bericht-gebruiker .oc-bijlagen{justify-content:flex-end}.oc-bijlage{border:1px solid var(--dim-ink-15);background:#fff;border-radius:10px;align-items:center;gap:7px;max-width:260px;font-size:12px;display:inline-flex;overflow:hidden}:is(.oc-bijlage-pdf,.oc-bijlage-foto:not(:has(.oc-thumb))){padding:6px 10px 6px 8px}.oc-bijlage-icoon{color:var(--dim-error);display:inline-flex}.oc-bijlage-foto .oc-bijlage-icoon{color:var(--dim-ink-50)}.oc-bijlage-naam{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--dim-ink);overflow:hidden}.oc-bijlage-grootte{color:var(--dim-ink-50);flex:none}.oc-thumb{object-fit:cover;background:#eee;width:120px;height:120px;display:block}.oc-bubbel-typing{color:var(--dim-ink-70);align-items:center;gap:10px;font-size:13px;display:inline-flex}.oc-dots{gap:3px;display:inline-flex}.oc-dots i{background:var(--dim-ink-50);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite oc-stuiter}.oc-dots i:nth-child(2){animation-delay:.15s}.oc-dots i:nth-child(3){animation-delay:.3s}@keyframes oc-stuiter{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.oc-invoer{border-top:1px solid var(--dim-ink-15);background:#fff;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.oc-wachtrij{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.oc-wachtrij-item{border:1px solid var(--dim-ink-15);background:var(--dim-paper-warm);border-radius:8px;align-items:center;gap:8px;max-width:260px;padding:4px 6px 4px 4px;font-size:12px;display:inline-flex}.oc-wachtrij-thumb{object-fit:cover;background:#eee;border-radius:4px;flex:none;width:34px;height:34px}.oc-wachtrij-pdf{color:var(--dim-error);background:#fff;justify-content:center;align-items:center;display:inline-flex}.oc-wachtrij-naam{flex-direction:column;min-width:0;line-height:1.25;display:flex}.oc-wachtrij-naam>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.oc-wachtrij-naam .muted{font-size:11px}.oc-wachtrij-verwijder{appearance:none;cursor:pointer;color:var(--dim-ink-50);background:0 0;border:0;padding:3px;display:inline-flex}.oc-wachtrij-verwijder:hover{color:var(--dim-error)}.oc-bijlage-fout{margin:0}.oc-invoerbalk{border:1px solid var(--input-border);background:#fff;border-radius:24px;align-items:flex-end;gap:8px;padding:5px 5px 5px 6px;transition:border-color .12s,box-shadow .12s;display:flex}.oc-invoerbalk:focus-within{border-color:var(--dim-ink);box-shadow:0 0 0 3px var(--accent-soft)}.oc-tekstvak{resize:none;min-width:0;max-height:180px;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:10px 4px;font-size:14px;line-height:1.45;overflow-y:auto}.oc-tekstvak:focus{box-shadow:none;border:0;outline:none}.oc-icoonknop{appearance:none;width:36px;height:36px;color:var(--dim-ink-70);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.oc-icoonknop:hover:not(:disabled){background:var(--dim-ink-8);color:var(--dim-ink)}.oc-icoonknop:disabled{opacity:.4;cursor:not-allowed}.oc-verstuur{background:var(--dim-ink);color:#fff}.oc-verstuur:hover:not(:disabled){background:var(--ink-mid);color:var(--gold)}.oc-hint{padding:0 10px;font-size:11px}.oc-sleep-overlay{border:2px dashed var(--gold);color:var(--dim-ink);pointer-events:none;z-index:2;background:#fdb5151f;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.oc-opzet{flex-direction:column;gap:12px;min-width:0;min-height:0;padding-bottom:24px;display:flex;overflow-y:auto}.oc-opzet-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.oc-opzet-titel{flex-direction:column;gap:2px;min-width:0;display:flex}.oc-opzet-teller{font-size:12px}.oc-opzet-acties{flex-wrap:wrap;gap:8px;display:flex}.oc-check{align-items:flex-start;width:100%}.oc-check ul{flex:1;margin:0;padding-left:18px;line-height:1.45}.oc-aangemaakt{color:var(--green,#1f7a4d);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.oc-aangemaakt:hover{text-decoration:underline}.oc-bericht-acties{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.oc-bericht-acties .oc-knop-klein{text-decoration:none}.oc-maak-dialoog{width:min(520px,100%);max-height:min(92vh,760px);overflow:visible}.oc-maak-body{flex-direction:column;min-height:0;padding:16px 16px 0;display:flex;overflow-y:auto}.oc-maak-body .field:last-of-type{margin-bottom:14px}.oc-maak-samenvatting{background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.oc-maak-waarschuwing{width:100%;margin-bottom:12px}.oc-maak-acties{margin-top:2px;padding:12px 0 16px}.ov-houder{width:100%;min-width:0}.ov-schaal{width:100%;position:relative;overflow:hidden}.ob-papier.ob-voorbeeld{transform-origin:0 0;cursor:default;-webkit-user-select:text;user-select:text;width:794px;max-width:none}.ob-voorbeeld .pf{white-space:pre-wrap;overflow-wrap:anywhere;display:block}.ob-voorbeeld .pf:hover{border-bottom-color:#0000}.ob-voorbeeld .ob-regel{cursor:default}.ob-voorbeeld .ob-regel:hover{background:0 0}.ob-voorbeeld .ob-regel-kop-rij{align-items:baseline}.ob-voorbeeld .ob-regel-kop-rij .ob-regel-kop{flex:1;width:auto}.ov-nr{min-width:18px;color:var(--dim-ink-50);flex:none;font-size:11px}.ov-placeholder{font-weight:inherit;color:var(--dim-ink-30)!important}.ov-leeg-regels{text-align:center;color:var(--dim-ink-30);border-bottom:1px solid var(--dim-ink-8);padding:28px 10px;font-size:12px;line-height:1.5}.ov-geen-prijs{color:var(--dim-warning);white-space:nowrap;font-size:11px;font-style:italic}.ob-regel.ov-gewijzigd{animation:2.2s ease-out oc-highlight}@keyframes oc-highlight{0%{background:var(--dim-gold-tint);border-left-color:var(--gold)}70%{background:var(--dim-gold-tint);border-left-color:var(--gold)}to{background:0 0;border-left-color:#0000}}@media (max-width:1180px){.oc-kolommen{gap:20px}.oc-chat-kop{padding:10px 12px}}@media (max-width:999px){.oc-kolommen{grid-template-columns:1fr;height:auto;min-height:0}.oc-chat{height:70vh;min-height:460px}.oc-opzet{overflow:visible}.oc-bericht{max-width:96%}}@media (prefers-reduced-motion:reduce){.oc-bubbel,.ob-regel.ov-gewijzigd,.oc-dots i{animation:none}.oc-berichten{scroll-behavior:auto}}.ob-pdf-import-link{font-size:12px}.ob-fout{background:var(--dim-error-tint);color:var(--dim-error);box-sizing:border-box;border:1px solid #e9b8b8;width:794px;max-width:100%;padding:10px 14px;font-size:13px}.ob-papier{box-sizing:border-box;width:794px;max-width:100%;color:var(--dim-ink-90);background:#fff;font-size:13px;display:flex;box-shadow:0 1px 3px #0b0e1e14,0 12px 32px #0b0e1e14}.ob-papier-rand{background:var(--dim-gold);flex:none;width:6px}.ob-papier-inhoud{flex:1;min-width:0;padding:44px 56px 36px 50px;position:relative}.ob-papier .pf,.ob-papier input.pf,.ob-papier textarea.pf{color:var(--dim-ink-90);resize:none;width:100%;line-height:inherit;font-size:inherit;font-weight:inherit;box-sizing:border-box;box-shadow:none;background:0 0;border:0;border-bottom:1px dashed #0000;border-radius:0;outline:none;height:auto;min-height:0;margin:0;padding:0;font-family:inherit}.ob-papier .pf:hover{border-bottom-color:var(--dim-ink-30)}.ob-papier .pf:focus{border-bottom-color:var(--dim-gold);box-shadow:none}.ob-papier textarea.pf{field-sizing:content;overflow:hidden}.ob-papier .pf[type=number]{appearance:textfield}.ob-papier .pf::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ob-papier .pf::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ob-papier .pf::placeholder{color:var(--dim-ink-30)}.ob-papier .pf:read-only{cursor:default}.ob-papier .pf:read-only:hover{border-bottom-color:#0000}.ob-num{font-variant-numeric:tabular-nums}.ob-kop{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.ob-logo{width:auto;height:84px;margin:-10px 0 0 -6px}.ob-bedrijf{text-align:right;color:var(--dim-ink-70);font-size:11px;line-height:1.6}.ob-meta-rij{justify-content:space-between;gap:24px;margin-bottom:28px;display:flex}.ob-aan{flex:1;max-width:320px;font-size:14px;line-height:1.55}.kop{letter-spacing:.22em;text-transform:uppercase;color:var(--dim-ink-50);margin-bottom:10px;font-size:10px;font-weight:600}.ob-aan .kop{margin-bottom:4px}.ob-papier .pf.sterk{color:var(--dim-ink);font-weight:600}.ob-doc{text-align:right}.ob-doc-titel{letter-spacing:-.02em;color:var(--dim-ink);margin-bottom:12px;font-size:30px;font-weight:700;line-height:1}.ob-doc-grid{text-align:right;grid-template-columns:auto auto;justify-content:end;align-items:center;gap:2px 16px;font-size:12px;display:grid}.ob-doc-grid .k{color:var(--dim-ink-50)}.ob-doc-grid .v{color:var(--dim-ink);font-weight:600}.ob-doc-grid .v .rev{color:var(--dim-ink-50);font-weight:400}.ob-doc-grid .pf,.ob-papier .ob-doc-grid input.pf{text-align:right;width:auto;min-width:0;font-size:12px}.ob-papier .ob-doc-grid input[type=date].pf{width:128px}.ob-doc-grid select.pf{appearance:none;text-align:right;text-align-last:right;cursor:pointer}.ob-onderwerp-blok{margin-bottom:26px}.ob-papier .ob-onderwerp.pf{color:var(--dim-ink);margin-bottom:8px;font-size:18px;font-weight:700}.ob-inleiding-wrap{position:relative}.ob-papier .ob-inleiding.pf{font-size:13px;line-height:1.6}.ob-inleiding-ai{position:absolute;top:0;right:-46px}.ob-tabelkop{border-top:2px solid var(--dim-ink);border-bottom:1px solid var(--dim-ink-15);letter-spacing:.22em;text-transform:uppercase;color:var(--dim-ink-70);grid-template-columns:1fr 92px 96px 104px;gap:12px;padding:8px 10px;font-size:10px;font-weight:600;display:grid}.ob-tabelkop span+span{text-align:right}.ob-groep{margin-top:18px}.ob-groep-kop{align-items:center;gap:10px;padding:0 10px 6px;display:flex}.ob-papier .ob-groep-naam.pf{letter-spacing:.08em;text-transform:uppercase;color:var(--dim-ink);font-size:12px;font-weight:700}.ob-groep-sub{color:var(--dim-ink-50);white-space:nowrap;font-size:11px}.ob-regel{border-bottom:1px solid var(--dim-ink-8);cursor:text;border-left:3px solid #0000;grid-template-columns:1fr 92px 96px 104px;gap:12px;margin-left:-3px;padding:10px 10px 12px;transition:background .12s;display:grid;position:relative}.ob-regel:hover{background:var(--dim-paper-warm)}.ob-regel.sel{border-left-color:var(--dim-gold);background:var(--dim-gold-tint)}.ob-regel.optioneel{opacity:.75}.ob-regel-omschr{min-width:0}.ob-regel-kop-rij{align-items:center;gap:8px;display:flex}.ob-papier .ob-regel-kop.pf{color:var(--dim-ink);font-size:13px;font-weight:600}.ob-badge{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--dim-ink);white-space:nowrap;color:var(--dim-ink);padding:2px 6px;font-size:9px}.ob-papier .ob-regel-tekst.pf{color:var(--dim-ink-70);margin-top:3px;font-size:12px;line-height:1.55}.ob-regel-schrijft{color:var(--dim-gold-dark);align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.ob-blink{background:var(--dim-gold);width:6px;height:6px;animation:1s infinite ob-blink;display:inline-block}.ob-blink.rood{background:var(--dim-error);border-radius:50%}@keyframes ob-blink{0%,to{opacity:1}50%{opacity:.15}}.ob-regel-num{text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:flex-start;gap:4px;font-size:13px;display:flex}.ob-regel-num.prijs{gap:2px}.ob-papier .ob-regel-num .pf{text-align:right}.ob-papier .ob-regel-num.aantal .pf{width:40px}.ob-papier .ob-regel-num.prijs .pf{width:68px}.ob-grijs{color:var(--dim-ink-50)}.ob-regel-totaal{text-align:right;color:var(--dim-ink);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.ob-korting-label{color:var(--dim-error);font-size:11px;font-weight:500}.ob-tools{opacity:0;flex-direction:column;gap:4px;transition:opacity .16s;display:flex;position:absolute;top:6px;right:-46px}.ob-regel:hover .ob-tools,.ob-regel.sel .ob-tools{opacity:1}.tool{border:1px solid var(--dim-ink-15);cursor:pointer;width:30px;height:30px;color:var(--dim-ink-70);background:#fff;border-radius:2px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.tool:hover{border-color:var(--dim-ink);color:var(--dim-ink)}.tool.ai{border-color:var(--dim-gold);background:var(--dim-gold-tint);color:var(--dim-ink)}.tool.ai:hover{background:var(--dim-gold)}.tool.luistert{border-color:var(--dim-error);background:var(--dim-error-tint);color:var(--dim-error)}.tool:disabled{opacity:.45;cursor:not-allowed}.lnk{cursor:pointer;font:inherit;letter-spacing:.12em;text-transform:uppercase;color:var(--dim-ink-70);background:0 0;border:0;padding:0;font-size:11px;font-weight:600;text-decoration:none}.lnk:hover{color:var(--dim-ink)}.lnk.grijs{color:var(--dim-ink-30)}.lnk:disabled{opacity:.45;cursor:not-allowed}.ob-regel-acties{gap:16px;padding:8px 10px;display:flex}.ob-groep-toevoegen{border:1px dashed var(--dim-ink-30);width:calc(100% - 20px);margin:12px 10px 0;padding:10px 16px;display:block}.ob-groep-toevoegen:hover{border-color:var(--dim-ink)}.ob-totaal-wrap{justify-content:flex-end;margin-top:32px;display:flex}.ob-totaal{font-variant-numeric:tabular-nums;width:320px;font-size:13px}.vraag{border-bottom:1px solid var(--dim-ink-8);justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;display:flex}.vraag .k{color:var(--dim-ink-70)}.vraag.los{border-bottom:0}.ob-totaal-korting{align-items:center;gap:4px;display:flex}.ob-papier .ob-totaal-korting .pf{text-align:right;width:34px}.ob-totaal-korting .bedrag{text-align:right;width:90px;color:var(--dim-error)}.ob-totaal-incl{border-bottom:2px solid var(--dim-ink);color:var(--dim-ink);justify-content:space-between;padding:10px 0;font-size:16px;font-weight:700;display:flex}.ob-voetnoot{color:var(--dim-ink-50);text-align:right;padding-top:6px;font-size:11px}.ob-slot{color:var(--dim-ink-70);margin-top:40px;font-size:12px;line-height:1.6}.ob-slot a{color:var(--dim-ink);text-decoration:underline}.ob-excl-incl{color:var(--dim-ink-70);break-inside:avoid;margin-top:14px;line-height:1.55;container-type:inline-size}.ob-excl-incl .kop{color:var(--dim-ink);margin-bottom:3px;font-size:11.5px;font-weight:600}.ob-excl-incl .kolommen{grid-template-columns:1fr 1fr;gap:0 16px;font-size:min(11.5px,2.05cqw);display:grid}.ob-excl-incl ul{min-width:0;margin:0;padding:0;list-style:none}.ob-excl-incl li{white-space:nowrap}.ob-handtekeningen{gap:40px;margin-top:20px;display:flex}.ob-handtekeningen>div{border-top:1px solid var(--dim-ink);color:var(--dim-ink-50);flex:1;padding-top:6px;font-size:11px}.ob-voet{border-top:1px solid var(--dim-ink-8);color:var(--dim-ink-50);text-align:center;margin-top:36px;padding-top:12px;font-size:9px;line-height:1.6}.ob-zijpaneel{flex-direction:column;flex:none;gap:14px;width:340px;max-height:calc(100vh - 130px);display:flex;position:sticky;top:118px;overflow:auto}.kaart{border:1px solid var(--dim-ink-15);background:#fff;border-radius:2px;padding:16px}.kaart.goud{border-color:var(--dim-gold);box-shadow:0 0 0 1px var(--dim-gold)}.kaart-kop-rij{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.kaart-kop-rij .kop{color:var(--dim-ink);margin:0}.kaart-kop-rij .sub{color:var(--dim-ink-50);text-align:right;white-space:nowrap;font-size:11px}.fld,.kaart input.fld,.kaart select.fld,.kaart textarea.fld{box-sizing:border-box;border:1px solid var(--dim-ink-15);width:100%;color:var(--dim-ink-90);background:#fff;border-radius:2px;outline:none;margin-top:4px;padding:9px 11px;font-family:inherit;font-size:13px;line-height:1.4}.fld:focus,.kaart .fld:focus{border-color:var(--dim-ink);box-shadow:0 0 0 1px var(--dim-ink)}.fld:disabled{opacity:.6}.fld::placeholder{color:var(--dim-ink-30)}.ob-lbl{color:var(--dim-ink-70);font-size:11px;display:block}.ob-grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ob-mb12{margin-bottom:12px}.chip{appearance:none;border:1px solid var(--dim-ink-15);font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--dim-ink-70);white-space:nowrap;background:#fff;border-radius:2px;padding:6px 10px;font-size:11px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.chip.on{background:var(--dim-ink);color:#fff;border-color:var(--dim-ink)}.chip:hover{border-color:var(--dim-ink);color:var(--dim-ink)}.chip.on:hover{color:#fff}.chip:disabled{opacity:.5;cursor:not-allowed}.ob-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ob-chips .spacer{flex:1;min-width:4px}.ob-marge-rij{color:var(--dim-ink-70);justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.ob-marge-balk{background:var(--dim-ink-8);height:4px}.ob-marge-balk>div{height:4px;transition:width .2s}.sw{color:var(--dim-ink-90);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;display:flex;position:relative}.sw input{opacity:0;width:0;height:0;margin:0;position:absolute}.sw-track{border:2px solid var(--dim-ink);box-sizing:border-box;background:#fff;border-radius:2px;flex:none;width:34px;height:20px;transition:background .12s;position:relative}.sw-track:after{content:"";background:var(--dim-ink);width:12px;height:12px;transition:transform .12s,background .12s;position:absolute;top:2px;left:2px}.sw input:checked+.sw-track{background:var(--dim-ink)}.sw input:checked+.sw-track:after{background:var(--dim-gold);transform:translate(14px)}.sw input:focus-visible+.sw-track{outline:2px solid var(--dim-gold);outline-offset:2px}.sw input:disabled+.sw-track{opacity:.4}.ob-switches{flex-direction:column;gap:8px;display:flex}.ob-prijsvoorstel{border:1px solid var(--dim-ink-15);text-align:left;width:100%;color:var(--dim-ink-90);cursor:pointer;background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px;font-family:inherit;font-size:12px;display:flex}.ob-prijsvoorstel:hover{background:var(--dim-paper-warm)}.ob-prijsvoorstel .kop{letter-spacing:.12em;margin-bottom:2px;font-size:10px;display:block}.ob-prijsvoorstel .prijs{white-space:nowrap;font-weight:600}.ob-totaal-meta{color:var(--dim-ink-70);flex-wrap:wrap;gap:6px;margin-top:8px;font-size:11px;display:flex}.ob-korting-rij{align-items:center;gap:6px;display:flex}.kaart .ob-korting-rij input.fld{text-align:right;flex:none;width:64px;margin-top:0}.ob-korting-rij .ob-btn{letter-spacing:.06em;white-space:nowrap;flex:1;height:32px;padding:0 10px}.ob-badge-korting{text-transform:none;letter-spacing:0;white-space:nowrap;font-weight:500}.ob-korting-uitleg{color:var(--dim-ink-70);margin-top:8px;font-size:11px;line-height:1.5}.ob-korting-uitleg strong{color:var(--dim-ink)}.vraag.incl{color:var(--dim-ink);border:0;font-size:15px;font-weight:700}.ob-scheiding{border-top:1px solid var(--dim-ink-8);margin-top:12px;padding-top:12px}.ob-range,.kaart input.ob-range{width:100%;accent-color:var(--dim-ink);box-shadow:none;background:0 0;border:0;margin-top:8px;padding:0}.ob-revisie-links{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.ob-hint{color:var(--dim-ink-50);margin-top:8px;font-size:11px;line-height:1.5}.ob-hint.goud{color:var(--dim-gold-dark)}.ob-hint.rood{color:var(--dim-error);align-items:center;gap:6px;margin-top:6px;display:flex}.ob-textarea-wrap{position:relative}.ob-textarea-wrap .fld{resize:none;padding-right:44px}.ob-textarea-wrap .tool{position:absolute;top:10px;right:6px}.ob-relatie .field{margin:0}.ob-relatie .field label{color:var(--dim-ink-70);letter-spacing:0;text-transform:none;font-size:11px;font-weight:400}.ob-relatie .field .hint,.ob-relatie .field small,.ob-relatie .muted{font-size:11px}.ob-leeg-kaart{text-align:center;box-sizing:border-box;width:794px;max-width:100%;padding:48px}.ob-leeg-kaart h2{color:var(--dim-ink);margin:0 0 8px;font-size:18px;font-weight:700}.ob-leeg-kaart p{color:var(--dim-ink-70);margin:0 0 20px;font-size:13px}.ob-leeg-kaart .panel{text-align:left;max-width:560px;margin:0 auto}.ob-tabtekst{color:var(--dim-ink-70);padding:14px 28px 0;font-size:12px}.ob-portaal-preview{border:1px solid var(--dim-ink-15);background:var(--dim-ink);margin:14px 28px 40px}.ob-portaal-frame{background:var(--dim-ink);border:0;width:100%;height:calc(100vh - 230px);min-height:640px;display:block}.ob-factuur-kop{width:794px;max-width:100%;color:var(--dim-ink-70);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.ob-factuur-kop .ob-status-badge{margin-left:6px}@media (max-width:1100px){.ob-body{flex-direction:column}.ob-main{width:100%;min-width:0}.ob-zijpaneel{width:100%;max-height:none;position:static}.ob-tools{opacity:1;flex-direction:row;right:4px}.ob-inleiding-ai{top:-36px;right:0}}@media (min-width:721px) and (max-width:1100px){.ob-body>.ob-zijpaneel{display:contents}.ob-body>.ob-zijpaneel>.kaart{box-sizing:border-box;width:100%}.ob-body>.ob-zijpaneel>.ob-kaart-offerte{order:-1}}.ob-lade-backdrop,.ob-lade-greep,.ob-mobiel-balk{display:none}@media (max-width:720px){.ob-kopbalk-rij{gap:8px;padding:8px 12px 0}.ob-kruimel{flex:100%;order:-1;font-size:11px}.ob-kopbalk-acties{flex-wrap:wrap;gap:6px;width:100%}.ob-kopbalk-acties .ob-btn.ghost:not(.ob-btn-mobiel),.ob-kopbalk-acties .ob-btn.outline:not(.ob-btn-mobiel),.ob-kopbalk-acties .ob-btn.dark:not(.ob-btn-mobiel){display:none}.ob-kopbalk-acties .ob-btn{min-height:40px;padding:0 12px}.ob-tabs{-webkit-overflow-scrolling:touch;padding:0 12px;overflow-x:auto}.ob-body{gap:12px;padding:12px 12px 96px}.ob-papier{width:100%;box-shadow:none;border:1px solid var(--dim-ink-15)}.ob-papier-rand{display:none}.ob-papier-inhoud{padding:16px 14px 28px}.ob-kop{flex-direction:column;align-items:flex-start;gap:12px}.ob-meta{width:100%}.ob-tabelkop{display:none}.ob-regel{grid-template-columns:1fr 1fr;grid-template-areas:"omschr omschr""aantal prijs""totaal totaal";gap:8px 10px;padding:12px 8px 14px}.ob-regel-omschr{grid-area:omschr}.ob-regel-num.aantal{grid-area:aantal;justify-content:flex-start}.ob-regel-num.prijs{grid-area:prijs}.ob-regel-totaal{text-align:left;border-top:1px dashed var(--dim-ink-8);grid-area:totaal;justify-content:space-between;padding-top:4px}.ob-regel-totaal:before{content:"Regel";color:var(--dim-ink-50);margin-right:8px;font-size:11px;font-weight:400}.ob-tools{opacity:1;flex-direction:row;justify-content:flex-start;margin-top:8px;position:static}.ob-tools .ob-tool{min-width:40px;min-height:40px}.ob-waarschuwing,.ob-fout{width:100%}.ob-handtekeningen{flex-direction:column;gap:16px}.ob-lade-backdrop{z-index:40;cursor:pointer;background:#0b0e1e73;border:0;padding:0;display:block;position:fixed;inset:0}.ob-body>.ob-zijpaneel{z-index:50;width:100%;max-height:min(78vh,640px);padding:0 12px calc(16px + env(safe-area-inset-bottom,0px));background:var(--dim-paper,#f6f6f7);-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;display:none;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #0b0e1e2e}.ob-body.ob-lade-open>.ob-zijpaneel{display:flex}.ob-portaal-zij{width:100%!important;max-height:none!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;display:flex!important;position:static!important}.ob-lade-greep{z-index:2;background:var(--dim-paper,#f6f6f7);justify-content:center;align-items:center;margin:0 -4px;padding:10px 4px 8px;display:flex;position:sticky;top:0}.ob-lade-greep-streep{background:var(--dim-ink-15);border-radius:2px;width:36px;height:4px;margin-left:calc(50% - 18px);margin-right:auto;display:block}.ob-lade-sluit{font:inherit;color:var(--dim-ink);cursor:pointer;background:0 0;border:0;padding:8px 4px;font-size:13px;font-weight:600}.ob-mobiel-balk{z-index:30;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--dim-ink-15);background:#fff;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0b0e1e14}.ob-body.ob-lade-open .ob-mobiel-balk{display:none}.ob-mobiel-totaal{min-width:0;color:var(--dim-ink-50);flex-direction:column;flex:1;gap:1px;font-size:11px;display:flex}.ob-mobiel-totaal strong{color:var(--dim-ink);font-size:16px;font-weight:700}.ob-mobiel-balk .ob-btn{white-space:nowrap;flex:none;min-height:42px}.ob-mobiel-balk .ob-mobiel-pdf{gap:4px;padding:0 10px}.ob-grid2{grid-template-columns:1fr}}.ob-tool-opties{letter-spacing:.05em;font-weight:700;display:none}@media (max-width:720px){.ob-tool-opties{display:inline-flex}}.offerte-kanban .kanban-col{background:0 0;border:0}.offerte-kanban .ok-head{border-bottom:2px solid var(--dim-ink);letter-spacing:.22em;text-transform:uppercase;color:var(--dim-ink-70);gap:8px;padding:0 0 8px;font-size:10px;font-weight:600}.offerte-kanban .ok-head-titel{align-items:center;gap:8px;min-width:0;display:inline-flex}.offerte-kanban .ok-head-aantal{letter-spacing:0;color:var(--dim-ink-50);font-size:10px;font-weight:500}.offerte-kanban .ok-head-totaal{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;color:var(--dim-ink-70)}.offerte-kanban .kanban-card.ok-kaart{border:1px solid var(--dim-ink-15);background:#fff;border-left:3px solid #0000;margin:10px 0 0;padding:12px 14px 10px;position:relative}.offerte-kanban .kanban-card.ok-kaart.ok-goud{border-left-color:var(--dim-gold)}.offerte-kanban .kanban-card.ok-kaart:hover{border-color:var(--dim-ink);border-left-color:var(--dim-ink)}.offerte-kanban .kanban-card.ok-kaart.ok-goud:hover{border-left-color:var(--dim-gold)}.offerte-kanban .kanban-empty{border:1px dashed var(--dim-ink-15);margin:10px 0 0}.ok-top{color:var(--dim-ink-50);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.ok-top .kanban-drag-handle{opacity:0;margin:0 -4px 0 -6px;transition:opacity .12s}.ok-kaart:hover .kanban-drag-handle{opacity:1}.ok-nr{color:var(--dim-ink-50);font-variant-numeric:tabular-nums;text-decoration:none}.ok-nr:hover{color:var(--dim-ink)}.ok-dagen{white-space:nowrap;margin-left:auto}.ok-naam{color:var(--dim-ink);font-size:14px;font-weight:700;line-height:1.3;text-decoration:none;display:block}.ok-naam:hover{text-decoration:underline}.ok-onderwerp{color:var(--dim-ink-70);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.ok-rij{justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;display:flex}.ok-bedrag{color:var(--dim-ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.ok-status{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.ok-status.grijs{color:var(--dim-ink-50)}.ok-status.groen{color:var(--dim-success)}.ok-status.rood{color:var(--dim-error)}.ok-status.ink{color:var(--dim-ink)}.ok-sub{color:var(--dim-ink-50);margin-top:4px;font-size:11px}.ok-notitie{margin-top:10px;padding:8px 10px;font-size:11px;line-height:1.45}.ok-notitie.goud{background:var(--dim-gold-tint);color:var(--dim-warning)}.ok-notitie.rood{background:var(--dim-error-tint);color:var(--dim-error)}.offerte-kanban .kanban-fase-select{border-color:var(--dim-ink-8);color:var(--dim-ink-70);opacity:.85;background:#fff;margin-top:10px}.out-knop{border-color:var(--dim-gold);color:var(--dim-ink);background:var(--dim-gold-tint)}.out-knop:hover{background:var(--dim-gold);border-color:var(--dim-gold);color:var(--dim-ink)}.out-banner{box-sizing:border-box;background:var(--dim-ink);color:#fff;border-left:3px solid var(--dim-gold);justify-content:space-between;align-items:center;gap:16px;width:794px;max-width:100%;padding:14px 18px;display:flex}.out-banner>div{flex-direction:column;gap:4px;min-width:0;display:flex}.out-banner strong{letter-spacing:.12em;text-transform:uppercase;color:var(--dim-gold);align-items:center;gap:6px;font-size:11px;display:inline-flex}.out-banner span{color:#ffffffd9;font-size:13px;line-height:1.45}.out-banner .ob-btn{flex:none}.out-overlay{z-index:230;background:#0b0e1e7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.out-dialog{background:var(--surface,#fff);border:1px solid var(--dim-ink-15);border-top:3px solid var(--dim-gold);flex-direction:column;width:min(780px,100%);max-height:min(92vh,900px);display:flex;box-shadow:0 24px 64px #0b0e1e59}.out-kop{border-bottom:1px solid var(--dim-ink-8);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.out-kop h2{color:var(--dim-ink);align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.out-kop h2 svg{color:var(--dim-gold-dark)}.out-kop p{color:var(--dim-ink-70);margin:0;font-size:13px;line-height:1.5}.out-transcript{background:var(--dim-ink-4);flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px;display:flex;overflow:auto}.out-leeg{color:var(--dim-ink-70);padding:4px 2px;font-size:13px;line-height:1.55}.out-leeg strong{letter-spacing:.12em;text-transform:uppercase;color:var(--dim-ink);margin-bottom:6px;font-size:11px;display:block}.out-leeg ol{margin:0;padding-left:20px}.out-leeg li{margin:2px 0}.out-bericht{display:flex}.out-bericht.jij{justify-content:flex-end}.out-bubbel{white-space:pre-wrap;word-break:break-word;border-radius:2px;max-width:88%;padding:10px 14px;font-size:13px;line-height:1.5}.out-bericht.jij .out-bubbel{background:var(--dim-ink);color:#fff;max-height:200px;overflow:auto}.out-bericht.ai .out-bubbel{border:1px solid var(--dim-ink-15);border-left:3px solid var(--dim-gold);white-space:normal;background:#fff}.out-bubbel.bezig{border-left-color:var(--dim-gold)}.out-ai-kop{color:var(--dim-ink);align-items:center;gap:6px;font-weight:600;display:flex}.out-ai-kop svg,.out-ai-kop .ob-blink{color:var(--dim-gold-dark);flex:none}.out-grijs{color:var(--dim-ink-50);font-weight:400}.out-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.out-chip{border:1px solid var(--dim-gold-soft);background:var(--dim-gold-tint);color:var(--dim-ink-90);border-radius:2px;padding:3px 8px;font-size:11px;animation:.25s ease-out out-chip-in}@keyframes out-chip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.out-klant{background:var(--dim-gold-tint);border:1px solid var(--dim-gold-soft);flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.out-klant.ok{color:#2e6b4f;background:#eef6f1;border-color:#cfe4d8;font-weight:600}.out-klant-titel{color:var(--dim-ink-90)}.out-klant-hint{color:var(--dim-ink-70);margin-top:6px;font-size:12px}.out-klant-keuzes{flex-wrap:wrap;gap:8px;display:flex}.out-klant-keuzes .ob-btn{letter-spacing:.04em;text-transform:none;white-space:normal;text-align:left;height:auto;min-height:32px;padding:6px 12px;font-size:12px}.out-opmerkingen{color:var(--dim-ink-70);margin-top:10px;font-size:12px}.out-opmerkingen summary{cursor:pointer;color:var(--dim-warning);font-weight:600}.out-opmerkingen ul{margin:6px 0 0;padding-left:18px}.out-opmerkingen li{margin:3px 0;line-height:1.45}.out-composer{border-top:1px solid var(--dim-ink-8);flex-direction:column;gap:10px;padding:14px 20px 16px;display:flex}.out-textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:96px;font:inherit;color:var(--dim-ink);border:1px solid var(--dim-ink-15);background:#fff;border-radius:2px;padding:12px 14px;font-size:13px;line-height:1.5}.out-textarea:focus{border-color:var(--dim-gold);box-shadow:0 0 0 2px var(--dim-gold-tint);outline:none}.out-textarea:disabled{background:var(--dim-ink-4);color:var(--dim-ink-50)}.out-textarea::placeholder{color:var(--dim-ink-30)}.out-voet{justify-content:space-between;align-items:center;gap:16px;font-size:11px;line-height:1.45;display:flex}.out-knoppen{flex:none;gap:8px;display:flex}.out-melding{border-radius:2px;padding:8px 12px;font-size:12px}.out-melding.rood{background:var(--dim-error-tint);color:var(--dim-error)}.out-kop+.out-melding{margin:12px 20px 0}@media (max-width:720px){.out-overlay{place-items:end center;padding:0}.out-dialog{border-top-width:3px;max-height:96vh}.out-banner,.out-voet{flex-direction:column;align-items:stretch}.out-knoppen .ob-btn{flex:1}.out-knop{display:inline-flex}}.ok-verwijder{width:24px;height:24px;color:var(--dim-ink-50);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin:-4px -6px -4px 0;padding:0;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.ok-kaart:hover .ok-verwijder,.ok-verwijder:focus-visible{opacity:1}.ok-verwijder:hover,.ok-verwijder:focus-visible{color:var(--dim-error);background:var(--red-soft);outline:none}@media (hover:none){.ok-verwijder{opacity:1;width:32px;height:32px;margin:-8px -8px -8px 0}}.btn.btn-verwijder{border-color:var(--border);color:var(--text-soft)}.btn.btn-verwijder:hover,.btn.btn-gevaar{border-color:var(--red);background:var(--red);color:#fff}.btn.btn-gevaar:hover{color:#fff;background:#8a2727;border-color:#8a2727}.ob-btn.ob-btn-verwijder{width:34px;color:var(--dim-ink-50);padding:0}.ob-btn.ob-btn-verwijder:hover{color:var(--dim-error);background:var(--red-soft)}.ov-overlay{z-index:260;background:#0b0e1e80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.ov-dialoog{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--dropdown-shadow);flex-direction:column;display:flex}.ov-kop{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.ov-kop h2{margin:0;font-size:15px}.ov-body{padding:16px}.ov-tekst{margin:0;font-size:14px;line-height:1.5}.ov-sub{color:var(--text-soft);margin:8px 0 0;font-size:13px;line-height:1.5}.ov-body .error{margin-top:12px}.ov-voet{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}@media (max-width:640px){.ov-overlay{align-items:end;padding:0}.ov-dialoog{border-bottom:none;border-left:none;border-right:none;width:100%}.ov-voet{padding-bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:column-reverse}.ov-voet .btn{justify-content:center;min-height:44px}}