:root{--bg:#edf0f5;--surface:#fff;--surface-alt:#f4f6f9;--surface-muted:#fafafd;--border:#e1e5f0;--border-soft:#eef0f4;--border-line:#f1f2f3;--ink-900:#071b55;--ink-700:#252525;--ink-500:#6b7a94;--ink-400:#9aa5b8;--ink-300:#ccc;--accent-green:#009a82;--accent-green-hover:#00876f;--accent-green-soft:#e5f5f3;--accent-blue:#0d35a0;--accent-blue-soft:#e2eaff;--accent-blue-glow:#0d35a038;--accent-blue-ring:#0d35a01a;--accent-magenta:#e6007e;--accent-magenta-soft:#fde5f0;--danger:#ec5555;--danger-hover:#d94848;--danger-soft:#fdecec;--shadow-card:0 7px 16px 0 #c7cadc1a, 0 30px 30px 0 #c7cadc17, 0 67px 40px 0 #c7cadc0d;--shadow-kpi-blue:0 4px 14px 0 #1350ea0f;--shadow-kpi-pink:0 4px 14px 0 #e6007e17;--shadow-kpi-green:0 4px 14px 0 #00c89212;--shadow-panel:4px 4px 15px 0 #0e22550d;--assist-gradient:linear-gradient(135deg, #eef2ff 0%, #ede9fe 50%, #fce7f3 100%);--radius:4px;--radius-md:8px;--radius-lg:12px;--font-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scrollbar-gutter:stable;background:radial-gradient(100% 55% at 50% -8%,#c3d5ff61,#0000 65%),linear-gradient(168deg,#f1f4fb,#eaecf3 55%,#e7eaf1);min-height:100vh;margin:0;padding:0;overflow-y:scroll}html:before{content:"";opacity:.032;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html,body{font-family:var(--font-sans);color:var(--ink-700);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px}body{background:0 0}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input{color:inherit;font-family:inherit}input:focus-visible{outline:none}:focus:not(:focus-visible){box-shadow:none!important;outline:none!important}html[data-input-modality=pointer] .off-detail-page :focus,html[data-input-modality=pointer] .off-detail-page :focus-within{outline:none!important}html[data-input-modality=pointer] .off-detail-page [data-kbd-section]:focus-within,html[data-input-modality=pointer] .off-detail-page .items-row[tabindex]:focus,html[data-input-modality=pointer] .off-detail-page .items-row[data-kbd-section]:focus-within,html[data-input-modality=pointer] .off-detail-page .inline-select:focus,html[data-input-modality=pointer] .off-detail-page .inline-select:focus-visible,html[data-input-modality=pointer] .off-detail-page .inline-combo:focus-within,html[data-input-modality=pointer] .off-detail-page .svc-order-search__field:focus-within,html[data-input-modality=pointer] .off-detail-page .editable-text:focus,html[data-input-modality=pointer] .off-detail-page .cell-edit:focus,html[data-input-modality=pointer] .off-detail-page .cell-edit:focus-visible,html[data-input-modality=pointer] .off-detail-page .totals__pct-input:focus,html[data-input-modality=pointer] .off-detail-page .totals__pct-input:focus-visible,html[data-input-modality=pointer] .off-detail-page .totals__amt-input:focus,html[data-input-modality=pointer] .off-detail-page .totals__amt-input:focus-visible{box-shadow:none!important}.app{grid-template-columns:var(--sidebar-w,230px) 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar""sidebar main";min-height:100vh;display:grid;position:relative}.app:before{content:"";z-index:100;pointer-events:none;background:linear-gradient(90deg,#1bc7ad,#0d8c9e 28%,#0d35a0,#ec4899);height:3px;position:fixed;top:0;left:0;right:0}.topbar-shell{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);grid-area:topbar;align-items:center;height:56px;padding:0;display:flex;position:sticky;top:0;overflow:visible}.topbar-shell__gradient{pointer-events:none;background:linear-gradient(90deg,#1bc7ad,#0d8c9e 28%,#0d35a0,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.topbar-shell__brand{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;width:230px;height:100%;padding:0 18px;display:flex}.topbar-shell__name{letter-spacing:-.3px;background:linear-gradient(90deg,#1bc7ad,#0d35a0);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.topbar-shell__crumbs{align-items:center;gap:4px;min-width:0;padding-left:24px;display:flex}.topbar-shell__back{border-radius:var(--radius-md);width:28px;height:28px;color:var(--ink-500);justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.topbar-shell__back:hover{background:var(--surface-alt);color:var(--accent-blue)}.topbar-shell__crumb{color:var(--ink-700);padding:0 6px;font-size:14px;font-weight:500}.topbar-shell__title{min-width:0;color:var(--ink-900);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;padding-left:24px;font-size:16px;font-weight:700;overflow:hidden}.topbar-shell__center{flex:none;justify-content:center;display:flex}.topbar-shell__right{flex:1 1 0}.assist-btn{background:var(--assist-gradient);height:32px;color:var(--accent-blue);border:1px solid #8b5cf62e;border-radius:999px;align-items:center;gap:8px;padding:0 8px 0 14px;font-size:13px;font-weight:500;transition:filter .15s,box-shadow .15s;display:inline-flex}.assist-btn:hover{filter:brightness(1.02);box-shadow:0 2px 10px #8b5cf62e}.assist-btn__icon{color:#8b5cf6}.assist-btn__kbd{border-radius:var(--radius-md);height:20px;color:var(--ink-500);background:#ffffffb3;border:1px solid #8b5cf62e;align-items:center;padding:0 7px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.assist-btn--has-context{box-shadow:0 0 0 1px #8b5cf659,0 4px 14px #8b5cf62e}.assist-btn--pulse{animation:.9s assistPulse}@keyframes assistPulse{0%{transform:scale(1);box-shadow:0 0 #8b5cf673}50%{transform:scale(1.04);box-shadow:0 0 0 8px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}.topbar-shell__right{justify-content:flex-end;align-items:center;gap:8px;padding-right:16px;display:flex}.user-menu{position:relative}.user-avatar{background:var(--accent-blue-soft);width:30px;height:30px;color:var(--accent-blue);border:1px solid var(--border);letter-spacing:.2px;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.user-avatar:hover{background:var(--surface-alt)}.user-avatar:focus-visible{box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.user-menu__pop{min-width:232px;top:38px;right:0}.user-menu__head{gap:2px;padding:8px 10px 6px;display:grid}.user-menu__name{color:var(--ink-900);font-size:13px;font-weight:500}.user-menu__mail{color:var(--ink-500);font-size:12px}.location-pill{border-radius:var(--radius-md);background:var(--surface);height:40px;color:var(--ink-700);align-items:center;gap:10px;padding:0 10px 0 12px;transition:background .15s;display:inline-flex}.location-pill:hover{background:var(--surface-alt)}.location-pill__icon{width:20px;height:20px;color:var(--ink-500);justify-content:center;align-items:center;display:inline-flex}.location-pill__text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.location-pill__name{color:var(--accent-blue);font-size:13px;font-weight:600}.location-pill__sub{color:var(--ink-500);margin-top:2px;font-size:11px}.location-pill__caret{color:var(--ink-400)}.topbar-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--ink-700);justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:relative}.topbar-icon-btn:hover{background:var(--surface-alt)}.topbar-icon-btn__dot{border:2px solid var(--surface);background:#ec4899;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:9px}.topbar-user{border-radius:var(--radius-md);height:36px;color:var(--ink-700);align-items:center;gap:8px;padding:0 10px 0 6px;transition:background .15s;display:inline-flex}.topbar-user:hover{background:var(--surface-alt)}.topbar-user__avatar{background:var(--surface-alt);width:28px;height:28px;color:var(--ink-500);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.topbar-user__name{color:var(--accent-blue);font-size:13px;font-weight:500}@media(max-width:1100px){.topbar-shell{grid-template-columns:230px auto 1fr auto auto}.location-pill__text,.topbar-shell__crumb{display:none}}.crumb{color:var(--ink-500);border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.crumb:hover{background:var(--surface-alt)}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:1;flex-direction:column;grid-area:sidebar;height:100vh;padding:18px 14px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.nav--footer{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.sidebar__brand{align-items:center;padding:6px 6px 22px;display:flex;overflow:hidden}.brand-img{flex-shrink:0;width:auto;height:24px;display:block}.sidebar--collapsed .sidebar__brand{max-width:26px}.nav{flex-direction:column;gap:2px;display:flex}.nav__item{border-radius:var(--radius-md);color:var(--ink-500);font-size:13px;font-family:var(--font-sans);text-align:left;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:14px;width:100%;padding:10px 14px;transition:background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.nav__item:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.nav__item:hover .nav__icon{color:var(--accent-blue)}.nav__item.is-active{background:var(--accent-blue-soft);color:var(--ink-700);border-left-color:var(--accent-blue);font-weight:600}.nav__item.is-active .nav__icon{color:var(--accent-blue)}.nav__item.is-disabled{cursor:not-allowed}.nav__item.is-disabled:hover{color:var(--ink-500);background:0 0}.nav__item.is-disabled:hover .nav__icon{color:currentColor}.nav__section{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-400);margin:12px 14px 4px;padding:4px 0;font-size:10px;font-weight:700}.nav__section-divider{background:var(--line);height:1px;margin:12px 8px}.nav__icon{color:currentColor;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.sidebar--collapsed{padding:18px 10px 24px;overflow:visible}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:4px 0 22px}.sidebar--collapsed .nav__item{justify-content:center;gap:0;padding:10px}.sidebar__collapse-btn{border-radius:var(--radius-md);width:100%;color:var(--ink-400);cursor:pointer;justify-content:center;align-items:center;margin-top:8px;padding:10px;transition:background .18s,color .18s;display:flex}.sidebar__collapse-btn:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.main{flex-direction:column;grid-area:main;min-width:0;display:flex}.page{flex:1;min-width:0;padding:32px 40px 64px}.off-detail-page{background:radial-gradient(90% 45% at 50% -12%,#ccdcff3d,#0000 70%),linear-gradient(168deg,#f7f9fd,#f3f6fb 55%,#eff3f9)}@media(max-width:1280px){.page{padding:24px 24px 48px}}.page__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page__title{color:var(--accent-blue);letter-spacing:-.4px;margin:0;font-size:26px;font-weight:700}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent-green);color:#fff}.btn--primary:hover{background:var(--accent-green-hover)}.btn--secondary{background:var(--surface);border:1px solid var(--ink-300);color:var(--ink-900)}.btn--secondary:hover{background:var(--surface-alt);border-color:var(--ink-400)}.btn--secondary--made{border-color:var(--accent-green);color:var(--accent-green)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{background:var(--danger-hover)}.btn--danger-outline{background:var(--surface);border:1px solid var(--danger);color:var(--danger)}.btn--danger-outline:hover{background:var(--danger-soft)}.btn.btn--pill{background:var(--surface);border:1px solid var(--ink-300);color:var(--ink-900);border-radius:999px;padding:0 16px}.btn.btn--pill:hover{background:var(--surface-alt);border-color:var(--ink-400)}.btn--pill-icon{background:var(--surface);border:1px solid var(--ink-300);width:28px;height:28px;color:var(--ink-900);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.btn--pill-icon:hover{background:var(--surface-alt);border-color:var(--ink-400)}.ds-btn-canvas{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:28px;display:flex}.ds-btn-canvas--grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ds-btn-slot{flex-direction:column;gap:10px;display:flex}.ds-btn-slot__label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:700}.ds-btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn--ghost{background:var(--surface);border:1px solid var(--ink-300);color:var(--accent-blue)}.btn--ghost:hover{background:var(--surface-alt);border-color:var(--ink-400)}.btn--text{color:var(--ink-500);background:0 0;border:1px solid #0000;padding:0 10px}.btn--text:hover{color:var(--ink-900);background:var(--surface-alt)}.btn--icon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-blue);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn--icon:hover{background:var(--surface-alt)}.btn--icon.is-active{background:var(--border)}.btn--split{background:var(--accent-green);border-radius:var(--radius-md);display:inline-flex;overflow:hidden}.btn--split>.btn--primary{background:var(--accent-green);border-radius:0}.btn--split>.btn--primary+.split-caret{color:#fff;cursor:pointer;border-left:1px solid #ffffff2e;justify-content:center;align-items:center;width:32px;transition:background .15s;display:flex}.btn--split>.split-caret:hover{background:var(--accent-green-hover)}.insights-wrap{flex-direction:column;gap:24px;display:flex}.insights-hero{border-radius:var(--radius-lg);border:1px solid var(--border-soft);color:var(--accent-blue);background:#fff;align-items:center;gap:18px;padding:28px 32px;display:flex;box-shadow:0 8px 28px #0f162a14,0 1px 3px #0f162a0a}.insights-hero__title{color:var(--ink-900);margin:0 0 4px;font-size:20px;font-weight:700}.insights-hero__sub{color:var(--ink-500);margin:0;font-size:13px}.insights-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.insights-kpi{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#fff;padding:20px 22px;box-shadow:0 2px 8px #0f162a0f}.insights-kpi__value{color:var(--ink-900);font-size:22px;font-weight:700}.insights-kpi__label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;margin:4px 0 6px;font-size:11px;font-weight:600}.insights-kpi__trend{color:var(--ink-400);font-size:11px}.insights-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.insights-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#fff;padding:22px 24px;box-shadow:0 2px 8px #0f162a0f}.insights-card__head{color:var(--ink-700);text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;font-size:12px;font-weight:700}.insights-bar-chart{align-items:flex-end;gap:8px;height:120px;padding-bottom:24px;display:flex;position:relative}.insights-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.insights-bar-col__bar-wrap{flex:1;align-items:flex-end;width:100%;display:flex}.insights-bar-col__bar{background:var(--accent-blue-soft);border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px solid var(--accent-blue);width:100%;min-height:4px;transition:background .15s}.insights-bar-col__bar:hover{background:color-mix(in srgb,var(--accent-blue) 20%,white)}.insights-bar-col__label{color:var(--ink-400);margin-top:6px;font-size:10px;position:absolute;bottom:0}.insights-bar-col{position:relative}.insights-row{border-bottom:1px solid var(--border-line);align-items:center;gap:10px;padding:8px 0;font-size:12px;display:flex}.insights-row:last-child{border-bottom:none}.insights-row__rank{width:16px;color:var(--ink-400);flex-shrink:0;font-size:11px}.insights-row__name{color:var(--ink-700);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.insights-row__meta{color:var(--ink-400);flex-shrink:0;font-size:11px}.insights-row__amount{color:var(--ink-700);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi{background:var(--surface);border:1px solid var(--kpi-border,var(--border-soft));border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;height:136px;padding:18px 20px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.kpi:hover{transform:translateY(-2px)}@keyframes enter-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enter-fade{0%{opacity:0}to{opacity:1}}@keyframes pulse-new{0%{background:var(--accent-blue-soft)}to{background:0 0}}@keyframes pop-soft{0%{opacity:0;transform:scale(.96)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.page{animation:.3s ease-out both enter-fade}.kpi-grid>.kpi{animation:.35s cubic-bezier(.2,.7,.3,1) both enter-up}.kpi-grid>.kpi:first-child{animation-delay:0s}.kpi-grid>.kpi:nth-child(2){animation-delay:60ms}.kpi-grid>.kpi:nth-child(3){animation-delay:.12s}.kpi-grid>.kpi:nth-child(4){animation-delay:.18s}.lt-table tbody tr{animation:.26s cubic-bezier(.2,.7,.3,1) both enter-up}.lt-table tbody tr:first-child{animation-delay:0s}.lt-table tbody tr:nth-child(2){animation-delay:25ms}.lt-table tbody tr:nth-child(3){animation-delay:50ms}.lt-table tbody tr:nth-child(4){animation-delay:75ms}.lt-table tbody tr:nth-child(5){animation-delay:.1s}.lt-table tbody tr:nth-child(6){animation-delay:.125s}.lt-table tbody tr:nth-child(7){animation-delay:.15s}.lt-table tbody tr:nth-child(8){animation-delay:.175s}.lt-table tbody tr:nth-child(9){animation-delay:.2s}.lt-table tbody tr:nth-child(10){animation-delay:.22s}.page--overview-loading .kpi-grid>.kpi,.page--overview-loading .lt-table tbody tr{animation:none}.detail-card{animation:.42s ease-out both enter-fade}.klant-dropdown .klant-result,.artikel-dropdown .artikel-result{animation:.2s cubic-bezier(.2,.7,.3,1) both enter-up}.klant-dropdown .klant-result:first-child,.artikel-dropdown .artikel-result:first-child{animation-delay:0s}.klant-dropdown .klant-result:nth-child(2),.artikel-dropdown .artikel-result:nth-child(2){animation-delay:22ms}.klant-dropdown .klant-result:nth-child(3),.artikel-dropdown .artikel-result:nth-child(3){animation-delay:44ms}.klant-dropdown .klant-result:nth-child(4),.artikel-dropdown .artikel-result:nth-child(4){animation-delay:66ms}.klant-dropdown .klant-result:nth-child(5),.artikel-dropdown .artikel-result:nth-child(5){animation-delay:88ms}.klant-dropdown .klant-result:nth-child(6),.artikel-dropdown .artikel-result:nth-child(6){animation-delay:.11s}.klant-dropdown .klant-result:nth-child(7),.artikel-dropdown .artikel-result:nth-child(7){animation-delay:.132s}.klant-dropdown .klant-result:nth-child(8),.artikel-dropdown .artikel-result:nth-child(8){animation-delay:.154s}.is-new{animation:.9s ease-out both pulse-new}.pill--niet,.pill--definitief{animation:.26s cubic-bezier(.2,.7,.3,1.2) both pop-soft}.btn:active,.btn--icon:active,.filter-chip__btn:active,.add-row:active,.items-toolbar__btn:active,.kpi--clickable:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.kpi--clickable{cursor:pointer}.kpi--blue{--kpi-accent:#0d35a0;--kpi-bg:#0d35a00a;--kpi-border:#0d35a01c;--kpi-pill:#0d35a017;box-shadow:var(--shadow-kpi-blue)}.kpi--blue:hover{box-shadow:0 10px 24px #1350ea1c,0 3px 8px #1350ea0f}.kpi--pink{--kpi-accent:#e6007e;--kpi-bg:#e6007e0a;--kpi-border:#e6007e1c;--kpi-pill:#e6007e17;box-shadow:none}.kpi--pink:hover{box-shadow:0 10px 24px #e6007e26,0 3px 8px #e6007e12}.kpi--green{--kpi-accent:#009a82;--kpi-bg:#009a820a;--kpi-border:#009a821c;--kpi-pill:#009a8217;box-shadow:var(--shadow-kpi-green)}.kpi--green:hover{box-shadow:0 10px 24px #00c89221,0 3px 8px #00c8920f}.kpi--active{outline-offset:2px;outline:2px solid #e6007e66}.kpi__open-hint{width:22px;height:22px;color:var(--kpi-accent,var(--ink-400));background:var(--kpi-pill,var(--border-soft));opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex;position:absolute;top:12px;right:14px}.kpi--clickable:hover .kpi__open-hint{opacity:1}.kpi__label{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-400);font-size:11px;font-weight:600}.kpi__sub{text-transform:none;letter-spacing:0;color:var(--ink-300);margin-left:4px;font-weight:500}.kpi__value{color:var(--ink-900);letter-spacing:-.8px;margin-top:14px;font-size:30px;font-weight:700;line-height:1}.kpi__foot{justify-content:flex-start;align-items:center;gap:10px;display:flex}.kpi__foot--spacer{visibility:hidden;min-height:22px}.kpi__trend{color:var(--accent-magenta);white-space:nowrap;font-variant-numeric:tabular-nums;background:#e6007e17;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.kpi__trend--up{color:#0f8a55;background:#10945d1a}.kpi__trend--down{color:var(--accent-magenta);background:#e6007e17}.kpi__trend--neutral{background:var(--surface-muted);color:var(--ink-600)}.kpi__period{color:var(--ink-500);white-space:nowrap;font-size:11px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.card.card--overflow{overflow:visible}.card:has(.filterbar){overflow:visible}.card:has(.toolbar--with-filters){overflow:visible}.toolbar{border-bottom:1px solid var(--border-line);align-items:center;gap:12px;padding:18px 24px 18px 15px;display:flex}.search{flex:0 0 360px;max-width:100%;position:relative}.search input{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);width:100%;height:36px;color:var(--ink-700);padding:0 12px 0 36px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-ring)}.search__icon{width:14px;height:14px;color:var(--ink-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{padding-right:36px}.search__clear{width:24px;height:24px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search__clear:hover{background:var(--surface-alt);color:var(--ink-700)}.search__clear:focus-visible{outline:none;box-shadow:0 0 0 2px #0d35a040}.chip{background:var(--surface-alt);border:1px solid var(--border-soft);height:32px;color:var(--ink-500);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 14px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.chip:hover{background:#eaedf3}.chip__close{width:16px;height:16px;color:var(--ink-400);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.chip__close:hover{background:var(--ink-300);color:var(--ink-700)}.toolbar__spacer{flex:1}.toolbar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.view-toggle{border-radius:var(--radius-md);height:36px;color:var(--ink-400);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.view-toggle:hover{background:var(--surface-alt);color:var(--ink-700)}.view-toggle:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft);outline:none}.view-toggle .switch{margin-left:0}.overview-bar{justify-content:flex-end;align-items:center;min-height:28px;margin-bottom:16px;display:flex}.table-wrap{overflow-x:auto}table.lt-table{border-collapse:collapse;width:100%;font-size:12px}.lt-table thead th{text-align:left;color:var(--ink-500);border-bottom:1px solid var(--border-line);white-space:nowrap;background:#fafbfc;padding:14px 16px;font-size:12px;font-weight:500}.lt-table thead th:last-child{text-align:right}.lt-table__sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.lt-table__sortable:hover{color:var(--ink-700)}.lt-table__sortable.is-sorted{color:var(--ink-900)}.sort-indicator{opacity:0;color:var(--ink-400);vertical-align:middle;align-items:center;margin-left:4px;transition:opacity .15s,transform .15s,color .15s;display:inline-flex}.lt-table__sortable:hover .sort-indicator{opacity:.5}.sort-indicator.is-active{opacity:1;color:var(--accent-blue)}.sort-indicator.is-active.is-asc{transform:rotate(180deg)}.lt-table tbody tr{border-bottom:1px solid var(--border-line);cursor:pointer;transition:background .15s}.lt-table tbody tr:hover{background:var(--surface-alt)}.lt-table tbody tr.is-context{background:#f0f3fa}.lt-table tbody tr.is-keyboard-active{background:var(--surface-alt)}.lt-table td{vertical-align:middle;color:var(--ink-700);height:70px;padding:14px 16px}.lt-table tbody tr{min-height:70px}.lt-table thead th:first-child,.lt-table tbody td:first-child{padding-left:15px}.lt-table td:last-child{text-align:right}.cell-stack{flex-direction:column;gap:2px;display:flex}.cell-muted{color:var(--ink-500);font-size:11px}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 14px;font-size:12px;font-weight:500;transition:box-shadow .18s,transform .12s,background .15s;display:inline-flex}button.pill{cursor:pointer}button.pill:hover{transform:translateY(-1px)}.pill--definitief{background:var(--accent-green-soft);color:var(--accent-green);border-color:#009a8224;box-shadow:0 1px 3px #009a8214}button.pill--definitief:hover{background:#d6efe9;box-shadow:0 2px 6px #009a8224}.pill--niet{background:var(--accent-magenta-soft);color:var(--accent-magenta);border-color:#e6007e24;box-shadow:0 1px 3px #e6007e14}button.pill--niet:hover{background:#fbd3e6;box-shadow:0 2px 6px #e6007e24}.pill__caret{opacity:.75;flex-shrink:0;width:14px;height:14px}.filterbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar--with-filters{flex-wrap:nowrap;align-items:flex-start;column-gap:12px;padding-top:14px;padding-bottom:14px}.toolbar--with-filters .search{flex:none;min-width:240px}.toolbar--with-filters .filterbar{background:0 0;border:none;flex:auto;align-content:flex-start;align-self:stretch;align-items:center;row-gap:8px;min-width:0;padding:0}.toolbar--with-filters .toolbar__actions{align-self:flex-start;align-items:center;height:36px;margin-top:0}.filter-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:stretch;height:32px;transition:border-color .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:visible}.filter-chip:hover{border-color:var(--ink-300)}.filter-chip__btn{color:var(--ink-700);border-radius:999px 0 0 999px;align-items:center;gap:8px;padding:0 6px 0 12px;font-size:12px;display:inline-flex}.filter-chip__btn.is-set{color:var(--accent-blue);font-weight:500}.filter-chip__icon{color:var(--ink-500);display:inline-flex}.filter-chip__btn.is-set .filter-chip__icon{color:var(--accent-magenta)}.filter-chip__label{color:var(--ink-500)}.filter-chip__btn.is-set .filter-chip__label{color:var(--ink-700)}.filter-chip__value{background:var(--accent-blue-soft);color:var(--accent-blue);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:4px;max-width:160px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.filter-chip__value--placeholder{color:var(--ink-400);background:0 0;padding:0;font-weight:400}.filter-chip__more{color:var(--accent-blue);background:#0d35a02e;border-radius:999px;padding:1px 6px;font-size:10px}.filter-chip__caret{width:8px;height:5px;color:var(--ink-400)}.filter-chip__close{border-left:1px solid var(--border);width:22px;color:var(--ink-400);border-radius:0 999px 999px 0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.filter-chip__close:hover{color:var(--danger);background:#fde7e7}.filter-add{position:relative}.filter-add__btn{height:32px;color:var(--ink-500);border:1px dashed var(--ink-300);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:500;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.filter-add__btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-soft);border-style:solid}.filter-clear{color:var(--ink-500);text-underline-offset:2px;border-radius:var(--radius);white-space:nowrap;flex-shrink:0;padding:6px 8px;font-size:11px;text-decoration:underline}.filter-clear:hover{color:var(--danger)}.filter-picker{min-width:220px;padding:6px;position:absolute;top:38px;left:0}.filter-picker__head{color:var(--ink-400);text-transform:uppercase;letter-spacing:.6px;padding:8px 10px 6px;font-size:10px;font-weight:600}.filter-picker__empty{color:var(--ink-400);text-align:center;padding:16px 12px;font-size:12px}.filter-dropdown{min-width:240px;padding:0;position:absolute;top:38px;left:0;overflow:hidden}.filter-dropdown--range{min-width:280px;padding:0}.filter-dropdown__head{color:var(--ink-400);text-transform:uppercase;letter-spacing:.6px;padding:12px 14px 4px;font-size:10px;font-weight:600}.filter-dropdown__search{border-bottom:1px solid var(--border-line);padding:8px;position:relative}.filter-dropdown__search input{background:var(--surface-alt);border-radius:var(--radius);border:1px solid #0000;width:100%;height:30px;padding:0 10px 0 30px;font-size:12px}.filter-dropdown__search input:focus-visible{border-color:var(--accent-blue);background:#fff}.filter-dropdown__search-icon{width:12px;height:12px;color:var(--ink-400);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.filter-dropdown__list{max-height:288px;padding:4px 4px 8px;overflow-y:auto}.filter-dropdown__empty{color:var(--ink-400);text-align:center;padding:16px;font-size:12px}.filter-dropdown__opt{border-radius:var(--radius);text-align:left;width:100%;color:var(--ink-700);align-items:center;gap:10px;padding:8px 10px;font-size:12px;transition:background .1s;display:flex}.filter-dropdown__opt:hover{background:var(--surface-alt)}.filter-dropdown__opt.is-on{background:var(--accent-blue-soft);color:var(--accent-blue);font-weight:500}.filter-dropdown__check{border:1.5px solid var(--ink-300);border-radius:var(--radius);color:#fff;background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:background .12s,border-color .12s;display:inline-flex}.filter-dropdown__check.is-on{background:var(--accent-blue);border-color:var(--accent-blue)}.filter-dropdown__foot{border-top:1px solid var(--border-line);background:var(--surface-muted);align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.filter-dropdown__clear{color:var(--ink-500);font-size:11px}.filter-dropdown__clear:hover{color:var(--danger)}.filter-dropdown__count{color:var(--ink-500);margin-left:auto}.filter-dropdown__apply{background:var(--accent-blue);color:#fff;border-radius:var(--radius);margin-left:auto;padding:5px 12px;font-size:11px;font-weight:500}.filter-range{align-items:flex-end;gap:8px;padding:12px 14px;display:flex}.filter-range label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;flex:1;gap:4px;font-size:10px;display:flex}.filter-range input{border:1px solid var(--border);border-radius:var(--radius);height:32px;color:var(--ink-700);background:#fff;padding:0 10px;font-size:12px}.filter-range input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring)}.filter-range__sep{color:var(--ink-400);padding-bottom:8px}.pagination{color:var(--ink-500);justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;display:flex}.pagination__pages{align-items:center;gap:4px;margin-left:auto;display:flex}.pagination__count{color:var(--ink-500);font-size:12px}.page-btn{border-radius:var(--radius);min-width:28px;height:28px;color:var(--ink-500);justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.page-btn:hover{background:var(--surface-alt)}.page-btn.is-active{background:var(--accent-magenta);color:#fff}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-size{align-items:center;gap:8px;display:inline-flex}.page-size select{border:1px solid var(--border);border-radius:var(--radius);height:28px;color:var(--ink-700);background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.menu{z-index:50;background:var(--surface);border:1px solid color-mix(in oklab,var(--border) 60%,transparent);border-radius:14px;min-width:180px;padding:6px;animation:.12s ease-out menu-in;position:absolute;box-shadow:0 1px 2px #0f162a0a,0 8px 24px #0f162a14,0 24px 56px #0f162a1a}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu__item{border-radius:var(--radius);color:var(--ink-700);text-align:left;cursor:pointer;white-space:nowrap;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;transition:background .12s;display:flex;position:relative}.menu__item:hover{background:var(--surface-alt)}.menu__item:disabled,.menu__item[disabled]{color:var(--ink-400);cursor:not-allowed;background:0 0!important}.menu__item:disabled .menu__icon,.menu__item[disabled] .menu__icon{color:var(--ink-400)}.menu__hint{color:var(--ink-400);margin-left:4px;font-style:italic}.menu__item--danger{color:var(--danger)}.menu__item--danger:hover{background:var(--danger-soft)}.menu__icon{width:14px;height:14px;color:var(--ink-500);flex-shrink:0}.menu__item--danger .menu__icon{color:var(--danger)}.menu__kbd{color:var(--ink-400);border-radius:var(--radius);background:#eef0f4;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:500}.menu__caret{width:10px;height:10px;color:var(--ink-400);margin-left:auto}.menu__divider{background:var(--border);height:1px;margin:4px 0}.menu__item-with-submenu{position:relative}.menu__item-with-submenu .menu{top:-6px;left:calc(100% + 4px)}.menu--flip-sub .menu__item-with-submenu .menu{left:auto;right:calc(100% + 4px)}.menu-toggle{border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;display:flex}.menu-toggle:hover{background:var(--surface-alt)}.switch{background:var(--ink-300);border-radius:999px;flex-shrink:0;width:34px;height:20px;margin-left:auto;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--accent-green)}.switch.is-on:after{left:16px}.detail-grid{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:24px;display:grid}.detail-grid>*{min-width:0}@media(max-width:1200px){.detail-grid{grid-template-columns:1fr}}.detail-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:#fff;padding:32px 48px;box-shadow:0 8px 28px #0f162a14,0 1px 3px #0f162a0a}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-header__title{color:var(--ink-900);margin:0;font-size:18px;font-weight:500}.detail-header__sub{color:var(--ink-500);margin:6px 0 0;font-size:12px}.divider{background:var(--border-line);border:0;height:1px;margin:20px 0}.divider--strong{background:var(--ink-700)}.info-grid{grid-template-columns:1fr 1fr;gap:28px 32px;display:grid}@media(max-width:720px){.info-grid{grid-template-columns:1fr}}.info-block__label{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:700}.info-block__line{color:var(--ink-700);gap:8px;font-size:12px;display:flex}.info-block__line+.info-block__line{margin-top:4px}.info-block__line--strong{margin-bottom:4px;font-weight:700}.info-block__row{align-items:center;gap:12px;font-size:12px;display:flex}.info-block__row+.info-block__row{margin-top:10px}.info-block__row dt{color:var(--ink-400);flex:0 0 90px}.info-block__row dd{color:var(--ink-700);white-space:nowrap;min-width:0;margin:0;font-weight:500}.info-block__row dd .inline-select{white-space:nowrap}.items-head{border-bottom:1px solid var(--border-line);color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:minmax(140px,2fr) 60px 80px 70px 100px;gap:12px;padding:14px 0;font-size:11px;font-weight:500;display:grid}.items-head__num,.items-head__price,.items-head__discount,.items-head__total{text-align:right}.items-row{border-bottom:1px solid var(--border-line);background:#fff;grid-template-columns:minmax(140px,2fr) 60px 80px 70px 100px;align-items:start;gap:12px;padding:16px 0;transition:background .12s;display:grid;position:relative}.items-row:before{content:"";pointer-events:none;z-index:0;background:0 0;border-radius:10px;transition:background .12s;position:absolute;inset:4px -10px}.items-row>*{z-index:1;position:relative}.items-row:hover{background:#fff}.items-row:hover:before{background:var(--surface-muted)}.items-row.is-dragging{opacity:.5}.items-row.is-drop-target:before{background:var(--accent-blue-soft)}.items-row.is-highlight:before{background:var(--surface-alt)}.items-row--child{background:var(--surface-muted);padding-top:10px;padding-bottom:10px;padding-left:22px}.items-row--child:hover:before{background:var(--surface-alt)}.items-row--child .item-name{color:var(--ink-600);font-weight:600}.drag-handle--placeholder{pointer-events:none;width:18px;height:14px;position:absolute;top:17px;left:-22px}.item-child-toggle{border:1px solid var(--border-line);height:16px;color:var(--ink-500);cursor:pointer;vertical-align:middle;background:#fff;border-radius:4px;align-items:center;gap:3px;margin-right:6px;padding:0 5px;font-size:10px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.item-child-toggle:hover{background:var(--surface-muted);color:var(--ink-700);border-color:var(--ink-300)}.item-child-toggle svg{transition:transform .15s}.item-child-toggle.is-open svg{transform:rotate(-180deg)}.item-child-toggle__count{line-height:1}.drag-handle{width:18px;color:var(--ink-400);cursor:grab;opacity:0;justify-content:center;align-items:flex-start;transition:opacity .15s;display:flex;position:absolute;top:17px;left:-32px}.items-row:hover .drag-handle{opacity:1}.drag-handle:active{cursor:grabbing}.item-name{color:var(--ink-700);margin-bottom:4px;font-size:12px;font-weight:700}.item-meta{color:var(--ink-500);white-space:pre-line;font-size:12px}.item-notes{flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;display:flex}.items-row>.item-notes,.items-row>.item-note-add{grid-column:1/-1}.items-row>.item-note-add{justify-self:start}.items-row>.item-notes{margin-top:8px}.items-row>.item-note{align-self:stretch}.items-row>.item-notes .item-note{align-self:stretch;width:100%}.item-notes+.item-note-add{margin-top:2px}.item-notes .item-note,.item-notes .item-note-edit{margin-top:0}.item-note-add--secondary{color:var(--ink-500)}.item-note,.item-note-add{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:6px;max-width:100%;margin-top:6px;padding:3px 6px;font-family:inherit;transition:background .12s,color .12s,opacity .12s;display:inline-flex}.item-note{color:var(--ink-800);background:0 0;padding:3px 6px;font-size:11px;font-style:normal;font-weight:400;line-height:1.35}.item-note>svg{color:var(--ink-500);opacity:.7;flex-shrink:0;margin-top:1px;transition:color .12s,opacity .12s}.item-note:hover{background:var(--surface-muted)}.item-note:hover>svg{opacity:1}.item-note>svg:not(.item-note__audience-icon){opacity:0}.items-row:hover .item-note>svg:not(.item-note__audience-icon){opacity:.7}.item-note:hover>svg:not(.item-note__audience-icon){opacity:1}.item-note>span{white-space:pre-line;word-break:break-word}.item-note:disabled{cursor:default}.item-note:disabled:hover{background:0 0}.item-note-add{color:var(--ink-400);opacity:0;align-items:center;font-size:11px;font-weight:500}.item-note-add>svg{flex-shrink:0}.items-row:hover .item-note-add{opacity:1}.item-note-add:hover{color:var(--accent-blue);background:var(--accent-blue-soft)}.item-note-edit{align-self:stretch;width:100%;margin-top:6px;position:relative}.item-note-audience{background:var(--surface-alt);border-radius:var(--radius);gap:4px;margin-bottom:6px;padding:3px;display:inline-flex}.item-note-audience__opt{border-radius:calc(var(--radius) - 2px);color:var(--ink-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.item-note-audience__opt:hover{color:var(--ink-700)}.item-note-audience__opt.is-active{background:var(--surface);color:var(--ink-900);box-shadow:0 1px 2px #0000000f}.item-note-audience__opt--klant.is-active{color:var(--accent-blue)}.item-note-audience__opt--leverancier.is-active{color:var(--accent-magenta)}.item-note-audience__opt--intern.is-active{color:var(--accent-green)}.item-note-audience__opt>svg{flex-shrink:0}.item-note>svg.item-note__audience-icon{opacity:.85;flex-shrink:0;margin-top:1px}.item-note--klant,.item-note--leverancier{color:var(--ink-800);background:0 0}.item-note--intern{color:var(--ink-700);background:0 0}.item-note--klant .item-note__audience-icon{color:var(--accent-blue)}.item-note--leverancier .item-note__audience-icon{color:var(--accent-green)}.item-note--intern .item-note__audience-icon{color:var(--ink-500)}.item-note-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink-700);resize:vertical;outline:none;min-height:56px;padding:8px 32px 8px 10px;font-family:inherit;font-size:12px;font-style:italic;line-height:1.4;transition:border-color .12s,box-shadow .12s;display:block}.item-note-input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring)}.item-note-input::placeholder{color:var(--ink-400);font-style:italic}.item-note-delete{border-radius:var(--radius);width:22px;height:22px;color:var(--ink-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:4px;right:4px}.item-note-delete:hover{color:var(--danger);background:#ec55551a}.item-num,.item-price,.item-discount,.item-total{text-align:right;color:var(--ink-700);padding-top:0;font-size:12px}.item-total{color:var(--ink-700);padding:5px 7px 5px 0;font-weight:700}.cell-edit{text-align:right;border-radius:var(--radius);width:100%;color:var(--ink-700);background:0 0;border:1px solid #0000;padding:4px 6px;font-family:inherit;font-size:12px;transition:background .12s,border-color .12s}.cell-edit:hover{border-color:var(--border);background:#fff}.cell-edit:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff}.cell-edit[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cell-edit[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cell-edit[type=number]{-moz-appearance:textfield}.add-row{color:var(--ink-500);border:1.5px dashed var(--ink-300);border-radius:var(--radius-md);cursor:pointer;background:var(--surface);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:12px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.add-row svg{transition:transform .25s}.add-row:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-soft);border-style:solid;box-shadow:0 4px 12px #0d35a014}.add-row:not(.add-row--more):hover>svg,.add-row-split:hover .add-row--main>svg{transform:rotate(90deg)}.add-row-split{align-items:stretch;gap:0;margin-top:12px;display:flex;position:relative}.add-row-row{align-items:stretch;gap:8px;margin-top:12px;display:flex}.add-row-row .add-row-split{flex:auto;min-width:0;margin-top:0}.add-row-row .artikel-catalogus-btn{flex:none}.add-row-split .add-row{margin-top:0}.add-row-split .add-row--main{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;flex:auto;min-width:0}.add-row-split .add-row--more{border-left:1.5px dashed var(--ink-300);border-top-left-radius:0;border-bottom-left-radius:0;flex:none;width:44px;padding:12px 0}.add-row-split .add-row--more svg{transition:transform .2s}.add-row-split .add-row--more.is-open svg{transform:rotate(180deg)}.add-row-split:hover .add-row--main,.add-row-split:hover .add-row--more{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-soft);border-style:solid;box-shadow:0 4px 12px #0d35a014}.add-row-split:hover .add-row--main{border-right:none}.add-row-split:hover .add-row--more{border-left:1px solid #0d35a02e}.add-row-split:hover .add-row--main svg{transform:rotate(90deg)}.add-row-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);z-index:50;min-width:200px;padding:6px;animation:.14s ease-out menu-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0f162a1f,0 2px 6px #0f162a0a}.add-row-menu__item{border-radius:var(--radius);width:100%;color:var(--ink-700);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex}.add-row-menu__item:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.add-row-menu__item svg{color:var(--ink-400);transition:color .12s}.add-row-menu__item:hover svg{color:var(--accent-blue)}.items-toolbar__btn{color:var(--ink-700);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:color .15s,background .15s,border-color .15s,transform .12s;display:inline-flex}.items-toolbar__btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-soft)}.items-toolbar__btn:active{transform:scale(.97)}.items-toolbar__btn svg{color:currentColor}.items-row--text{grid-template-columns:1fr 100px}.items-row__text{grid-column:1/2}.cell-edit--text{text-align:left;color:var(--ink-700);width:100%;padding:6px 8px;font-size:13px;font-style:italic;font-weight:500}.cell-edit--text::placeholder{color:var(--ink-300);font-style:italic}.paper-quote__items-row--text{grid-template-columns:1fr 100px}.paper-quote__item-cell--text{grid-column:1/2;font-style:italic}.items-group{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface);margin:12px 0}.items-group__header{background:var(--surface-muted);border-bottom:1px solid var(--border-soft);border-radius:var(--radius-md) var(--radius-md) 0 0;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 14px;transition:background .15s;display:grid;position:relative}.items-group__header.is-dragging{opacity:.5}.items-group__header.is-drop-target{background:var(--accent-blue-soft)}.items-group__header .drag-handle{top:50%;transform:translateY(-50%)}.items-group__header:hover .drag-handle{opacity:1}.items-group__title{color:var(--ink-700);text-transform:uppercase;letter-spacing:.5px;align-items:baseline;gap:10px;font-size:11px;font-weight:600;display:flex}.items-group__title .editable-text{min-width:40px}.items-group__count{color:var(--ink-400);text-transform:none;letter-spacing:0;font-size:11px;font-weight:500}.items-group__subtotal{color:var(--ink-700);text-align:right;font-size:12px;font-weight:600}.items-group__remove{border-radius:var(--radius);width:20px;height:20px;color:var(--ink-400);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .15s,background .12s,color .12s;display:inline-flex;position:absolute;top:50%;right:-28px;transform:translateY(-50%)}.items-group:hover .items-group__remove,.items-group__header:hover .items-group__remove{opacity:1}.items-group__remove:hover{color:var(--danger);background:#ec55551a}.items-group__body{padding:0}.items-group__body .items-row{border-bottom:1px dashed var(--border-line);margin:0;padding:16px 14px}.items-group__body .items-row:last-child{border-bottom:none}.items-group__empty{color:var(--ink-400);text-align:center;border:1px dashed var(--ink-300);border-radius:var(--radius);background:var(--surface-muted);margin:10px 14px;padding:16px;font-size:12px;font-style:italic;transition:background .15s,color .15s,border-color .15s}.items-group__empty.is-drop-target{background:var(--accent-blue-soft);color:var(--accent-blue);border-color:var(--accent-blue);font-style:normal;font-weight:500}.paper-quote__group-header{color:var(--ink-700);text-transform:uppercase;letter-spacing:.5px;background:var(--surface-muted);border-radius:var(--radius);justify-content:space-between;align-items:center;margin:8px 0 0;padding:8px 12px;font-size:10.5px;font-weight:600;display:flex}.totals{background:var(--surface-alt);border-radius:var(--radius-lg);flex-direction:column;gap:10px;width:320px;max-width:100%;margin-top:24px;margin-left:auto;padding:18px 20px;display:flex}.totals__row{min-height:22px;color:var(--ink-500);grid-template-columns:1fr auto;align-items:center;gap:16px;font-size:13px;display:grid}.totals__row>span:first-child{white-space:nowrap;text-align:left}.totals__row>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink-700);text-align:right;justify-self:end}.totals__row--strong{color:var(--ink-700);font-weight:500}.totals__row--strong>span:last-child{color:var(--ink-700);font-weight:600}.totals__row--discount span:last-child{color:var(--ink-500);font-weight:500}.totals__row--korting{position:relative}.totals__korting-left{color:var(--ink-500);align-items:center;gap:5px;display:flex}.totals__pct-input{border-radius:var(--radius);width:38px;font:inherit;color:var(--ink-700);text-align:center;-moz-appearance:textfield;background:0 0;border:1px solid #0000;outline:none;padding:2px 4px;font-size:13px;transition:background .12s,border-color .12s,box-shadow .12s}.totals__pct-input:hover{border-color:var(--border);background:#fff}.totals__pct-input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff}.totals__pct-input::-webkit-outer-spin-button{-webkit-appearance:none}.totals__pct-input::-webkit-inner-spin-button{-webkit-appearance:none}.totals__korting-right{font-variant-numeric:tabular-nums;color:var(--ink-500);justify-self:end;align-items:center;gap:2px;display:inline-flex}.totals__amt-input{border-radius:var(--radius);width:80px;font:inherit;color:var(--ink-700);text-align:right;-moz-appearance:textfield;background:0 0;border:1px solid #0000;outline:none;padding:2px 0;font-size:13px;transition:background .12s,border-color .12s,box-shadow .12s}.totals__amt-input:hover{border-color:var(--border);background:#fff;width:80px;padding:2px 6px}.totals__amt-input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff;padding:2px 6px}.totals__amt-input::-webkit-outer-spin-button{-webkit-appearance:none}.totals__amt-input::-webkit-inner-spin-button{-webkit-appearance:none}.totals__korting-remove{border-radius:var(--radius-md);width:24px;height:24px;color:var(--ink-400);cursor:pointer;opacity:0;justify-content:center;align-items:center;transition:opacity .15s,color .12s,background .12s;display:flex;position:absolute;top:50%;right:-32px;transform:translateY(-50%)}.totals__row--korting:hover .totals__korting-remove{opacity:1}.totals__korting-remove:hover{color:var(--danger);background:#ec555514}.totals__add-discount{color:var(--ink-400);cursor:pointer;border-top:1px solid var(--border-line);justify-content:flex-end;align-self:flex-end;align-items:center;gap:5px;width:100%;padding:10px 0 2px;font-size:11px;transition:color .15s;display:flex}.totals__add-discount:hover{color:var(--accent-blue)}.totals__row--grand{border-top:1px solid var(--border);color:var(--accent-blue);margin-top:6px;padding-top:12px;font-size:17px;font-weight:700}.totals__row--grand>span:last-child{color:var(--accent-blue)}.terms-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}@media(max-width:720px){.terms-grid{grid-template-columns:1fr}}.paper-quote__notes-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px 32px;display:grid}@media(max-width:720px){.paper-quote__notes-grid{grid-template-columns:1fr}}.terms-grid__head{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;font-size:12px;font-weight:700}.svc-diagnose-textarea{width:100%;min-height:110px;font:inherit;color:var(--ink-900);border:1px solid var(--border);resize:vertical;box-sizing:border-box;background:#fff;border-radius:8px;padding:10px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.svc-diagnose-textarea:hover{border-color:var(--ink-300)}.svc-diagnose-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent-blue) 18%,transparent);outline:none}.svc-diagnose-text{color:var(--ink-900);white-space:pre-wrap;font-size:13px;line-height:1.5}.term-row{align-items:baseline;gap:12px;font-size:12px;display:flex}.term-row+.term-row{margin-top:10px}.term-row dt{color:var(--ink-400);flex:0 0 120px}.term-row dd{color:var(--ink-700);white-space:nowrap;flex:auto;min-width:0;margin:0;font-weight:500}.term-row dd .inline-select{white-space:nowrap}.dropzone{border:1px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-wrap:wrap;gap:12px;min-height:84px;margin-top:8px;padding:14px;transition:background .12s,border-color .12s;display:flex}.dropzone.is-empty{justify-content:center;align-items:center}.dropzone:hover{border-color:var(--ink-300);background:var(--surface-alt)}.dropzone.is-dragover{border-color:var(--accent-blue);background:var(--accent-blue-soft)}.dropzone__empty{color:var(--ink-500);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.dropzone__empty svg{color:var(--ink-400)}.dropzone.is-dragover .dropzone__empty,.dropzone.is-dragover .dropzone__empty svg{color:var(--accent-blue)}.dropzone__empty-title{color:var(--ink-700);font-size:13px;font-weight:500}.dropzone.is-dragover .dropzone__empty-title{color:var(--accent-blue)}.dropzone__empty-sub{color:var(--ink-500);font-size:12px}.dropzone__drop-hint{text-align:center;color:var(--accent-blue);pointer-events:none;flex:1 0 100%;padding:6px 0;font-size:12px;font-weight:600}.file{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-soft);cursor:default;align-items:center;gap:12px;width:220px;padding:10px 14px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.file:hover{border-color:var(--ink-300);box-shadow:0 2px 8px #0000000a}.file__remove{width:22px;height:22px;color:var(--ink-400);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.file:hover .file__remove{opacity:1}.file__remove:hover{background:var(--surface-alt);color:var(--danger)}.file__icon{border-radius:var(--radius-md);background:var(--accent-blue-soft);width:34px;height:34px;color:var(--accent-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file__name{color:var(--ink-700);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.file__meta{color:var(--ink-500);margin-top:2px;font-size:11px}.side-panel--accordion{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;width:340px;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.side-panel__handle{border-bottom:1px solid var(--border-line);z-index:1;flex-shrink:0;justify-content:flex-end;align-items:center;height:38px;padding:0 10px;transition:justify-content .22s;display:flex;position:relative}.side-panel--collapsed .side-panel__handle{justify-content:center}.side-panel__handle-btn{border-radius:var(--radius);color:var(--ink-400);cursor:pointer;justify-content:center;align-items:center;padding:5px;transition:background .12s,color .12s;display:flex}.side-panel__handle-btn:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.side-panel__content{opacity:1;flex:1;min-width:0;transition:opacity .12s}.side-panel--collapsed .side-panel__content{opacity:0;pointer-events:none}.side-panel__icon-strip{opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;transition:opacity .12s;display:flex;position:absolute;top:38px;left:0;right:0}.side-panel--collapsed .side-panel__icon-strip{opacity:1;pointer-events:auto;transition:opacity .14s .14s}.side-panel__icon-btn{color:var(--ink-500);cursor:pointer;border-bottom:1px solid var(--border-line);justify-content:center;align-items:center;padding:16px 0;transition:background .12s,color .12s;display:flex}.side-panel__icon-btn:last-child{border-bottom:none}.side-panel__icon-btn:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.side-panel--collapsed{width:48px}.acc{box-shadow:none;border-bottom:1px solid var(--border-line);background:0 0;border-radius:0;overflow:hidden}.acc:last-child{border-bottom:none}.acc.is-open{box-shadow:none}.acc__head{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:16px 20px;transition:background .12s;display:flex}.acc__head:hover{background:var(--surface-alt)}.acc__icon{width:18px;height:18px;color:var(--ink-500);background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.acc.is-open .acc__icon{color:var(--accent-magenta)}.acc__title{color:var(--accent-blue);flex-shrink:0;font-size:13px;font-weight:600}.acc__count{border-radius:var(--radius-md);background:var(--accent-magenta-soft);min-width:18px;height:18px;color:var(--accent-magenta);flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.acc.is-open .acc__count{background:var(--accent-magenta-soft);color:var(--accent-magenta)}.acc__sub{color:var(--ink-400);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-left:auto;padding-left:8px;font-size:11px;overflow:hidden}.acc__caret{width:18px;height:18px;color:var(--ink-400);flex-shrink:0;margin-left:auto;transition:transform .18s,color .15s}.acc__sub+.acc__caret{margin-left:0}.acc__caret.is-open{color:var(--ink-700);transform:rotate(180deg)}.acc__body{border-top:none;margin-top:-4px;padding:0 20px 18px;animation:.18s acc-in}@keyframes acc-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.acc__empty{color:var(--ink-400);padding:12px 0;font-size:12px}.acc__add{border:1.5px dashed var(--ink-300);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink-500);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px;font-size:12px;font-weight:600;transition:color .12s,border-color .12s,background .12s;display:flex}.acc__add:hover{color:var(--ink-700);border-color:var(--ink-300);background:var(--surface-alt);border-style:solid}.acc__link{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:12px;padding:6px 0;font-size:11px;font-weight:500;display:inline-flex}.acc__link:hover{text-decoration:underline}.acc__kv{padding-top:12px}.acc__kv-row{grid-template-columns:80px 1fr;gap:8px;padding:6px 0;font-size:12px;display:grid}.acc__kv-row dt{color:var(--ink-400);margin:0}.acc__kv-row dd{color:var(--ink-700);margin:0}.line-notes{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius);margin-top:10px;padding:10px 12px}.line-notes__head{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-500);margin-bottom:8px;font-size:11px;font-weight:600}.line-note{border-top:1px dashed var(--border-soft);padding:6px 0}.line-note:first-of-type{border-top:none;padding-top:0}.line-note__title{color:var(--ink-900);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.line-note__title>svg{color:var(--accent-green);flex-shrink:0}.line-note__text{color:var(--ink-700);white-space:pre-line;margin:4px 0 0 17px;font-size:12px;font-style:italic}.notes{padding-top:10px}.note{border-left:2px solid var(--accent-blue-soft);background:var(--surface-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:8px;padding:10px 12px}.note__head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px;display:flex}.note__head strong{color:var(--accent-blue);font-weight:600}.note__meta{align-items:center;gap:6px;display:flex}.note__meta span{color:var(--ink-400)}.note__delete{border-radius:var(--radius);width:18px;height:18px;color:var(--ink-400);opacity:0;justify-content:center;align-items:center;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.note:hover .note__delete{opacity:1}.note__delete:hover{color:var(--danger);background:#ec555514}.note p{color:var(--ink-700);margin:0;font-size:12px;line-height:1.5}.activity{padding-top:8px}.activity__row{color:var(--ink-700);border-bottom:1px solid var(--border-line);grid-template-columns:18px 1fr auto;align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.activity__row:last-child{border-bottom:none}.activity__row svg{color:var(--ink-400)}.activity__row em{color:var(--ink-400);font-size:11px;font-style:normal}.comms{padding-top:10px}.comm{border-bottom:1px solid var(--border-line);grid-template-columns:28px 1fr;gap:10px;padding:10px 0;display:grid}.comm:last-child{border-bottom:none}.comm__icon{background:var(--accent-blue-soft);width:28px;height:28px;color:var(--accent-blue);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.comm__title{color:var(--ink-700);margin-bottom:2px;font-size:12px;font-weight:500}.comm__meta{color:var(--ink-400);font-size:11px}.side-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);overflow:hidden}.side-tabs{border-bottom:1px solid var(--border);display:flex}.side-tab{color:var(--ink-500);text-align:left;flex:1;padding:16px 20px;font-size:12px;font-weight:500;transition:color .15s;position:relative}.side-tab:hover{color:var(--ink-700)}.side-tab.is-active{color:var(--accent-blue)}.side-tab.is-active:after{content:"";background:var(--accent-magenta);border-radius:var(--radius) var(--radius) 0 0;height:2px;position:absolute;bottom:-1px;left:20px;right:20px}.side-body{padding:24px}.appt{border-bottom:1px solid var(--border-line);gap:14px;padding:14px 0;display:flex}.appt:last-child{border-bottom:none}.appt__date{text-align:center;background:var(--accent-blue-soft);color:var(--accent-blue);border-radius:var(--radius-md);flex:0 0 56px;padding:8px 0;font-weight:600;position:relative}.appt__date small{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:9px;font-weight:500;display:block}.appt__date span{font-size:18px;line-height:1.1;display:block}.appt__body{flex:1;min-width:0}.appt__title{color:var(--ink-700);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.appt__meta{color:var(--ink-500);margin-top:2px;font-size:11px}.appt--past .appt__date{background:var(--surface-alt);color:var(--ink-500)}.appt--past .appt__title{color:var(--ink-500)}.appt--past .appt__meta{color:var(--ink-400)}.appt--next .appt__date:after{content:"";background:var(--accent-green);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface),0 0 0 4px #009a822e;border-radius:50%;position:absolute;top:-3px;right:-3px}.history{flex-direction:column;gap:0;display:flex;position:relative}.history:before{content:"";background:var(--border);width:1px;position:absolute;top:16px;bottom:16px;left:6px}.hist{gap:12px;padding:10px 0;display:flex;position:relative}.hist__dot{border:2px solid var(--accent-magenta);z-index:1;background:#fff;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-top:4px}.hist__dot--muted{border-color:var(--ink-300)}.hist__body{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.hist__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hist__title{color:var(--ink-700);font-size:12px;font-weight:500}.hist__entity{color:var(--ink-600);font-size:11px}.hist__user{color:var(--ink-500);font-size:11px}.hist__when{color:var(--ink-500);white-space:nowrap;flex-shrink:0;font-size:11px}.hist__meta{color:var(--ink-500);margin-top:2px;font-size:11px}.editable-text{cursor:text;border-radius:var(--radius);border:1px solid #0000;margin:-2px -6px;padding:2px 6px;transition:border-color .12s,background .12s}.editable-text:hover{border-color:var(--border);background:#fff}.editable-text:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff}.editable-text--readonly,.cell-edit--readonly{cursor:not-allowed;color:var(--ink-700);box-shadow:none!important;background:0 0!important;border-color:#0000!important}.cell-edit--readonly{padding:4px 6px;font-size:12px;display:inline-block}.cell-edit--readonly.cell-edit--text{font-size:13px;font-style:italic;font-weight:500}.toast-stack{z-index:100;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--ink-700);color:#fff;border-radius:var(--radius-md);max-width:360px;padding:12px 16px;font-size:13px;animation:.2s ease-out toast-in;box-shadow:0 8px 24px #0000002e}.toast--success{background:var(--accent-green)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty{text-align:center;color:var(--ink-500);padding:40px;font-size:13px}.empty-row:hover{background:0 0!important}.empty-row td.empty-cell{background:0 0;padding:32px 24px}.empty-cell .ds-empty{margin:0 auto}.klant-card{border-radius:var(--radius-md);margin:-10px -12px;padding:10px 12px;transition:background .12s,box-shadow .12s;position:relative}.klant-card:hover{background:var(--surface-alt);box-shadow:inset 0 0 0 1px var(--border-soft)}.klant-card__actions{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.klant-card__btn{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--ink-700);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex;box-shadow:0 1px 2px #0d35a00f}.klant-card__btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.klant-card__btn--ghost:hover{background:var(--danger);border-color:var(--danger)}.klant-card__remove{width:26px;height:26px;color:var(--ink-500);border:1px solid var(--border);background:var(--surface);cursor:pointer;opacity:0;z-index:2;border-radius:50%;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s,border-color .12s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px 2px #0d35a00f}.klant-card:hover .klant-card__remove{opacity:1}.klant-card__remove:hover{background:var(--danger);border-color:var(--danger);color:#fff}.klant-card:hover .klant-card__actions{right:42px}.modal-overlay{-webkit-backdrop-filter:blur(10px)saturate(140%);z-index:1000;background:#f5f5fc8c;justify-content:center;align-items:center;padding:80px 24px 24px;animation:.16s modal-fade;display:flex;position:fixed;inset:0}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:min(640px,100%);max-height:calc(100vh - 104px);animation:.2s cubic-bezier(.2,.7,.3,1.2) modal-pop;display:flex;overflow:hidden;box-shadow:0 24px 70px #0d1e502e,0 4px 16px #0d1e500f}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-card__head{background:linear-gradient(135deg,#1bc7ad24,#0d35a014 38%,#009a8217 70%,#e6007e12);border-bottom:1px solid #fff9;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.modal-card__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);margin-bottom:4px;font-size:11px;font-weight:500}.modal-card__title{color:var(--ink-900);letter-spacing:-.01em;font-size:20px;font-weight:600}.modal-card__head-actions{align-items:center;gap:6px;display:flex}.modal-card__head-icon,.modal-card__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.modal-card__head-icon:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.modal-card__close:hover{background:var(--surface-alt);color:var(--ink-900)}.modal-card__head-link{border:1px solid var(--border);background:var(--surface);height:28px;font:inherit;color:var(--ink-500);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.modal-card__head-link svg{color:var(--ink-400);transition:color .12s}.modal-card__head-link:hover{color:var(--danger);background:#ec55550f;border-color:#ec555559}.modal-card__head-link:hover svg{color:var(--danger)}.modal-card__head-link:active{transform:scale(.97)}.modal-card__head-link--neutral:hover{color:var(--ink-900);background:var(--surface-alt);border-color:var(--ink-300)}.modal-card__head-link--neutral:hover svg{color:var(--ink-900)}.modal-field__input-wrap{width:100%;display:block;position:relative}.modal-field__input-wrap input{width:100%;padding-right:40px}.modal-field__inline-action{border-radius:var(--radius);width:30px;height:30px;color:var(--ink-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .12s,background .12s;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.modal-field__inline-action:hover{color:var(--accent-blue);background:var(--accent-blue-soft)}.modal-card__body{flex:1;padding:22px 24px;overflow:auto}.modal-card__foot{border-top:1px solid var(--border-soft);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-card__foot--zones{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.modal-card__foot--zones .zone-back{justify-self:start;align-items:center;display:flex}.modal-card__foot--zones .zone-breaking{justify-self:end;align-items:center;gap:10px;margin-right:4px;display:flex}.modal-card__foot--zones .zone-primary{justify-self:end;align-items:center;gap:6px;display:flex}.btn--back{color:var(--ink-500);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;height:38px;padding:0 14px 0 12px;font-size:13px;font-weight:500;transition:background .14s,color .14s;display:inline-flex}.btn--back svg{color:var(--ink-400);transition:color .14s,transform .14s}.btn--back:hover{background:var(--surface-alt);color:var(--ink-900)}.btn--back:hover svg{color:var(--ink-700);transform:translate(-1px)}.btn--back:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.btn--breaking{color:var(--ink-500);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 14px 0 12px;font-size:13px;font-weight:500;transition:background .14s,color .14s;display:inline-flex}.btn--breaking svg{color:var(--ink-400);transition:color .14s}.btn--breaking:hover{background:var(--danger-soft);color:var(--danger)}.btn--breaking:hover svg{color:var(--danger)}.btn--breaking:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.btn--breaking:disabled{opacity:.5;cursor:not-allowed}.modal-card__foot--zones .btn--primary{border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #009a8240,inset 0 -1px #00000014}.modal-card__foot--zones .btn--primary:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.catalog-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(140%);background:#f5f5fc8c;justify-content:center;align-items:center;padding:80px 32px 32px;animation:.16s modal-fade;display:flex;position:fixed;inset:0}.catalog-overlay__card{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;width:min(1200px,100vw - 64px);height:min(820px,100vh - 112px);animation:.22s cubic-bezier(.2,.7,.3,1.2) modal-pop;display:flex;overflow:hidden;box-shadow:0 24px 70px #0d1e502e,0 4px 16px #0d1e500f}.catalog-overlay__head{background:var(--surface);border-bottom:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;display:flex}.catalog-overlay__title-block{min-width:0}.catalog-overlay__eyebrow{color:var(--ink-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:2px;font-size:11px;font-weight:600}.catalog-overlay__title{color:var(--ink-900);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.catalog-overlay__close{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink-500);cursor:pointer;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.catalog-overlay__close:hover{background:var(--surface-alt);color:var(--ink-900)}.catalog-overlay__body{flex:1;justify-content:center;align-items:center;padding:40px 28px;display:flex;overflow-y:auto}.catalog-overlay__placeholder{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;display:flex}.catalog-overlay__placeholder-icon{border-radius:var(--radius-lg);background:var(--accent-blue-soft);width:72px;height:72px;color:var(--accent-blue);justify-content:center;align-items:center;margin-bottom:4px;display:inline-flex}.catalog-overlay__placeholder-title{color:var(--ink-900);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:700}.catalog-overlay__placeholder-sub{color:var(--ink-500);margin:0 0 12px;font-size:13px;line-height:1.55}.catalog-overlay__demo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.order-modal{width:min(620px,100%)}.order-section+.order-section{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:18px}.order-section__head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-bottom:10px;font-size:11px;font-weight:500}.order-line--head{background:var(--surface-alt);cursor:pointer}.order-line--head:hover{background:var(--surface-alt)}.order-line--head .order-line__name{color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.order-line__total--muted{color:var(--ink-500);font-size:12px;font-weight:500}.order-lines{border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.order-lines__empty{text-align:center;color:var(--ink-500);padding:16px;font-size:13px}.order-line{border-bottom:1px solid var(--border-soft);cursor:pointer;background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;transition:background .12s,opacity .12s;display:grid}.order-line:last-child{border-bottom:none}.order-line:hover{background:var(--surface-alt)}.order-line input[type=checkbox]{cursor:pointer;margin:0}.order-line:not(.is-active){opacity:.55}.order-line__main{min-width:0}.order-line__name{color:var(--ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.order-line__meta{color:var(--ink-500);margin-top:2px;font-size:11px}.order-line__total{color:var(--ink-700);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.order-summary{color:var(--ink-500);justify-content:space-between;align-items:baseline;margin-top:10px;padding:0 14px;font-size:12px;display:flex}.order-summary>strong{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.order-terms{grid-template-columns:1fr 1fr;gap:12px;display:grid}.order-term{flex-direction:column;gap:6px;font-size:12px;display:flex}.order-term>span{color:var(--ink-500);font-weight:500}.order-term:first-child{grid-column:1/-1}.order-supplier-note{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius-md);gap:10px;margin-top:14px;padding:10px 12px;display:flex}.order-supplier-note>svg{color:var(--ink-400);flex-shrink:0;margin-top:2px}.order-supplier-note__label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:600}.order-supplier-note__text{color:var(--ink-700);font-size:12px;line-height:1.5}.form-select{position:relative}.form-select__trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:38px;color:var(--ink-900);font:inherit;cursor:pointer;text-align:left;align-items:center;gap:10px;padding:0 12px;font-size:13px;transition:border-color .12s,box-shadow .12s;display:flex}.form-select__trigger:hover{border-color:var(--ink-300)}.form-select.is-open .form-select__trigger,.form-select__trigger:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.form-select__icon{color:var(--ink-400);flex-shrink:0}.form-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.form-select__value.is-placeholder{color:var(--ink-400)}.form-select__caret{color:var(--ink-400);flex-shrink:0;transition:transform .15s}.form-select.is-open .form-select__caret{transform:rotate(180deg)}.form-select__menu{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:280px;padding:4px;animation:.12s form-select-pop;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0d1e501a,0 2px 8px #0d1e500a}@keyframes form-select-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-select__option{border-radius:var(--radius);width:100%;font:inherit;color:var(--ink-900);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.form-select__option:hover{background:var(--surface-alt)}.form-select__option.is-active{background:var(--accent-blue-soft);color:var(--accent-blue)}.form-select__option-label{flex:1;min-width:0}.form-select__option-sub{color:var(--ink-500);flex-shrink:0;margin-left:8px;font-size:11px}.form-select__option.is-active .form-select__option-sub{color:var(--accent-blue);opacity:.85}.form-select__check{color:var(--accent-blue);flex-shrink:0}.form-select__option:has(.form-select__option-sub){grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;display:grid}.form-select__option:has(.form-select__option-sub) .form-select__option-label{grid-area:1/1}.form-select__option:has(.form-select__option-sub) .form-select__option-sub{grid-area:2/1;margin-left:0}.form-select__option:has(.form-select__option-sub) .form-select__check{grid-area:1/2/span 2;align-self:center}.send-modal{width:min(680px,100%)}.send-fields{flex-direction:column;gap:8px;display:flex}.send-field{border-bottom:1px solid var(--border-soft);grid-template-columns:80px 1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.send-field--body{border-bottom:none;grid-template-columns:80px 1fr;align-items:flex-start;padding-top:12px}.send-field__label{color:var(--ink-500);font-size:12px;font-weight:500}.send-field__input,.send-field__textarea{font:inherit;color:var(--ink-900);background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-size:13px}.send-field__textarea{border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;background:var(--surface);min-height:140px;padding:10px 12px;line-height:1.55;transition:border-color .15s,box-shadow .15s}.send-field__textarea:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft)}.send-field__add{color:var(--ink-500);font:inherit;cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:color .12s,background .12s;display:inline-flex}.send-field__add:hover{color:var(--ink-900);background:var(--surface-alt)}.send-attachments{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:14px}.send-attachments__head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-bottom:8px;font-size:11px;font-weight:500}.send-attachments__list{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.send-chip{background:var(--surface);border:1px dashed var(--border);font:inherit;color:var(--ink-400);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 8px 5px 10px;font-size:12px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.send-chip:hover{color:var(--ink-700);border-color:var(--ink-300)}.send-chip svg{color:currentColor;opacity:.85;flex-shrink:0}.send-chip.is-active{background:var(--surface-alt);border:1px solid var(--border-soft);color:var(--ink-700);border-style:solid}.send-chip.is-active svg{color:var(--ink-400)}.send-chip__x{box-sizing:border-box;background:0 0;border-radius:50%;margin-left:2px;padding:2px;width:15px!important;height:15px!important}.send-chip:hover .send-chip__x{background:var(--surface);color:var(--ink-700)}.send-toggle{color:var(--ink-500);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:inline-flex}.send-toggle input{margin:0}.send-toggle em{color:var(--ink-400);font-style:normal}.send-layout{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:14px}.send-layout__head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:500;display:inline-flex}.send-layout__head svg{color:var(--ink-400)}.artikelkaart-modal{width:min(720px,100%)}.artikelkaart-head-input{border-radius:var(--radius-sm);width:100%;color:var(--ink-900);background:0 0;border:1px solid #0000;margin-left:-6px;padding:2px 6px;font-family:inherit;transition:background .12s,border-color .12s;display:block}.artikelkaart-head-input:hover{background:#ffffff80}.artikelkaart-head-input:focus-visible{background:var(--surface);border-color:var(--accent-blue);outline:none}.artikelkaart-head-input--title{letter-spacing:-.01em;font-size:20px;font-weight:600}.artikelkaart-head-input--meta,.artikelkaart-head-meta{color:var(--ink-500);margin-top:2px;font-size:13px}.artikelkaart-price-input{text-align:right;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:110px;height:32px;font:inherit;color:var(--ink-900);font-variant-numeric:tabular-nums;padding:0 10px;font-size:13px;font-weight:600;transition:border-color .12s,box-shadow .12s}.artikelkaart-price-input:hover{border-color:var(--ink-300)}.artikelkaart-price-input:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.artikelkaart-dirty-note{color:var(--ink-500);margin-left:12px;font-size:12px;font-style:italic;animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.artikelkaart-grid{grid-template-columns:180px 1fr;align-items:stretch;gap:20px;display:grid}.artikelkaart-image{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--ink-300);justify-content:center;align-items:center;min-height:180px;display:flex}.artikelkaart-summary{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:14px 16px;display:flex}.artikelkaart-summary__row{color:var(--ink-500);justify-content:space-between;align-items:center;gap:12px;min-height:32px;font-size:13px;display:flex}.artikelkaart-summary__row>:last-child{text-align:right;justify-content:flex-end;align-items:center;display:inline-flex}.artikelkaart-summary__row>strong{color:var(--ink-900);font-variant-numeric:tabular-nums;padding-right:8px;font-weight:500}.artikelkaart-summary__row--grand{border-top:1px solid var(--border-soft);color:var(--ink-700);margin-top:4px;padding-top:12px;font-size:14px}.artikelkaart-summary__row--grand>strong{color:var(--ink-900);font-size:18px;font-weight:700}.artikelkaart-discount{text-align:right;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:72px;height:32px;font:inherit;color:var(--ink-900);font-variant-numeric:tabular-nums;padding:0 10px;font-size:13px;font-weight:600;transition:border-color .12s,box-shadow .12s}.artikelkaart-discount:hover{border-color:var(--ink-300)}.artikelkaart-discount:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.artikelkaart-price-display{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.artikelkaart-total-display{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.artikelkaart-korting-pair{font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:inline-flex}.artikelkaart-korting-pct,.artikelkaart-korting-amt{text-align:right;border-radius:var(--radius);width:64px;height:28px;font:inherit;color:var(--ink-900);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:1px solid #0000;padding:0 8px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,box-shadow .12s}.artikelkaart-korting-amt{width:96px}.artikelkaart-korting-pct::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.artikelkaart-korting-pct::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.artikelkaart-korting-amt::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.artikelkaart-korting-amt::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.artikelkaart-korting-pct:hover,.artikelkaart-korting-amt:hover{border-color:var(--border);background:var(--surface)}.artikelkaart-korting-pct:focus-visible,.artikelkaart-korting-amt:focus-visible{border-color:var(--accent-blue);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0d35a014}.artikelkaart-korting-sep{color:var(--ink-400);margin:0;font-weight:400}.artikelkaart-vat-select{border-radius:var(--radius);width:auto;height:28px;font:inherit;color:var(--ink-900);text-align:right;text-align-last:right;cursor:pointer;background:0 0;border:1px solid #0000;padding:0 24px 0 8px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,box-shadow .12s}.artikelkaart-vat-select:hover{border-color:var(--border);background:var(--surface)}.artikelkaart-vat-select:focus-visible{border-color:var(--accent-blue);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0d35a014}.artikelkaart-total-input{text-align:right;border-radius:var(--radius);width:140px;height:36px;font:inherit;color:var(--ink-900);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;padding:0 10px;font-size:18px;font-weight:700;transition:border-color .12s,background .12s,box-shadow .12s}.artikelkaart-total-input:hover{border-color:var(--border);background:var(--surface)}.artikelkaart-total-input:focus-visible{border-color:var(--accent-blue);background:var(--surface);box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.artikelkaart-config{border-top:1px solid var(--border-soft);border-radius:var(--radius-md);margin-top:24px;padding:20px 18px 18px;transition:background .18s,box-shadow .18s,border-color .18s}.artikelkaart-config__head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.artikelkaart-config--locked{cursor:pointer}.artikelkaart-config--locked:hover{background:color-mix(in srgb,var(--surface-alt) 72%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-blue) 12%,var(--border))}.artikelkaart-config--locked:focus-visible{background:color-mix(in srgb,var(--surface-alt) 76%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-blue) 18%,var(--border)),0 0 0 3px #0d35a014;outline:none}.artikelkaart-config--locked .artikelkaart-select{cursor:pointer}.artikelkaart-config--locked .artikelkaart-field,.artikelkaart-config--locked .artikelkaart-select-wrap,.artikelkaart-config--locked .artikelkaart-select,.artikelkaart-config--loading .artikelkaart-field,.artikelkaart-config--loading .artikelkaart-select-wrap,.artikelkaart-config--loading .artikelkaart-select{pointer-events:none}.artikelkaart-config--loading{background:color-mix(in srgb,var(--surface-alt) 84%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-blue) 10%,var(--border))}.artikelkaart-config--loading .artikelkaart-fields{opacity:.5;transition:opacity .24s}.artikelkaart-config__status{color:var(--ink-500);align-items:center;gap:8px;display:inline-flex}.artikelkaart-config__spinner{border:1.5px solid color-mix(in srgb,var(--border) 88%,white);border-top-color:var(--accent-blue);border-radius:50%;width:12px;height:12px;animation:.9s linear infinite artikelkaart-config-spin;display:inline-block}@keyframes artikelkaart-config-spin{to{transform:rotate(360deg)}}.btn--commit{align-items:center;gap:6px;transition:background .16s,opacity .16s;display:inline-flex}.btn--commit[disabled]{opacity:1;cursor:default}.btn--commit-done{background:var(--accent-green)}.btn-commit__spinner{border:1.5px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite artikelkaart-config-spin;display:inline-block}.btn--commit-done svg{animation:.22s ease-out commit-check-pop}@keyframes commit-check-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.artikelkaart-fields{grid-template-columns:140px 1fr;align-items:center;gap:10px 16px;display:grid}.artikelkaart-field{font-size:13px;display:contents}.artikelkaart-field>span{color:var(--ink-500);font-size:13px;font-weight:500}.artikelkaart-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:38px;color:var(--ink-900);font:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa5b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding:0 34px 0 12px;font-size:13px;transition:border-color .12s,box-shadow .12s}.artikelkaart-select:hover{border-color:var(--ink-300)}.artikelkaart-select:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-ring);outline:none}.artikelkaart-select-wrap{align-items:center;display:flex;position:relative}.artikelkaart-select-wrap>.artikelkaart-select{flex:1;width:100%}.artikelkaart-select--has-dot{padding-left:34px}.artikelkaart-color-dot{pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;left:12px;box-shadow:inset 0 0 0 1px #0f162a1f}@media(max-width:560px){.artikelkaart-grid{grid-template-columns:1fr}}.modal-danger-row{border-top:1px dashed var(--border-soft);justify-content:flex-start;margin-top:16px;padding-top:14px;display:flex}.modal-danger-link{border-radius:var(--radius);color:var(--ink-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-size:12px;font-weight:500;transition:color .12s,background .12s;display:inline-flex}.modal-danger-link:hover{color:var(--danger);background:#ec555514}.modal-foot__link{border-radius:var(--radius);color:var(--ink-500);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 6px;font-size:12px;font-weight:500;transition:color .12s,background .12s;display:inline-flex}.modal-foot__link:hover{color:var(--accent-blue);background:var(--accent-blue-soft)}.klantkaart-search{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;height:40px;margin-bottom:16px;padding:0 36px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.klantkaart-search:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring)}.klantkaart-search input{font:inherit;color:var(--ink-900);background:0 0;border:none;outline:none;flex:1;font-size:13px}.klantkaart-search__icon{width:14px;height:14px;color:var(--ink-400);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.klantkaart-search__clear{width:22px;height:22px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.klantkaart-search__clear:hover{background:var(--surface-alt);color:var(--ink-700)}.klantkaart-create{border:1px solid var(--accent-blue);border-radius:var(--radius-md);background:var(--accent-blue-soft);width:100%;color:var(--accent-blue);text-align:left;cursor:pointer;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:background .12s,box-shadow .12s,transform 80ms;display:flex}.klantkaart-create:hover{background:var(--surface);box-shadow:0 4px 14px var(--accent-blue-glow)}.klantkaart-create:active{transform:scale(.99)}.klantkaart-create__icon{border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.klantkaart-create__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.klantkaart-create__title{color:var(--accent-blue);font-size:13px;font-weight:600}.klantkaart-create__title em{font-style:normal;font-weight:700}.klantkaart-create__sub{color:var(--ink-500);font-size:11px;font-weight:500}.klantkaart-section-label{color:var(--ink-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:10px;font-weight:600}.klantkaart-results{flex-direction:column;gap:2px;max-height:380px;margin:0 -8px;padding:0 8px;display:flex;overflow-y:auto}.klantkaart-results__empty{text-align:center;color:var(--ink-400);padding:24px 12px;font-size:12px;font-style:italic}.klantkaart-result{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;transition:background .12s,border-color .12s;display:flex}.klantkaart-result:hover{background:var(--surface-alt)}.klantkaart-result__avatar{background:var(--accent-blue-soft);width:32px;height:32px;color:var(--accent-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.klantkaart-result__body{flex:1;min-width:0}.klantkaart-result__name{color:var(--ink-900);font-size:13px;font-weight:600}.klantkaart-result__address{color:var(--ink-700);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11.5px;overflow:hidden}.klantkaart-result__meta{color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.klant-empty__btn{border:1.5px dashed var(--ink-300);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink-500);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:flex}.klant-empty__btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:var(--accent-blue-soft);border-style:solid}.klant-empty__btn:disabled{cursor:not-allowed;opacity:.5}.klant-empty--warn .klant-empty__btn{border-color:var(--danger);color:var(--danger);background:color-mix(in oklab,var(--danger) 6%,var(--surface));border-style:solid;animation:.35s ease-out klant-warn-shake}.klant-empty__warn{color:var(--danger);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}@keyframes klant-warn-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.modal-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.modal-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.modal-field--span{grid-column:1/-1}.modal-street-row{align-items:stretch;gap:12px;display:flex}.modal-street-row__name{flex:auto;min-width:0}.modal-street-row__num{flex:0 0 90px}.modal-name-row{grid-template-columns:90px 1fr 90px 1fr;align-items:stretch;gap:10px 12px;display:grid}.modal-name-row__sal,.modal-name-row__first,.modal-name-row__mid,.modal-name-row__last{min-width:0}.modal-group-head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);grid-column:1/-1;margin:10px 0 -2px;font-size:11px;font-weight:500}.modal-group-head:first-child{margin-top:0}.modal-kind-field{grid-column:1/-1;max-width:240px}.modal-kind-title{grid-column:1/-1;margin:-4px 0 4px}.modal-kind-title__select{appearance:none;color:var(--ink-900);cursor:pointer;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") 100%/14px 14px no-repeat;border:0;border-radius:6px;padding:0 22px 0 0;font-size:18px;font-weight:600;transition:background-color .12s}.modal-kind-title__select:hover{background-color:var(--surface-alt)}.modal-kind-title__select:focus-visible{background-color:var(--surface-alt);outline:none;box-shadow:0 0 0 3px #4b63ee29}.modal-field select{border:1px solid var(--border);border-radius:var(--radius-md);height:38px;font:inherit;color:var(--ink-900);background-color:var(--surface);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding:0 32px 0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.modal-field select:focus-visible{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #4b63ee29}.modal-field select:disabled{background-color:var(--surface-alt);cursor:not-allowed;opacity:.7}.modal-phone2-toggle{font:inherit;color:var(--ink-500);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:4px;margin-top:6px;padding:0;font-size:12px;display:inline-flex}.modal-phone2-toggle:hover{color:var(--accent-blue)}.modal-field>span{color:var(--ink-500);font-size:12px;font-weight:500}.modal-field input{border:1px solid var(--border);border-radius:var(--radius-md);height:38px;font:inherit;color:var(--ink-900);background:var(--surface);padding:0 12px;font-size:14px;transition:border-color .12s,box-shadow .12s}.modal-field input:focus-visible{border-color:var(--accent-blue);outline:none;box-shadow:0 0 0 3px #4b63ee29}.modal-shipping-toggle{border:1px dashed var(--border);border-radius:var(--radius-md);height:38px;color:var(--ink-500);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:0 12px;font-size:13px;font-weight:500;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.modal-shipping-toggle:hover{border-color:var(--ink-300);color:var(--ink-900);background:var(--surface-alt)}.modal-shipping-head{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:12px;display:flex}.modal-shipping-head__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);font-size:11px;font-weight:500}.modal-shipping-head__remove{color:var(--ink-400);font:inherit;cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:4px;padding:4px 6px;font-size:12px;transition:color .12s,background .12s;display:inline-flex}.modal-shipping-head__remove:hover{color:var(--danger);background:#ec55550f}.modal-section{margin-top:22px}.modal-section__head{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);margin-bottom:10px;font-size:12px;font-weight:500}.modal-section__toggle{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--ink-500);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;font-weight:500;display:flex}.modal-section__toggle:hover{color:var(--accent-blue)}.modal-section__chev{color:var(--ink-500);transition:transform .16s}.modal-section--collapsible.is-open .modal-section__chev{transform:rotate(180deg)}.modal-section--collapsible.is-open .modal-quotes{margin-top:10px}.modal-quotes{border:1px solid var(--border-soft);border-radius:var(--radius-md);overflow:hidden}.modal-quotes__row{border-bottom:1px solid var(--border-soft);grid-template-columns:110px 1fr auto;align-items:center;gap:16px;padding:12px 14px;font-size:13px;transition:background .12s;display:grid}.modal-quotes__row:last-child{border-bottom:none}.modal-quotes__row:hover{background:var(--surface-alt)}.modal-quotes__id{font-family:var(--font-mono,ui-monospace, monospace);color:var(--ink-700);font-size:12px}.modal-quotes__row strong{color:var(--ink-900);font-weight:600}.lt-table tbody td{padding-top:var(--tw-row-pad,16px);padding-bottom:var(--tw-row-pad,16px)}.acc__head{padding:var(--tw-acc-pad,16px 20px)}.acc__body{padding:var(--tw-acc-body,0 20px 18px 20px)}.detail-grid{gap:var(--tw-list-gap,24px)}.side-panel--accordion,.acc__title{font-size:calc(13px * var(--tw-font-scale,1))}:root[data-surface=flat]{--bg:#f1f3f8}:root[data-surface=flat] .detail-card,:root[data-surface=flat] .side-panel--accordion,:root[data-surface=flat] .lt-table-card,:root[data-surface=flat] .kpi-card{box-shadow:none;background:var(--surface)}:root[data-surface=flat] .totals{background:color-mix(in oklch,var(--accent-blue-soft) 50%,var(--surface-alt))}:root[data-surface=flat] .acc__head:hover{background:color-mix(in oklch,var(--accent-blue-soft) 30%,var(--surface))}:root[data-surface=flat] .pill,:root[data-surface=flat] .chip{box-shadow:none}:root[data-surface=outlined]{--bg:#fafbfc}:root[data-surface=outlined] .detail-card,:root[data-surface=outlined] .side-panel--accordion,:root[data-surface=outlined] .lt-table-card,:root[data-surface=outlined] .kpi-card{box-shadow:none;border:1px solid var(--border);background:var(--surface)}:root[data-surface=outlined] .totals{background:var(--surface);border:1px solid var(--border)}:root[data-surface=outlined] .sidebar{border-right:1px solid var(--border)}:root[data-surface=outlined] .toolbar,:root[data-surface=outlined] .lt-table thead{border-bottom:1px solid var(--border)}.topbar__right{align-items:center;gap:8px;display:flex;position:relative}.btn--icon-ghost{border-radius:var(--radius-md);width:36px;height:36px;color:var(--ink-500);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s,border-color .18s,box-shadow .22s;display:inline-flex;position:relative}.btn--icon-ghost:hover,.btn--icon-ghost:focus-visible{color:var(--accent-blue);border-color:var(--border);box-shadow:0 4px 14px var(--accent-blue-glow);z-index:20;background:#fff}.btn--icon-ghost:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft);outline:none}.btn--icon-ghost>svg{flex:none}.btn--icon-ghost:active{transform:translateY(0);box-shadow:inset 0 1px 2px #0d35a014}.btn--icon-ghost--made{color:var(--accent-green)}.btn--icon-ghost--made:hover{color:var(--accent-green);border-color:#009a8240;box-shadow:0 4px 14px #009a8226}.icon-pipe{background:var(--border);flex-shrink:0;width:1px;height:18px}.btn--icon[data-tooltip],.btn--icon-ghost[data-tooltip]{position:relative}.btn--icon[data-tooltip]:before,.btn--icon-ghost[data-tooltip]:before{content:"";background:var(--ink-900);opacity:0;pointer-events:none;z-index:41;width:8px;height:8px;transition:opacity .14s,transform .18s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%,-2px)rotate(45deg)}.btn--icon[data-tooltip]:after,.btn--icon-ghost[data-tooltip]:after{content:attr(data-tooltip);border-radius:var(--radius-md);background:var(--ink-900);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;padding:7px 10px;font-size:12px;font-weight:500;line-height:1;transition:opacity .14s,transform .18s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px);box-shadow:0 12px 28px #0f162a33,0 3px 8px #0f162a14}.btn--icon[data-tooltip]:hover:before,.btn--icon[data-tooltip]:focus-visible:before,.btn--icon-ghost[data-tooltip]:hover:before,.btn--icon-ghost[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%)rotate(45deg)}.btn--icon[data-tooltip]:hover:after,.btn--icon[data-tooltip]:focus-visible:after,.btn--icon-ghost[data-tooltip]:hover:after,.btn--icon-ghost[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.btn-made-dot{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:6px;right:6px}.hist__link{color:var(--accent-blue);font-weight:600;text-decoration:none;transition:opacity .12s}.hist__link:hover{opacity:.75}.note-area{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:96px;font:inherit;color:var(--ink-700);background:var(--surface);resize:vertical;padding:14px 16px;font-size:13px;line-height:1.55;transition:border-color .15s,box-shadow .15s,background .15s}.note-area::placeholder{color:var(--ink-400)}.note-area:hover{border-color:var(--ink-300)}.note-area:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft);outline:none}.field-hint{color:var(--ink-500);align-items:center;gap:6px;margin-top:8px;font-size:11px;font-weight:500;display:inline-flex}.field-hint svg{flex-shrink:0;width:13px;height:13px}.field-hint--positive,.field-hint--positive svg{color:var(--accent-green)}.field-hint--neutral{background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--ink-500);margin:0 0 12px;padding:8px 10px;display:flex}.field-hint--neutral svg{color:var(--ink-400)}.opmerkingen{padding-top:4px}.opmerkingen__bar{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.opmerkingen__head{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.opmerkingen__tabs{align-items:center;gap:2px;display:inline-flex}.opmerkingen__tab{font:inherit;color:var(--ink-400);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:400;transition:color .12s,background .12s;display:inline-flex;position:relative}.opmerkingen__tab svg{color:currentColor;opacity:.8;flex-shrink:0}.opmerkingen__tab:hover{color:var(--ink-700);background:var(--surface-alt)}.opmerkingen__tab.is-active{color:var(--ink-900);background:var(--surface-alt)}.opmerkingen__tab.is-active svg{opacity:1}.opmerkingen__tab-dot{background:var(--accent-blue);border-radius:50%;width:6px;height:6px;margin-left:2px}.inline-select-wrap{display:inline-block;position:relative}.inline-select{cursor:pointer;border-radius:var(--radius);color:inherit;font:inherit;font-weight:inherit;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-4px -8px;padding:4px 8px;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.inline-select:hover{border-color:var(--border);background:#fff}.inline-select.is-open,.inline-select:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff;outline:none}.inline-select__caret{width:14px;height:14px;color:var(--ink-400);opacity:0;flex-shrink:0;transition:opacity .15s}.inline-select:hover .inline-select__caret,.inline-select:focus-visible .inline-select__caret,.inline-select.is-open .inline-select__caret{opacity:1}.inline-select__placeholder{color:var(--ink-400);font-weight:400}.inline-select__placeholder~.inline-select__caret{opacity:1}.inline-select-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:max(100%,220px);max-height:280px;box-shadow:var(--shadow-card);z-index:30;padding:4px;position:absolute;top:calc(100% + 4px);left:-8px;overflow-y:auto}.inline-select-menu__opt{text-align:left;width:100%;color:var(--ink-700);font:inherit;border-radius:var(--radius);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;font-weight:400;transition:background .1s;display:flex}.inline-select-menu__opt:hover,.inline-select-menu__opt.is-focused{background:var(--surface-alt)}.inline-select-menu__opt.is-selected{color:var(--accent-blue);font-weight:500}.inline-select-menu__check{width:11px;height:11px;color:var(--accent-blue);flex-shrink:0}.inline-select-menu__check--placeholder{visibility:hidden}.inline-date-popover{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:30;width:260px;padding:12px;position:absolute;top:calc(100% + 4px);left:0}.inline-date-popover__head{color:var(--ink-900);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.inline-date-popover__head span{text-align:center;text-transform:capitalize;flex:1}.inline-date-popover__nav{border-radius:var(--radius);width:24px;height:24px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;place-items:center;font-size:16px;line-height:1;display:grid}.inline-date-popover__nav:hover{background:var(--surface-alt);color:var(--ink-900)}.inline-date-popover__weekdays{color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:10px;font-weight:500;display:grid}.inline-date-popover__weekdays>span{text-align:center;padding:4px 0}.inline-date-popover__days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.inline-date-popover__day{aspect-ratio:1;border-radius:var(--radius);font:inherit;color:var(--ink-700);cursor:pointer;background:0 0;border:none;place-items:center;font-size:12px;transition:background .1s;display:grid}.inline-date-popover__day.is-other-month{color:var(--ink-300)}.inline-date-popover__day:hover{background:var(--surface-alt)}.inline-date-popover__day.is-today{box-shadow:inset 0 0 0 1px var(--accent-blue);color:var(--accent-blue);font-weight:700}.inline-date-popover__day.is-selected{background:var(--accent-blue);color:#fff;box-shadow:none;font-weight:600}.inline-date-popover__day.is-selected:hover{background:var(--accent-blue)}.artikel-catalogus-btn{border:1px solid color-mix(in oklch,var(--accent-blue) 28%,transparent);background:var(--accent-blue-soft);height:36px;color:var(--accent-blue);font:inherit;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.artikel-catalogus-btn svg{color:currentColor;flex-shrink:0;width:15px;height:15px}.artikel-catalogus-btn:hover{background:color-mix(in oklch,var(--accent-blue-soft) 70%,var(--accent-blue) 30%);border-color:color-mix(in oklch,var(--accent-blue) 55%,transparent);box-shadow:0 0 0 3px var(--accent-blue-soft)}.artikel-add--cancellable{grid-template-columns:1fr auto auto}.artikel-add__cancel{width:32px;height:40px;color:var(--ink-400);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:inline-flex}.artikel-add__cancel:hover{color:var(--danger);background:var(--surface-alt)}.catalog-placeholder{text-align:center;border:1px dashed var(--ink-300);border-radius:var(--radius-lg);background:var(--surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:56px 24px;display:flex}.catalog-placeholder__icon{border-radius:var(--radius-lg);background:var(--accent-blue-soft);width:56px;height:56px;color:var(--accent-blue);place-items:center;display:grid}.catalog-placeholder__title{color:var(--ink-900);font-size:16px;font-weight:600}.catalog-placeholder__sub{color:var(--ink-500);max-width:440px;font-size:13px;line-height:1.5}.item-remove-btn{width:20px;height:20px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .12s,background .12s,color .12s;display:flex;position:absolute;top:50%;right:-30px;transform:translateY(-50%)}.items-row:hover .item-remove-btn{opacity:1}.item-remove-btn:hover{color:var(--danger);background:#ec55551a}.item-name-row{align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex}.item-name-row .item-name{min-width:0;margin-bottom:0}.item-config-summary{color:var(--accent-blue);align-items:baseline;gap:8px;min-width:0;max-width:100%;margin-top:4px;font-size:12px;display:flex}.item-config-summary--stacked{flex-direction:column;align-items:flex-start;gap:2px}.item-config-summary__list{flex-direction:column;gap:2px;display:flex}.item-config-summary__row{color:var(--accent-blue);line-height:1.35}.item-config-summary--empty{color:var(--ink-400);font-style:italic}.item-config-summary__text{white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;overflow:hidden}.item-config-summary__more{color:var(--ink-400);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-size:11px;font-style:normal;font-weight:400;text-decoration:none;transition:color .12s;display:inline}.item-config-summary__more:hover{color:var(--accent-blue)}.item-config-summary--empty .item-config-summary__more{color:var(--accent-blue);margin-left:0;font-weight:500}.item-open-btn{width:22px;height:22px;color:var(--ink-400);border-radius:var(--radius);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.items-row:hover .item-open-btn,.item-open-btn:focus-visible{opacity:1}.item-open-btn:hover{color:var(--accent-blue);background:var(--accent-blue-soft)}.modal-card--wide{width:min(880px,100%)}.product-modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:start;gap:24px;display:grid}@media(max-width:720px){.product-modal-grid{grid-template-columns:1fr}}.product-image{aspect-ratio:4/3;border-radius:var(--radius-lg);color:#c8d0e0;background:linear-gradient(135deg,#f4f6f9,#eaeef6);place-items:center;width:100%;display:grid}.product-config{background:var(--surface-muted);border-radius:var(--radius-lg);flex-direction:column;gap:18px;padding:20px;display:flex}.product-config__section{flex-direction:column;gap:8px;display:flex}.product-config__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-500);font-size:11px;font-weight:500}.product-config__hint{color:var(--ink-700);font-size:12px}.color-swatches{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{cursor:pointer;width:28px;height:28px;box-shadow:inset 0 0 0 1px #00000014,0 0 0 0 var(--accent-blue);border:none;border-radius:50%;padding:0;transition:box-shadow .15s,transform .1s;position:relative}.color-swatch:hover{transform:scale(1.06)}.color-swatch.is-selected{box-shadow:inset 0 0 0 2px var(--surface),0 0 0 2px var(--accent-blue)}.config-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);height:38px;color:var(--ink-900);font:inherit;cursor:pointer;padding:0 12px;font-size:14px}.config-select:focus-visible{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-soft);outline:none}.qty-stepper{border-radius:var(--radius-md);background:0 0;border:1px solid #0000;align-items:center;width:fit-content;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex;overflow:hidden}.artikelkaart-summary .qty-stepper{border-color:var(--border-soft);background:var(--surface)}.qty-stepper:hover{border-color:var(--border);background:var(--surface)}.qty-stepper:focus-within{border-color:var(--accent-blue);background:var(--surface);box-shadow:0 0 0 3px #0d35a014}.qty-stepper__btn{width:28px;height:30px;color:var(--ink-700);cursor:pointer;background:0 0;border:none;place-items:center;font-size:15px;font-weight:500;transition:background .12s;display:grid}.qty-stepper__btn:hover{background:var(--surface-alt)}.qty-stepper__btn:disabled{color:var(--ink-300);cursor:not-allowed;background:0 0}.qty-stepper__value{text-align:center;min-width:40px;color:var(--ink-900);font-variant-numeric:tabular-nums;font-weight:500}.qty-stepper__input{text-align:center;width:56px;height:28px;font:inherit;color:var(--ink-900);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;padding:0 4px;font-size:13px;font-weight:500}.qty-stepper__input:focus{background:var(--surface-alt)}.product-price-summary{border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;margin-top:4px;padding-top:14px;display:flex}.product-price-row{color:var(--ink-500);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.product-price-row>strong{color:var(--ink-700);font-variant-numeric:tabular-nums;font-weight:600}.product-price-row--grand{border-top:1px solid var(--border-soft);color:var(--ink-700);margin-top:4px;padding-top:10px;font-size:14px}.product-price-row--grand>strong{color:var(--ink-900);font-size:18px;font-weight:700}.drawer-overlay{top:56px;bottom:0;right:0;left:var(--sidebar-w,230px);-webkit-backdrop-filter:blur(10px)saturate(140%);z-index:35;background:#f5f5fc8c;position:fixed}.drawer{background:var(--bg);z-index:36;flex-direction:column;width:min(780px,100vw);height:calc(100vh - 56px);animation:.28s cubic-bezier(.2,.7,.3,1) drawer-in;display:flex;position:fixed;top:56px;bottom:0;right:0;box-shadow:-8px 0 28px #0f162a1a,-2px 0 6px #0f162a0f}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head{background:0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.drawer__head-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.drawer__body{flex:1;padding:4px 36px 48px;overflow-y:auto}.drawer--view .drawer__body{padding-bottom:0}.drawer__footer{background:var(--surface-alt);border-top:1px solid var(--border-soft);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.drawer__footer-close{border-radius:var(--radius-md);height:36px;color:var(--ink-500);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.drawer__footer-close:hover{background:color-mix(in oklch,var(--bg) 54%,white);color:var(--ink-900)}.drawer__footer-open{border-radius:var(--radius-md);background:var(--accent-blue);color:#fff;height:36px;font:inherit;cursor:pointer;border:none;align-items:center;gap:8px;padding:0 18px;font-size:13px;font-weight:500;transition:background .15s,transform 50ms;display:inline-flex}.drawer__footer-open:hover{background:var(--ink-900)}.drawer__footer-open:active{transform:translateY(1px)}.paper-quote{border-radius:var(--radius-md);color:var(--ink-700);cursor:pointer;background:#fff;outline:none;padding:48px 52px;font-size:12px;line-height:1.5;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s;box-shadow:0 8px 28px #0f162a14,0 1px 3px #0f162a0a}.paper-quote--hovered{box-shadow:0 0 0 1px color-mix(in oklch,var(--accent-blue) 12%,transparent),0 20px 48px #0d35a01a,0 4px 10px #0f162a0d;transform:translateY(-5px)}.paper-quote__head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.paper-quote__title{color:var(--ink-900);letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700}.paper-quote__sub{color:var(--ink-500);margin:6px 0 0;font-size:12px}.paper-quote__divider{background:var(--border-line);border:0;height:1px;margin:24px 0}.paper-quote__label{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-900);margin-bottom:12px;font-size:10.5px;font-weight:600}.paper-quote__info-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.paper-quote__line{font-size:12px;line-height:1.55}.paper-quote__line--strong{color:var(--ink-700);margin-bottom:4px;font-weight:700}.paper-quote__dl{margin:0}.paper-quote__row{align-items:baseline;gap:12px;font-size:12px;display:flex}.paper-quote__row+.paper-quote__row{margin-top:6px}.paper-quote__row dt{color:var(--ink-500);flex:0 0 110px}.paper-quote__row dd{color:var(--ink-700);margin:0;font-weight:600}.drawer__order-banner{background:var(--surface-alt);border-top:1px solid var(--border-soft);color:var(--ink-700);cursor:pointer;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;transition:background .15s;display:flex}.drawer__order-banner:hover{background:var(--surface-muted)}.drawer__order-banner__icon{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--ink-500);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.drawer__order-banner__icon:after{content:"";background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-alt);border-radius:50%;position:absolute;top:-2px;right:-2px}.drawer__order-banner__body{flex:1;min-width:0}.drawer__order-banner__title{color:var(--ink-900);font-size:13px;font-weight:600}.drawer__order-banner__meta{color:var(--ink-500);margin-top:2px;font-size:11px}.drawer__order-banner__status{color:var(--ink-700);font-weight:500}.drawer__order-banner__chevron{color:var(--ink-400);flex-shrink:0}.drawer__order-banner:hover .drawer__order-banner__chevron{color:var(--ink-700)}.paper-quote__items-head{border-bottom:1px solid var(--border-line);text-transform:uppercase;letter-spacing:.6px;color:var(--ink-500);grid-template-columns:minmax(140px,1fr) 60px 90px 100px;gap:12px;padding:10px 0;font-size:10.5px;font-weight:600;display:grid}.paper-quote__items-row{border-bottom:1px solid var(--border-line);grid-template-columns:minmax(140px,1fr) 60px 90px 100px;align-items:start;gap:12px;padding:14px 0;display:grid}.paper-quote__items-row:last-of-type{border-bottom:none}.paper-quote__num,.paper-quote__price,.paper-quote__total{text-align:right;font-variant-numeric:tabular-nums}.paper-quote__total{color:var(--ink-700);font-weight:600}.paper-quote__item-name{color:var(--ink-700);font-size:13px;font-weight:600}.paper-quote__item-meta{color:var(--ink-500);margin-top:2px;font-size:11px}.paper-quote__item-notes{flex-direction:column;gap:4px;margin-top:6px;display:flex}.paper-quote__item-note{border-radius:var(--radius);color:var(--ink-800);background:0 0;align-items:flex-start;gap:6px;width:fit-content;max-width:100%;padding:3px 6px;font-size:11px;font-weight:400;line-height:1.35;display:inline-flex}.paper-quote__item-note>span{white-space:pre-line;word-break:break-word}.paper-quote__item-note svg{opacity:.85;flex-shrink:0;margin-top:1px}.paper-quote__item-note--klant svg{color:var(--accent-blue)}.paper-quote__item-note--leverancier svg{color:var(--accent-green)}.paper-quote__item-note--intern svg{color:var(--ink-500)}.paper-quote__item-note--intern{color:var(--ink-700)}.paper-quote__empty{text-align:center;color:var(--ink-400);padding:24px 0;font-style:italic}.paper-quote__totals{border-radius:var(--radius-md);background:linear-gradient(135deg,#0d35a00a,#009a820a);width:280px;margin-top:22px;margin-left:auto;padding:16px 18px}.paper-quote__totals-row{color:var(--ink-500);justify-content:space-between;align-items:baseline;padding:4px 0;font-size:12px;display:flex}.paper-quote__totals-row>span:last-child{color:var(--ink-700);font-variant-numeric:tabular-nums}.paper-quote__totals-row--strong{color:var(--ink-700);font-weight:500}.paper-quote__totals-row--strong>span:last-child{color:var(--ink-700);font-weight:600}.paper-quote__totals-row--discount>span:last-child{color:var(--ink-500);font-weight:500}.paper-quote__totals-row--grand{color:var(--accent-blue);border-top:1px solid #0d35a029;margin-top:8px;padding-top:12px;font-size:16px;font-weight:700}.paper-quote__totals-row--grand>span:last-child{color:var(--accent-blue);font-weight:700}.paper-quote__files{flex-direction:column;gap:10px;display:flex}.paper-quote__file{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--surface-muted);align-items:center;gap:12px;padding:10px 12px;display:flex}.paper-quote__file-icon{border-radius:var(--radius-md);background:var(--accent-blue-soft);width:32px;height:32px;color:var(--accent-blue);justify-content:center;align-items:center;display:inline-flex}.paper-quote__file-name{color:var(--ink-900);font-size:12px;font-weight:600}.paper-quote__file-meta{color:var(--ink-500);margin-top:2px;font-size:11px}.paper-quote__notes{color:var(--ink-700);white-space:pre-wrap;margin:0;font-size:12.5px;line-height:1.6}.paper-quote__notes--empty{color:var(--ink-400)}.page__subtitle{color:var(--ink-500);margin-top:4px;font-size:13px}.lt-table thead th.lt-table__num,.lt-table td.lt-table__num{text-align:right}.lt-table td.lt-table__id{color:var(--accent-blue);font-variant-numeric:tabular-nums;font-weight:600}.lt-table__id-main{color:var(--accent-blue);font-weight:600}.lt-table__id-sub{color:var(--ink-500);letter-spacing:0;margin-top:2px;font-size:11px;font-weight:400}.lt-table__date-primary{color:var(--ink-900);font-size:13px}.lt-table__date-secondary{color:var(--ink-500,#8a93a6);margin-top:2px;font-size:11px}.lt-table__date-sub{color:var(--ink-500);margin-top:2px;font-size:11px}.lt-table__status-cell{text-align:right;width:180px;padding-right:16px}.lt-table th.lt-table__status-cell{text-align:right;padding-right:46px}.lt-status-cell{justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.lt-order-mark{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.lt-table__order-check{width:18px;height:18px;color:var(--ink-700,#1f2a44);cursor:pointer;opacity:.7;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .14s,color .14s,transform .14s;display:inline-flex}.lt-table__order-check:hover{opacity:1;color:var(--ink-900);transform:translateY(-1px)}.lt-table__order-check:focus-visible{outline:2px solid var(--ink-900);outline-offset:2px;border-radius:4px}.lt-table__order-check[data-tooltip]{position:relative}.lt-table__order-check[data-tooltip]:before{content:"";background:var(--ink-900);opacity:0;pointer-events:none;z-index:41;width:8px;height:8px;transition:opacity .12s,transform .14s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(100% + 4px);right:4px;transform:translateY(-2px)rotate(45deg)}.lt-table__order-check[data-tooltip]:after{content:attr(data-tooltip);border-radius:var(--radius-md);background:var(--ink-900);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:40;padding:7px 10px;font-size:12px;font-weight:500;line-height:1;transition:opacity .12s,transform .14s cubic-bezier(.2,.7,.3,1);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 12px 28px #0f162a33,0 3px 8px #0f162a14}.lt-table__order-check[data-tooltip]:hover:before,.lt-table__order-check[data-tooltip]:focus-visible:before{opacity:1;transform:translateY(0)rotate(45deg)}.lt-table__order-check[data-tooltip]:hover:after,.lt-table__order-check[data-tooltip]:focus-visible:after{opacity:1;transform:translateY(0)}.lt-table__date-cell[data-tooltip]{position:relative}.lt-table__date-cell[data-tooltip]:hover,.lt-table__date-cell[data-tooltip]:focus-visible{z-index:50}.lt-table__date-cell[data-tooltip]:before{content:"";background:var(--ink-900);opacity:0;visibility:hidden;pointer-events:none;z-index:1001;width:8px;height:8px;transition:opacity .12s,transform .14s cubic-bezier(.2,.7,.3,1),visibility 0s linear .12s;position:absolute;top:calc(100% + 4px);left:12px;transform:translateY(-2px)rotate(45deg)}.lt-table__date-cell[data-tooltip]:after{content:attr(data-tooltip);border-radius:var(--radius-md);background:var(--ink-900);color:#fff;white-space:pre;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;padding:7px 10px;font-size:12px;font-weight:500;line-height:1.4;transition:opacity .12s,transform .14s cubic-bezier(.2,.7,.3,1),visibility 0s linear .12s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px);box-shadow:0 12px 28px #0f162a33,0 3px 8px #0f162a14}.lt-table__date-cell[data-tooltip]:hover:before,.lt-table__date-cell[data-tooltip]:focus-visible:before{opacity:1;visibility:visible;transition:opacity .12s .7s,transform .14s cubic-bezier(.2,.7,.3,1) .7s,visibility 0s linear .7s;transform:translateY(0)rotate(45deg)}.lt-table__date-cell[data-tooltip]:hover:after,.lt-table__date-cell[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity .12s .7s,transform .14s cubic-bezier(.2,.7,.3,1) .7s,visibility 0s linear .7s;transform:translateY(0)}.lt-table__klant-btn{text-align:left;cursor:pointer;font:inherit;color:inherit;border-radius:var(--radius);background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;padding:0;transition:color .12s;display:flex}.lt-table__klant-btn:hover .lt-table__klant-name{color:var(--accent-blue);text-underline-offset:2px;text-decoration:underline}.lt-table__klant-name{color:var(--ink-900);align-items:center;gap:6px;font-weight:600;display:inline-flex}.lt-table__klant-icon{color:var(--ink-400);opacity:0;flex-shrink:0;transition:opacity .15s,color .15s}.lt-table tbody tr:hover .lt-table__klant-icon,.lt-table__klant-btn:hover .lt-table__klant-icon{opacity:1;color:var(--accent-blue)}.lt-table__klant-sub{color:var(--ink-500);font-size:11px;font-weight:400}.lt-table td.lt-table__strong{color:var(--ink-900);font-weight:600}.lt-table td.lt-table__amount{font-variant-numeric:tabular-nums;color:var(--ink-900);font-weight:600}.lt-table td.cell-muted{color:var(--ink-500);font-size:12px}.page__header--detail{align-items:center;gap:16px;display:flex}.page__header--detail .crumb{margin-right:auto}.page__header-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.save-indicator{color:var(--ink-400);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:400;transition:color .15s,opacity .15s;animation:.25s ease-out fade-in;display:inline-flex}.save-indicator--saved{color:var(--ink-500)}.save-indicator>svg{color:var(--accent-green);opacity:.8}.save-indicator__spinner{border:1.5px solid var(--border-line);border-top-color:var(--accent-blue);border-radius:50%;width:11px;height:11px;animation:.7s linear infinite save-spin}@keyframes save-spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lt-detail-page .inline-select,.lt-detail-page .inline-combo,.lt-detail-page .svc-order-search__field{border-color:#0000}.lt-detail-page .inline-select:hover,.lt-detail-page .inline-combo:hover,.lt-detail-page .svc-order-search__field:hover{background:var(--surface-alt);box-shadow:none;border-color:#0000}.lt-detail-page .inline-select.is-open,.lt-detail-page .inline-select:focus-visible,.lt-detail-page .inline-combo:focus-within,.lt-detail-page .svc-order-search__field:focus-within{background:var(--surface);box-shadow:0 0 0 2px var(--accent-blue-soft);border-color:#0000;outline:none}.old-ui{flex-direction:column;gap:16px;height:100%;min-height:100%;padding:24px;display:flex}.old-ui__bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.old-ui__btn{height:36px;font:500 13px/1 var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:0 14px;transition:background .15s,border-color .15s;display:inline-flex}.old-ui__btn--ghost{background:var(--surface);color:var(--ink-700);border-color:var(--border-line)}.old-ui__btn--ghost:hover,.old-ui__btn--ghost.is-active{background:var(--surface-alt)}.old-ui__btn--primary{color:#fff;background:#5cb85c}.old-ui__btn--primary:hover{background:#4ca64c}.old-ui__canvas{background:var(--surface);border:1px solid var(--border-line);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:480px;display:flex}.old-ui__placeholder{text-align:center;color:var(--ink-400);padding:24px}.old-ui__placeholder-title{font:600 16px/1.3 var(--font-display);color:var(--ink-500);margin-bottom:6px}.old-ui__placeholder-sub{color:var(--ink-400);font-size:13px}.off-detail-page [data-kbd-section]{border-radius:6px;transition:box-shadow .12s,background .12s;position:relative}html[data-input-modality=keyboard] .off-detail-page [data-kbd-section]:focus-within{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent-blue,#2563eb)}.off-detail-page .page__header-actions[data-kbd-section]:focus-within{box-shadow:none}.items-row[tabindex]{outline:none}html[data-input-modality=keyboard] .items-row[tabindex]:focus-visible,html[data-input-modality=keyboard] .items-row[data-kbd-section]:focus-within{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent-blue,#2563eb);border-radius:6px}.cell-edit--qty{background:0 0;border:0;justify-content:flex-end;align-items:baseline;gap:4px;width:100%;padding:0;display:inline-flex}.cell-edit--qty:hover,.cell-edit--qty:focus-visible{box-shadow:none;background:0 0;border:0}.cell-edit--qty-input{text-align:right;flex:0 auto;width:auto;min-width:36px;max-width:60px}.cell-edit__unit{color:var(--ink-500);white-space:nowrap;font-size:12px}.cell-edit--readonly{white-space:nowrap}.drawer--view .drawer__head{display:none}.drawer--view .drawer__body{flex-direction:column;padding-top:36px;display:flex}.drawer--view .paper-quote{cursor:default;border-bottom-right-radius:0;border-bottom-left-radius:0;flex:1 0 auto;min-height:calc(100% + 80px);padding-top:32px;position:relative}.drawer--view .paper-quote__head{align-items:center;gap:16px}.drawer--view .paper-quote__head-right{flex:none;align-items:center;gap:8px;display:inline-flex}.drawer--view .paper-quick-actions{order:2;align-items:center;gap:2px;display:inline-flex}.drawer--view .paper-quote__head-right>.pill{order:1}.paper-quick-actions .btn--icon-ghost{color:var(--ink-400,#64748b);background:0 0;transition:background-color .12s,color .12s}.paper-quick-actions .btn--icon-ghost:hover,.paper-quick-actions .btn--icon-ghost.is-active{color:var(--accent-blue,#0d35a0);background:#071b550d}.quick-actions-glass{z-index:20;-webkit-backdrop-filter:blur(8px)saturate(160%);border-radius:inherit;background:linear-gradient(#ffffff52,#ffffff6b);animation:.22s ease-out quickActionsGlassIn;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff80}@keyframes quickActionsGlassIn{0%{opacity:0}to{opacity:1}}.drawer--view .quick-actions-panel{z-index:30;background:var(--surface,#fff);border:1px solid var(--border-soft,#0f172a14);border-radius:14px;flex-direction:column;width:max-content;max-width:calc(100% - 64px);padding:8px;animation:.24s cubic-bezier(.2,.8,.2,1) quickActionsPanelIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a05,0 8px 24px -12px #0f172a14,0 20px 48px -24px #0f172a1a}@keyframes quickActionsPanelIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes paperQuoteOut{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}10%{opacity:1;transform:translate(-6px)rotate(-1.2deg)scale(1)}22%{opacity:1;transform:translate(6px)rotate(1.2deg)scale(1)}34%{opacity:1;transform:translate(-4px)rotate(-.8deg)scale(1)}46%{opacity:1;transform:translate(4px)rotate(.8deg)scale(1)}55%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translate(0)rotate(0)scale(.85)}}.drawer--view .paper-quote--deleting{transform-origin:50%;pointer-events:none;animation:.52s cubic-bezier(.2,.8,.2,1) forwards paperQuoteOut}.quick-actions-panel .a4-btn{width:100%;color:var(--ink-900,#0b1b4d);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:16px;padding:14px 18px;transition:background .14s;display:flex}.quick-actions-panel .a4-btn svg{width:22px;height:22px;color:var(--ink-500,#64748b);flex:0 0 22px}.quick-actions-panel .a4-btn:hover{background:#071b550b}.quick-actions-panel .a4-btn:focus{outline:none}.quick-actions-panel .a4-btn:focus-visible{background:color-mix(in oklch,var(--accent-blue,#0d35a0) 7%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--accent-blue,#0d35a0) 35%,transparent);border-radius:10px;outline:none}.quick-actions-panel .a4-btn--danger:focus-visible{background:color-mix(in oklch,var(--danger) 7%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in oklch,var(--danger) 35%,transparent)}.quick-actions-panel .a4-btn__text{flex-direction:column;gap:3px;min-width:0;display:flex}.quick-actions-panel .a4-btn__title{color:var(--ink-900,#0b1b4d);letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.25;display:block}.quick-actions-panel .a4-btn__sub{color:var(--ink-500,#64748b);font-size:12px;line-height:1.35;display:block}.quick-actions-panel .a4-divider{background:#071b5514;height:1px;margin:4px 0}.quick-actions-panel .a4-btn--danger,.quick-actions-panel .a4-btn--danger .a4-btn__title,.quick-actions-panel .a4-btn--danger .a4-btn__sub,.quick-actions-panel .a4-btn--danger svg{color:var(--danger)}.quick-actions-panel .a4-btn--danger:hover{background:color-mix(in oklch,var(--danger) 7%,transparent)}.skeleton{vertical-align:middle;background:#cccccc73;border-radius:6px;display:inline-block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:1.4s cubic-bezier(.4,0,.2,1) infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton--text{border-radius:4px;width:100%;height:12px;display:block}.skeleton--title{border-radius:6px;width:40%;height:22px;display:block}.skeleton--avatar{border-radius:50%;width:40px;height:40px}.skeleton--thumb{border-radius:8px;width:56px;height:56px}.skeleton--pill{border-radius:999px;width:80px;height:22px}.skeleton--block{border-radius:8px;width:100%;height:64px;display:block}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none;display:none}.ds-spinner,.ds-progress__bar,.ds-progress__stripe{animation-duration:.01ms!important}}.skeleton-row{border-bottom:1px solid var(--border,#e5e7eb);background:var(--paper,#fff);align-items:center;gap:14px;padding:14px 16px;display:flex}.skeleton-row__lines{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.skeleton-list{border:1px solid var(--border,#e5e7eb);background:var(--paper,#fff);border-radius:12px;overflow:hidden}.skeleton-list .skeleton-row:last-child{border-bottom:0}.skeleton-kpi-strip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.skeleton-kpi{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:10px;min-height:96px;padding:16px;display:flex}.skeleton-paper{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:20px;max-width:720px;padding:28px 32px;display:flex;box-shadow:0 1px 2px #071b550a,0 8px 24px #071b550a}.skeleton-paper__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.skeleton-paper__meta{grid-template-columns:1fr 1fr;gap:16px;display:grid}.skeleton-paper__line{border-top:1px solid var(--border,#e5e7eb);align-items:center;gap:14px;padding:10px 0;display:flex}.skeleton-paper__line:first-of-type{border-top:0}.skeleton-paper__line-text{flex:1}.skeleton-paper__totals{border-top:1px solid var(--border,#e5e7eb);flex-direction:column;align-items:flex-end;gap:8px;padding-top:14px;display:flex}.ds-spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ds-spin;display:inline-block}.ds-spinner--sm{border-width:2px;width:14px;height:14px}.ds-spinner--lg{border-width:2.5px;width:22px;height:22px}@keyframes ds-spin{to{transform:rotate(360deg)}}.btn[aria-busy=true]{cursor:progress;opacity:.85}.btn[aria-busy=true] .btn__label{visibility:hidden}.btn[aria-busy=true] .ds-spinner{margin-top:-8px;margin-left:-8px;position:absolute;top:50%;left:50%}.btn[aria-busy=true] .ds-spinner--sm{margin-top:-7px;margin-left:-7px}.btn[aria-busy=true] .ds-spinner--lg{margin-top:-11px;margin-left:-11px}.btn--success-flash{transition:background .2s;background:var(--accent-green)!important;color:#fff!important;border-color:var(--accent-green)!important}.btn-with-spinner{position:relative}.btn-with-spinner .btn__label{justify-content:center;align-items:center;gap:8px;display:inline-flex}.ds-progress{background:#0d35a01f;border-radius:999px;width:100%;height:2px;position:relative;overflow:hidden}.ds-progress__bar{background:var(--accent-blue);border-radius:999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .4s}.ds-progress__stripe{background:linear-gradient(90deg,transparent 0%,var(--accent-blue) 40%,var(--accent-blue) 60%,transparent 100%);width:40%;animation:1.4s cubic-bezier(.4,0,.2,1) infinite ds-progress-slide;position:absolute;inset:0}@keyframes ds-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.ds-progress--done .ds-progress__bar{opacity:0}.ds-empty{text-align:center;background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;padding:36px 24px;display:flex}.ds-empty__art{width:200px;height:168px;display:block}.ds-empty__title{color:var(--ink-900);margin:6px 0 0;font-size:16px;font-weight:600}.ds-empty__body{max-width:320px;color:var(--ink-500);margin:0;font-size:14px;line-height:1.5}.ds-empty__cta{margin-top:6px}.ds-empty__link{color:var(--accent-blue);cursor:pointer;background:0 0;border:0;margin-top:4px;padding:4px 8px;font-size:13px;text-decoration:none}.ds-empty__link:hover{text-decoration:underline}.ds-page{max-width:1280px;padding:32px 40px 64px}.ds-page__intro{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-left:3px solid var(--accent-blue);border-radius:12px;margin-bottom:32px;padding:20px 24px}.ds-page__intro h2{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;font-size:12px;font-weight:700}.ds-page__intro ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ds-page__intro li{color:var(--ink-700);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.ds-page__intro li:before{content:"";background:var(--accent-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:0}.ds-page__intro strong{color:var(--ink-900);font-weight:600}.ds-section{border-top:1px solid var(--border,#e5e7eb);grid-template-columns:260px 1fr;gap:32px;padding:32px 0;scroll-margin-top:80px;display:grid}.ds-section:first-of-type{border-top:0;padding-top:0}.ds-section__head h3{color:var(--ink-900);margin:0 0 8px;font-size:18px;font-weight:600}.ds-section__head p{color:var(--ink-500);margin:0;font-size:13px;line-height:1.5}.ds-section__body{flex-direction:column;gap:20px;min-width:0;display:flex}@media(max-width:960px){.ds-section{grid-template-columns:1fr;gap:16px}}.ds-primitives{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:24px;padding:20px;display:flex}.ds-primitive{flex-direction:column;align-items:flex-start;gap:8px;min-width:140px;display:flex}.ds-primitive__label{color:var(--ink-500);font-family:SF Mono,Menlo,monospace;font-size:11px}.ds-primitive__demo{align-items:flex-end;width:100%;min-height:56px;display:flex}.ds-buttons-row{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.ds-progress-stack{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;flex-direction:column;gap:18px;padding:20px;display:flex}.ds-progress-stack__row{flex-direction:column;gap:6px;display:flex}.ds-progress-stack__label{color:var(--ink-500);font-family:SF Mono,Menlo,monospace;font-size:12px}.ds-empty-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media(max-width:1100px){.ds-empty-grid{grid-template-columns:1fr}}.ds-code{color:#e2e8f0;white-space:pre;background:#0f172a;border-radius:10px;padding:16px 18px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55;overflow-x:auto}.ds-code .tk-com{color:#94a3b8}.ds-code .tk-key{color:#c4b5fd}.ds-code .tk-str{color:#86efac}.ds-code .tk-fn{color:#93c5fd}.ds-tone{background:var(--paper,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;gap:10px;padding:20px 24px;display:grid}.ds-tone p{color:var(--ink-700);margin:0;font-size:13px;line-height:1.55}.ds-tone strong{color:var(--ink-900);font-weight:600}.ds-principles-hero{background:var(--surface,#fff);border:1px solid var(--border-soft,#eef0f4);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card);margin-bottom:8px;padding:32px}.ds-principles-hero__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-blue);margin:0 0 24px;font-size:13px;font-weight:700}.ds-principles-hero__grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media(max-width:960px){.ds-principles-hero__grid{grid-template-columns:1fr;gap:24px}}.ds-principles-hero__pillar{flex-direction:column;gap:6px;display:flex}.ds-principles-hero__pillar-title{color:var(--ink-900);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.ds-principles-hero__pillar-subtitle{color:var(--ink-700);margin:0;font-size:13px;font-weight:600;line-height:1.4}.ds-principles-hero__pillar-body{color:var(--ink-500);margin:6px 0 0;font-size:13px;line-height:1.6}.ds-principle{background:var(--surface,#fff);border:1px solid var(--border-soft,#eef0f4);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-card);margin-bottom:16px;padding:32px}.ds-principle:last-of-type{margin-bottom:0}.ds-principle__header{border-bottom:1px solid var(--border-line,#f1f2f3);align-items:baseline;gap:16px;margin-bottom:16px;padding-bottom:16px;display:flex}.ds-principle__number{background:var(--accent-blue-soft,#e2eaff);width:32px;height:32px;color:var(--accent-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ds-principle__titles{flex-direction:column;gap:4px;display:flex}.ds-principle__title{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.25}.ds-principle__subtitle{color:var(--ink-500);margin:0;font-size:13px;font-style:italic}.ds-principle__lead{color:var(--ink-700);max-width:780px;margin:0 0 24px;font-size:15px;font-weight:500;line-height:1.6}.ds-principle__sections{flex-direction:column;gap:24px;margin-bottom:24px;display:flex}.ds-principle__section{flex-direction:column;gap:10px;display:flex}.ds-principle__section-title{letter-spacing:0;color:var(--ink-900);margin:0;font-size:14px;font-weight:700}.ds-principle__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ds-principle__list li{color:var(--ink-700);padding-left:18px;font-size:13px;line-height:1.55;position:relative}.ds-principle__list li:before{content:"";background:var(--accent-blue);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}.ds-principle__rule{background:var(--surface-alt,#f4f6f9);border-radius:var(--radius-md,8px);border-left:3px solid var(--accent-blue);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.ds-principle__rule-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-400);font-size:10px;font-weight:700}.ds-principle__rule-text{color:var(--ink-700);font-size:14px;font-style:italic;line-height:1.5}.ds-principle__levels{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media(max-width:960px){.ds-principle__levels{grid-template-columns:1fr}}.ds-principle__level-card{background:var(--surface-alt,#f4f6f9);border:1px solid var(--border-soft,#eef0f4);border-radius:var(--radius-lg,12px);flex-direction:column;padding:22px 24px;display:flex}.ds-principle__level-title{color:var(--ink-900);margin:0 0 10px;font-size:14px;font-weight:700}.ds-principle__level-desc{color:var(--ink-500);flex:1;margin:0 0 14px;font-size:13px;line-height:1.5}.ds-principle__level-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ds-principle__level-list li{color:var(--ink-700);padding-left:16px;font-size:12px;line-height:1.4;position:relative}.ds-principle__level-list li:before{content:"";background:var(--accent-magenta);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:0}.ds-principle__rule--agentic{border-left-color:var(--accent-green);background:#009a820f}.ds-color-grid{background:var(--surface,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px;display:grid}.ds-color{background:var(--surface-muted,#fafafd);border:1px solid var(--border-soft,#eef0f4);border-radius:8px;align-items:flex-start;gap:14px;padding:10px;display:flex}.ds-color__chip{border:1px solid #0f162a14;border-radius:8px;flex-shrink:0;width:56px;height:56px;box-shadow:inset 0 0 0 1px #fff6}.ds-color__chip--dark{border-color:#ffffff2e}.ds-color__meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.ds-color__token-row{flex-wrap:wrap;gap:6px;display:flex}.ds-color__token,.ds-color__hex{background:var(--surface,#fff);border:1px solid var(--border,#e1e5f0);color:var(--ink-700);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:3px 7px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.ds-color__token code{font:inherit;color:inherit;background:0 0;padding:0}.ds-color__token:hover,.ds-color__hex:hover{background:var(--accent-blue-soft);border-color:var(--accent-blue);color:var(--accent-blue)}.ds-color__role{color:var(--ink-500);margin:0;font-size:12px;line-height:1.45}.ds-bg-preview{border:1px solid var(--border,#e1e5f0);background:radial-gradient(100% 55% at 50% -8%,#c3d5ff8c,#0000 65%),linear-gradient(168deg,#f1f4fb,#eaecf3 55%,#e7eaf1);border-radius:12px;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.ds-bg-preview__noise{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.ds-bg-preview__card{color:var(--ink-700);background:#fff;border-radius:12px;padding:24px 32px;font-size:13px;position:relative;box-shadow:0 7px 16px #c7cadc1a,0 30px 30px #c7cadc17}.ds-bg-stack{background:var(--surface,#fff);border:1px solid var(--border-soft,#eef0f4);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ds-bg-row{border-top:1px solid var(--border-line,#f1f2f3);grid-template-columns:120px 1fr;align-items:center;gap:12px;padding:12px 16px;display:grid}.ds-bg-row:first-child{border-top:0}.ds-bg-row__label{color:var(--ink-900);font-size:12px;font-weight:600}.ds-bg-row__code{color:var(--ink-500);white-space:nowrap;background:0 0;padding:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11.5px;overflow-x:auto}.ds-shadow-preview{border:1px solid var(--border,#e1e5f0);background:radial-gradient(100% 55% at 50% -8%,#c3d5ff8c,#0000 65%),linear-gradient(168deg,#f1f4fb,#eaecf3 55%,#e7eaf1);border-radius:12px;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.ds-shadow-preview--surface{background:var(--surface,#fff)}.ds-shadow-preview__card{color:var(--ink-700);background:#fff;border:1px solid #eef0f4;border-radius:12px;padding:56px 88px;font-size:15px;font-weight:500;box-shadow:4px 4px 15px #0e22550d}.ds-shadow-subhead{letter-spacing:.4px;color:var(--ink-900);margin:0 0 6px;font-size:13px;font-weight:700}.ds-kpi-preview{border:1px solid var(--border,#e1e5f0);background:radial-gradient(100% 55% at 50% -8%,#c3d5ff8c,#0000 65%),linear-gradient(168deg,#f1f4fb,#eaecf3 55%,#e7eaf1);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px;display:grid}.ds-kpi-preview__card{border:1px solid var(--border-soft,#eef0f4);cursor:default;background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:18px 20px;transition:transform .18s,box-shadow .18s;display:flex}.ds-kpi-preview__card:hover{transform:translateY(-2px)}.ds-kpi-preview__label{color:var(--ink-500);letter-spacing:.2px;font-size:11px;font-weight:500}.ds-kpi-preview__value{color:var(--ink-900);font-size:22px;font-weight:700}.ds-kpi-preview__card--blue{box-shadow:0 4px 14px #1350ea0f}.ds-kpi-preview__card--blue:hover{box-shadow:0 10px 24px #1350ea1c,0 3px 8px #1350ea0f}.ds-kpi-preview__card--pink{box-shadow:none}.ds-kpi-preview__card--pink:hover{box-shadow:0 10px 24px #e6007e26,0 3px 8px #e6007e12}.ds-kpi-preview__card--purple{box-shadow:0 4px 14px #aa00ff0f}.ds-kpi-preview__card--purple:hover{box-shadow:0 10px 24px #aa00ff1c,0 3px 8px #aa00ff0d}.ds-menu-preview{background:var(--surface,#fff);border:1px solid var(--border-line,#f1f2f3);border-radius:4px;min-width:200px;padding:6px 0;box-shadow:0 7px 16px #c7cadc1a,0 30px 30px #c7cadc17,0 67px 40px #c7cadc0d}.ds-menu-preview__item{color:var(--ink-700);cursor:default;padding:8px 14px;font-size:13px}.ds-menu-preview__item--danger{color:var(--danger)}.ds-menu-preview__sep{background:var(--border-line,#f1f2f3);height:1px;margin:4px 0}.ds-type-fonts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.ds-type-font{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:20px;display:flex}.ds-type-font__name{color:var(--ink-900);font-size:28px;font-weight:700;line-height:1.1}.ds-type-font__role{color:var(--ink-500);margin:0;font-size:12.5px;line-height:1.45}.ds-type-font__sample{color:var(--ink-700);background:var(--surface-alt);border-radius:var(--radius-md);padding:12px 14px;font-size:18px;font-weight:500;line-height:1.3}.ds-type-font__weights{flex-wrap:wrap;gap:10px 14px;display:flex}.ds-type-font__weight{color:var(--ink-700);font-size:15px}.ds-type-font__weight em{color:var(--ink-500);margin-left:4px;font-style:normal}.ds-type-scale{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.ds-type-row{border-top:1px solid var(--border-line);grid-template-columns:240px 1fr;align-items:center;gap:24px;padding:16px 20px;display:grid}.ds-type-row:first-child{border-top:0}.ds-type-row__use{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:12px;font-weight:700}.ds-type-row__specs{color:var(--ink-500);flex-wrap:wrap;gap:6px;font-size:11.5px;display:flex}.ds-type-row__specs code{color:var(--ink-700);background:0 0;padding:0;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px}.ds-type-row__sample{overflow-wrap:anywhere;min-width:0}@media(max-width:720px){.ds-type-row{grid-template-columns:1fr;gap:10px}}.ds-type-paper{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:22px;padding:28px 32px;display:flex}.ds-type-paper__title{color:var(--ink-900);font-size:24px;font-weight:700}.ds-type-paper__block{flex-direction:column;gap:6px;display:flex}.ds-type-paper__label{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.ds-type-paper__value{color:var(--ink-700);font-size:13px;font-weight:500}.ds-type-paper__meta{color:var(--ink-500);font-size:12px}.nav__item--child{color:var(--ink-500);padding-top:6px;padding-bottom:6px;font-size:12px}.nav__item--child:hover{background:var(--accent-blue-soft);color:var(--accent-blue)}.order-choice{flex-direction:column;gap:8px;margin-top:16px;display:flex}.order-choice__btn{border:1px solid var(--ink-100,#e2e8f0);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .12s,border-color .12s,box-shadow .12s;display:flex}.order-choice__btn:hover{border-color:var(--ink-200,#cbd5e1);background:#071b5509}.order-choice__btn:focus{outline:none}.order-choice__btn:focus-visible{box-shadow:0 0 0 2px var(--brand-600,#2563eb)}.order-choice__btn--primary{border-color:var(--brand-600,#2563eb);background:#2563eb0a}.order-choice__btn--primary:hover{background:#2563eb14}.order-choice__icon{background:var(--ink-50,#f1f5f9);width:36px;height:36px;color:var(--ink-600,#475569);border-radius:8px;flex:0 0 36px;justify-content:center;align-items:center;display:inline-flex}.order-choice__btn--primary .order-choice__icon{color:var(--brand-600,#2563eb);background:#2563eb1f}.order-choice__text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.order-choice__title{color:var(--ink-900,#0f172a);font-size:14px;font-weight:600;line-height:1.3}.order-choice__sub{color:var(--ink-500,#64748b);font-size:12px;line-height:1.35}.order-choice__btn>svg:last-child{color:var(--ink-400,#94a3b8);flex:none}.ds-logo-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ds-logo{background:var(--paper,#fff);border:1px solid var(--line,#e5e7eb);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.ds-logo__preview{border-bottom:1px solid var(--line,#e5e7eb);background:linear-gradient(45deg,#f5f6fa 25%,#0000 25%) 0 0/16px 16px,linear-gradient(-45deg,#f5f6fa 25%,#0000 25%) 0 8px/16px 16px,linear-gradient(45deg,#0000 75%,#f5f6fa 75%) 8px -8px/16px 16px,linear-gradient(-45deg,#0000 75%,#f5f6fa 75%) -8px 0/16px 16px,#fff;justify-content:center;align-items:center;min-height:160px;padding:28px 20px;display:flex}.ds-logo__preview--square{padding:24px}.ds-logo__meta{padding:16px 16px 8px}.ds-logo__title{color:var(--ink-900,#071b55);margin-bottom:4px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.ds-logo__desc{font-family:var(--font-sans);color:var(--ink-500,#475569);margin:0;font-size:12px;line-height:1.5}.ds-logo__actions{flex-wrap:wrap;gap:6px;padding:8px 16px 12px;display:flex}.ds-logo__btn{height:auto;min-height:0;padding:6px 10px;font-size:12px;line-height:1.2}.ds-logo__path{border-top:1px solid var(--line,#e5e7eb);background:#fafbfd;padding:10px 16px}.ds-logo__path code{color:var(--ink-500,#475569);background:0 0;padding:0;font-family:SF Mono,Menlo,monospace;font-size:11px}.ds-logo__preview--dark{background:var(--ink-900,#071b55);border-bottom-color:#ffffff14}.ds-logo__formats{flex-direction:column;gap:4px;padding:8px 12px 12px;display:flex}.ds-logo__format{border-radius:6px;align-items:center;gap:6px;padding:4px 4px 4px 8px;display:flex}.ds-logo__format:hover{background:#fafbfd}.ds-logo__format-label{color:var(--ink-700,#1f2937);letter-spacing:.02em;flex:1;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.ds-logo__icon-btn{border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.order-advanced .order-advanced__toggle{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.order-advanced .order-advanced__toggle .order-section__head{margin-bottom:0}.order-advanced .order-advanced__toggle:hover .order-section__head{color:var(--ink-700)}.order-advanced__chevron{color:var(--ink-400);transition:transform .18s,color .15s}.order-advanced__toggle:hover .order-advanced__chevron{color:var(--ink-600)}.order-advanced__toggle.is-open .order-advanced__chevron{color:var(--ink-600);transform:rotate(180deg)}.order-advanced__subtitle{color:var(--ink-500);margin-top:6px;font-size:12px;line-height:1.45}.order-advanced__body{flex-direction:column;gap:6px;margin-top:12px;animation:.18s orderAdvIn;display:flex}@keyframes orderAdvIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.order-advanced__row{background:var(--surface-alt);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s,border-color .15s;display:flex}.order-advanced__row:hover{background:var(--surface-muted)}.order-advanced__row.is-on{border-color:color-mix(in oklab,var(--accent-blue) 18%,transparent)}.order-advanced__row-label{color:var(--ink-800);font-size:13px}.order-advanced__row .switch{margin-left:0}.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}.deposit-input{border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin:-4px -4px -4px -8px;padding:3px 4px 3px 8px;transition:border-color .12s,background .12s,box-shadow .12s;display:inline-flex}.deposit-input:hover{border-color:var(--border);background:#fff}.deposit-input:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring);background:#fff}.deposit-input__field{font:inherit;color:var(--ink-700);background:0 0;border:0;outline:none;width:64px;padding:0;font-weight:500}.deposit-input__field::placeholder{color:var(--ink-400);font-weight:400}.deposit-input__toggle{background:var(--bg-50,#f4f5f7);border-radius:6px;gap:2px;padding:2px;display:inline-flex}.deposit-input__seg{appearance:none;cursor:pointer;font:inherit;color:var(--ink-400);background:0 0;border:0;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1;transition:background .12s,color .12s}.deposit-input__seg:hover{color:var(--ink-700)}.deposit-input__seg.is-active{color:var(--ink-900);background:#fff;box-shadow:0 1px 2px #0f162a14}.ds-layout-viz{border:1px solid var(--line,#e5e7eb);background:#f6f7fb;border-radius:12px;padding:24px;overflow:hidden}.ds-layout-viz__shell{background:#fff;border:1px solid #dfe3ec;border-radius:8px;grid-template-columns:96px 1fr;min-height:340px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f162a0a}.ds-layout-viz__sidebar{background:#fff;border-right:1px solid #e5e7eb}.ds-layout-viz__main{flex-direction:column;min-width:0;display:flex}.ds-layout-viz__topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:32px}.ds-layout-viz__canvas{background:#f6f7fb;min-height:320px;padding:30px 40px;position:relative}.ds-layout-viz__ruler{color:#dc2626;letter-spacing:.3px;z-index:2;background:#fff;border:1px dashed #dc2626;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute}.ds-layout-viz__ruler--top{top:6px;left:50%;transform:translate(-50%)}.ds-layout-viz__ruler--left{top:50%;left:6px;transform:translateY(-50%)}.ds-layout-viz__ruler--drawer-w{top:8px;left:50%;transform:translate(-50%)}.ds-layout-viz__content{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:240px;padding:24px;display:flex}.ds-layout-viz__content-label{color:var(--ink-900,#071b55);font-size:15px;font-weight:700}.ds-layout-viz__content-sub{color:var(--ink-500,#64748b);font-size:12px}.ds-layout-viz__canvas--drawer{padding:0;overflow:hidden}.ds-layout-viz__overview-behind{filter:blur(2px);opacity:.6;color:var(--ink-400,#94a3b8);letter-spacing:.4px;background:repeating-linear-gradient(#fff 0 20px,#eef1f7 20px 22px);justify-content:flex-start;align-items:center;padding:20px 24px;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.ds-layout-viz__drawer{background:#fff;border-left:1px solid #d5dbe6;justify-content:center;align-items:center;width:45%;padding:36px 24px;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 20px #0f162a14}.ds-layout-viz__paper{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;max-width:380px;min-height:200px;padding:24px;display:flex;box-shadow:0 1px 2px #0f162a0d}.ds-layout-viz__canvas--detail{padding:0;position:relative}.ds-layout-viz__detail-header{justify-content:space-between;align-items:center;height:60px;padding:0 24px 0 60px;display:flex;position:relative}.ds-layout-viz__back{color:var(--ink-500,#64748b);font-size:12px;font-weight:500}.ds-layout-viz__actions{align-items:center;gap:8px;display:flex}.ds-layout-viz__btn{border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.ds-layout-viz__btn--secondary{color:var(--ink-700,#1f2937);background:#fff;border-color:#cbd5e1}.ds-layout-viz__btn--primary{color:#fff;background:#009a82}.ds-layout-viz__btn--more{color:var(--ink-500,#64748b);background:#fff;border-color:#cbd5e1;padding:4px 8px}.ds-layout-viz__detail-body{grid-template-columns:1fr 8px 120px;padding:20px 24px 24px 60px;display:grid;position:relative}.ds-layout-viz__paper--detail{max-width:none;min-height:180px;margin:0}.ds-layout-viz__sidepanel{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;display:flex}.ds-layout-viz__ruler-v90{z-index:3;border-left:1px dashed #dc2626;border-right:1px dashed #dc2626;justify-content:center;align-items:center;width:14px;height:80px;display:flex;position:absolute;top:0;bottom:calc(100% - 80px);left:20px}.ds-layout-viz__ruler-v90:after{content:"90px";color:#dc2626;white-space:nowrap;background:#fff;border:1px dashed #dc2626;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.ds-layout-viz__gap35{border-top:1px dashed #dc2626;border-bottom:1px dashed #dc2626;align-self:stretch;margin:40px 0;position:relative}.ds-layout-viz__gap35:after{content:"35px";color:#dc2626;white-space:nowrap;background:#fff;border:1px dashed #dc2626;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-ui-canvas{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:28px;overflow:hidden}.ds-ui-canvas--scrim{background:#0f162a0f}.ds-ui-canvas--paper{background:#eef1f6;padding:32px}.ds-ui-specs{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 32px;padding:22px 24px;display:grid}.ds-ui-spec{flex-direction:column;gap:4px;display:flex}.ds-ui-spec__label{color:var(--ink-900);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700;font-family:var(--font-sans)}.ds-ui-spec__value{color:var(--ink-500);font-weight:400;font-family:var(--font-sans);font-size:12.5px;line-height:1.4}.ds-ui-modal-frame{padding:24px 0;position:relative}.ds-ui-modal-frame__scrim{border-radius:var(--radius-md);background:#0f162a59;position:absolute;inset:0}.ds-ui-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.ds-ui-table__head,.ds-ui-table__row{grid-template-columns:110px 1.4fr 110px 130px 140px;align-items:center;gap:16px;padding:12px 18px 12px 15px;font-size:13px;display:grid}.ds-ui-table__row{min-height:70px}.ds-ui-table__head{letter-spacing:0;min-height:0;color:var(--ink-500);border-bottom:1px solid var(--border);background:#fafbfc;padding-top:12px;padding-bottom:12px;font-size:12px;font-weight:600}.ds-ui-table__row{border-bottom:1px solid var(--border-soft);color:var(--ink-700)}.ds-ui-table__row:last-child{border-bottom:none}.ds-ui-table__row:hover{background:var(--surface-alt)}.ds-ui-table__cell{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}.ds-ui-table__primary{color:var(--ink-900);font-size:13px;line-height:18px}.ds-ui-table__secondary{color:var(--ink-500);font-size:11px;line-height:14px}.ds-ui-pill{white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;width:auto;padding:2px 8px;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.ds-ui-pill--green{background:var(--accent-green-soft);color:var(--accent-green)}.ds-ui-pill--magenta{background:var(--accent-magenta-soft);color:var(--accent-magenta)}.ds-ui-pill--blue{background:var(--accent-blue-soft);color:var(--accent-blue)}.ds-ui-board{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.ds-ui-board__col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px #0f172a05,0 2px 6px #0f172a0d,0 8px 20px #0f172a0a}.ds-ui-board__col-head{background:var(--surface-alt);border-bottom:1px solid var(--border-line);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ds-ui-board__col-title{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-900);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.ds-ui-board__col-dot{border-radius:999px;flex-shrink:0;width:7px;height:7px}.ds-ui-board__col-count{background:var(--surface);border:1px solid var(--border-line);min-width:20px;height:18px;color:var(--ink-500);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:600;display:inline-flex}.ds-ui-board__col-body{flex-direction:column;display:flex}.ds-ui-board__card{border-bottom:1px solid var(--border-line);background:0 0;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.ds-ui-board__card:last-child{border-bottom:0}.ds-ui-board__card-id{color:var(--accent-blue);margin-bottom:1px;font-size:11px;font-weight:600}.ds-ui-board__card-klant{color:var(--ink-900);font-size:12px;font-weight:500}.ds-ui-board__card-onderwerp{color:var(--ink-500);font-size:11px;line-height:1.5}.ds-ui-board__card-labels{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.ds-ui-board__label{color:#16a34a;background:#22c55e1f;border:1px solid #22c55e38;border-radius:999px;align-items:center;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.ds-ui-paper{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.ds-ui-paper__ruler{color:var(--ink-500);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.ds-ui-paper__sheet{aspect-ratio:210/297;width:100%;max-width:720px;color:var(--ink-700);background:#fff;border-radius:4px;flex-direction:column;gap:16px;padding:36px 40px;font-size:12px;display:flex;box-shadow:0 1px 3px #0f162a14,0 12px 32px #0f162a1f}.ds-ui-paper__topbar{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.ds-ui-paper__topbar-left{flex-direction:column;gap:4px;min-width:0;display:flex}.ds-ui-paper__zone{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius-md);color:var(--ink-900);font-family:var(--font-sans);padding:10px 14px}.ds-ui-paper__zone--title{color:var(--ink-900);padding:10px 14px;font-size:13px;font-weight:600}.ds-ui-paper__zone--subtitle{color:var(--ink-500);background:var(--surface-muted);padding:6px 12px;font-size:11px;font-weight:400}.ds-ui-paper__zone--status{text-align:center;background:var(--accent-blue-soft);min-width:140px;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.6px;border-color:#0000;padding:10px 28px;font-size:12px;font-weight:500}.ds-ui-paper__zone--hoofd,.ds-ui-paper__zone--main,.ds-ui-paper__zone--support{background:var(--surface-alt);border:1px solid var(--border-soft);border-radius:var(--radius-md);text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;padding:22px 20px;display:flex}.ds-ui-paper__zone--main{flex:auto;justify-content:space-between;min-height:0;padding:26px 20px}.ds-ui-paper__zone--support{padding:22px 20px}.ds-ui-paper__zone-title{color:var(--ink-900);font-size:13px;font-weight:600;line-height:1.4}.ds-ui-paper__zone-title--lg{font-size:14px}.ds-ui-paper__zone-sub{color:var(--ink-500);font-size:11.5px}.ds-ui-paper__zone-meta{color:var(--ink-500);text-transform:uppercase;letter-spacing:.6px;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:4px;font-size:11px;display:flex}.ds-ui-paper__zone-examples{flex-wrap:wrap;justify-content:center;gap:20px 32px;margin-top:auto;display:flex}.ds-ui-paper__zone-examples>div{flex-direction:column;gap:2px;display:flex}.ds-ui-paper__zone-examples strong{color:var(--ink-900);font-size:12px;font-weight:600}.ds-ui-paper__zone-examples span{color:var(--ink-500);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.ds-input-canvas{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);flex-direction:column;gap:14px;max-width:480px;margin-bottom:16px;padding:20px;display:flex}.ds-input{flex-direction:column;gap:6px;display:flex;position:relative}.ds-input__label{color:var(--ink-500);font-size:12px;font-weight:500}.ds-input__control{height:36px;font-family:var(--font-sans);color:var(--ink-700);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;padding:0 12px;font-size:13px;transition:border-color .12s,box-shadow .12s,background-color .12s}.ds-input__control::placeholder{color:var(--ink-400)}.ds-input__control:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring)}.ds-input__control--area{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.ds-input__control--select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.ds-input__hint{color:var(--ink-500);font-size:12px}.ds-input.is-error .ds-input__control{border-color:var(--danger)}.ds-input.is-error .ds-input__control:focus{box-shadow:0 0 0 2px #ec55552e}.ds-input.is-error .ds-input__hint{color:var(--danger)}.ds-input.is-disabled .ds-input__control,.ds-input__control:disabled{background:var(--surface-alt);color:var(--ink-400);cursor:not-allowed}.ds-input--search{flex-direction:row;align-items:center}.ds-input--search .ds-input__adornment{color:var(--ink-500);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ds-input--search .ds-input__control{border-radius:var(--radius-md);padding-left:32px}.ds-input--ghost{flex-direction:row;align-items:center;gap:16px}.ds-input--ghost .ds-input__label{min-width:96px;color:var(--ink-400);flex:none;font-size:13px;font-weight:400}.ds-input--ghost .ds-input__control{box-shadow:none;color:var(--ink-900);background:0 0;border-color:#0000;font-weight:500;transition:background-color .12s,border-color .12s,box-shadow .12s}.ds-input--ghost .ds-input__control::placeholder{color:var(--ink-400);font-style:italic}.ds-input--ghost .ds-input__control:hover{background:var(--surface-alt);border-color:var(--surface-alt)}.ds-input--ghost .ds-input__control:focus{background:var(--surface);border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-ring)}.ds-input--ghost .ds-input__control--select{background-image:none}.ds-input--ghost .ds-input__control--select:hover,.ds-input--ghost .ds-input__control--select:focus{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat}.ds-check{color:var(--ink-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;line-height:20px;display:inline-flex;position:relative}.ds-check input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.ds-check__box{border:1.5px solid var(--border);background:var(--surface);border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background-color .12s,border-color .12s;position:relative}.ds-check--radio .ds-check__box{border-radius:50%}.ds-check input:checked+.ds-check__box{background:var(--accent-blue);border-color:var(--accent-blue)}.ds-check input:checked+.ds-check__box:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-size:contain;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-check--radio input:checked+.ds-check__box:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-check input:focus-visible+.ds-check__box{box-shadow:0 0 0 2px var(--accent-blue-ring)}.ds-toggle{color:var(--ink-700);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;line-height:20px;display:inline-flex;position:relative}.ds-toggle input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.ds-toggle__track{background:var(--ink-300);border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background-color .15s;position:relative}.ds-toggle__thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.ds-toggle input:checked+.ds-toggle__track{background:var(--accent-green)}.ds-toggle input:checked+.ds-toggle__track .ds-toggle__thumb{left:18px}