html[data-liquid]{--bg:#0b0d12;--surface:#20222c85;--zwevend:#181a22f7;--s2:#ffffff0d;--s3:#ffffff1a;--b:#ffffff14;--bs:#ffffff24;--t:#f4f5f8;--t2:#f4f5f8c7;--t3:#f4f5f8a3;--t4:#f4f5f880;--a:#4aa8f0;--al:#4aa8f02e;--sidebar-bg:#1c1e2875;--rsm:10px;--rm:14px;--rl2:20px;--rxl:24px;--sh:0 18px 50px #00000073;--shs:0 10px 30px #0000004d;--glas-rand:#ffffff1a;--glas-licht:inset 0 1px 0 #ffffff1a;--tint-blauw:#4aa8f0;--tint-groen:#3dd07b;--tint-oranje:#ff8a3d;--tint-paars:#a98bff;--tint-teal:#3cd6c4;--tint-grijs:#8e94a0}html[data-liquid] body{background:var(--bg)}html[data-liquid] body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(38% 42% at 10% 15%,#1375bb73,#0000 70%),radial-gradient(34% 38% at 92% 85%,#ff580d47,#0000 70%),radial-gradient(30% 34% at 72% 10%,#7c5cff4d,#0000 70%),radial-gradient(30% 30% at 28% 95%,#28beaa33,#0000 70%);position:fixed;inset:-10%}html[data-liquid] :is(.card,.metric,.mm-venster,.bel-paneel,.rp-panel,.filter-col,.msg-col-head,.det-head,.reply-area,.mention-pop,.ib-top,.ib-modal,.ib-kort,.mm-kort,.tl,.order-modal .card,.login-user){background:var(--surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border:1px solid var(--glas-rand);box-shadow:var(--glas-licht),var(--shs)}html[data-liquid] .card,html[data-liquid] .metric{border-radius:var(--rl2)}html[data-liquid] .card :is(.card,.metric){-webkit-backdrop-filter:none;box-shadow:none;background:var(--s2)}@media (min-width:1401px){html[data-liquid] .sidebar{border-radius:var(--rxl);border:1px solid var(--glas-rand);border-right:1px solid var(--glas-rand);height:calc(100vh - 24px);box-shadow:var(--glas-licht),var(--sh);margin:12px 0 12px 12px;top:12px}}html[data-liquid] .sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(30px)saturate(190%)}html[data-liquid] .nav-item{border-radius:12px}html[data-liquid] .nav-item.active{color:var(--t);box-shadow:var(--glas-licht);background:#ffffff1f}html[data-liquid] .nav-item svg{box-sizing:content-box;color:#fff;background:var(--tint-grijs);stroke-width:2px;border-radius:8px;padding:5px;box-shadow:inset 0 1px #ffffff40}html[data-liquid] .nav-item[href=\/dashboard] svg,html[data-liquid] .nav-item[href="/dashboard/inbox"] svg{background:var(--tint-blauw)}html[data-liquid] .nav-item[href="/dashboard/nova"] svg,html[data-liquid] :is(.nav-item[href="/dashboard/rooster"],.nav-item[href="/dashboard/roosterbeheer"],.nav-item[href="/dashboard/ziekmelding"],.nav-item[href="/dashboard/verzuim"]) svg{background:var(--tint-paars)}html[data-liquid] :is(.nav-item[href="/dashboard/mijn-mail"],.nav-item[href="/dashboard/gesprekken"],.nav-item[href="/dashboard/casussen"],.nav-item[href="/dashboard/telefonie"]) svg{background:var(--tint-teal)}html[data-liquid] .nav-item[href="/dashboard/tickets"] svg{background:var(--tint-oranje)}html[data-liquid] :is(.nav-item[href="/dashboard/orders"],.nav-item[href="/dashboard/klanten"],.nav-item[href="/dashboard/facturen"],.nav-item[href="/dashboard/sku-rapport"]) svg{background:var(--tint-groen)}html[data-liquid] :is(.nav-item[href="/dashboard/voorraad"],.nav-item[href="/dashboard/inslag"],.nav-item[href="/dashboard/inkoopregels"],.nav-item[href="/dashboard/conversie"],.nav-item[href="/dashboard/schade"]) svg{background:var(--tint-oranje)}html[data-liquid] .btn{border-radius:999px}html[data-liquid] .btn-p{background:var(--a);box-shadow:0 6px 18px #4aa8f059,inset 0 1px #ffffff40}html[data-liquid] .btn-s{border-color:var(--glas-rand);color:var(--t);background:#ffffff14}html[data-liquid] .btn-s:hover{background:#ffffff24}html[data-liquid] .filter-tab{border-color:var(--glas-rand);border-radius:999px}html[data-liquid] .filter-tab.active{color:var(--t);box-shadow:var(--glas-licht);background:#ffffff24;border-color:#0000}html[data-liquid] :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:var(--glas-rand);background-color:#ffffff0f}html[data-liquid] :is(.nav-search,.srch){border-color:var(--glas-rand);background-color:#ffffff12}html[data-liquid] :is(.nav-search,.srch) input{box-shadow:none;background-color:#0000;border:0}html[data-liquid] .topbar h1{font-size:var(--fs-28);letter-spacing:var(--ls-28)}html[data-liquid] .db-tegel{box-shadow:var(--glas-licht);background:#ffffff0f}html[data-liquid] .db-tegel-link:hover{background:#ffffff1a}html[data-liquid] .db-mijn-werk .card-h-title:before,html[data-liquid] .db-verkoop .card-h-title:before,html[data-liquid] .db-voorraad .card-h-title:before,html[data-liquid] .db-mijn-keurwerk .card-h-title:before{content:"";border-radius:3px;flex:none;width:10px;height:10px}html[data-liquid] .db-mijn-werk .card-h-title:before{background:var(--tint-blauw)}html[data-liquid] .db-verkoop .card-h-title:before{background:var(--tint-groen)}html[data-liquid] .db-voorraad .card-h-title:before{background:var(--tint-oranje)}html[data-liquid] .db-mijn-keurwerk .card-h-title:before{background:var(--tint-paars)}html[data-liquid] .db-verkoop :is(.db-staaf-vulling,.db-balk-vulling){background:var(--tint-groen)}html[data-liquid] .db-voorraad .db-balk-vulling{background:var(--tint-oranje)}@media (prefers-reduced-transparency:reduce){html[data-liquid]{--surface:#1e2029;--sidebar-bg:#17181f}html[data-liquid] body:before{opacity:.3}html[data-liquid] :is(.card,.metric,.sidebar,.mm-venster,.bel-paneel,.rp-panel,.filter-col,.msg-col-head,.det-head,.reply-area,.mention-pop,.ib-top,.ib-modal,.ib-kort,.mm-kort,.tl,.order-modal .card){-webkit-backdrop-filter:none}}@media (prefers-contrast:more){html[data-liquid]{--surface:#1c1d25;--glas-rand:#ffffff4d;--b:#ffffff3d}}html[data-liquid] .ibw-pop{-webkit-backdrop-filter:blur(30px)saturate(180%);border-color:var(--glas-rand);box-shadow:var(--glas-licht),0 24px 60px #0000008c;background:#282b37e0}html[data-liquid] .ibw-knop{border-color:var(--glas-rand);background:#ffffff12}html[data-liquid] .ibw-knop:hover{background:#ffffff21}html[data-liquid] .ibw-claudia{background:#a98bff1a;border-color:#a98bff4d}html[data-liquid] .inbox-shell.ib2 .detail-col{background:#282b3759;box-shadow:inset 0 1px #ffffff14,-14px 0 40px #00000059}@media (min-width:900px){html[data-liquid] .sidebar.sidebar-compact{border-radius:var(--rxl);height:auto;margin:0;top:12px;bottom:12px;left:12px}html[data-liquid] .shell:has(>.sidebar-compact)>.inbox-shell{margin-left:92px}}html[data-liquid] :is(.inbox-shell .msg-col-head,.inbox-shell .det-head,.inbox-shell .reply-area,.inbox-shell .mm-antwoord){-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0}html[data-liquid] :is(.inbox-shell .msg-col-head,.inbox-shell .det-head){border-bottom:1px solid var(--b)}html[data-liquid] :is(.inbox-shell .reply-area,.inbox-shell .mm-antwoord){border-top:1px solid var(--b)}html[data-liquid] .inbox-shell .msg-col{border-right:1px solid var(--b);background:#ffffff05}html[data-liquid] .ibw-pop{-webkit-backdrop-filter:blur(40px)saturate(160%);background:#20222cf7}html[data-liquid] .sidebar.sidebar-compact.uit,html[data-liquid] .sidebar.open{background:#1c1e28f5}html[data-liquid] :is(.nav-search,.srch) input:not([type=checkbox]):not([type=radio]){box-shadow:none;background-color:#0000;border:0}@media (min-width:900px){html[data-liquid] .inbox-shell.ib2 .ib-top{border-radius:var(--rxl);border:1px solid var(--glas-rand);margin:12px 12px 10px 0}}html[data-liquid]{--laag:#1e2029}html[data-liquid] :is(.mm-venster,.ib-modal,.mention-pop,.bel-paneel,.order-modal .card){-webkit-backdrop-filter:none;border:1px solid #ffffff1f;box-shadow:0 24px 70px #0009;background:var(--laag)!important}html[data-liquid] .ibw-pop,html[data-liquid] .uv-menu{background:var(--laag)!important}html[data-liquid] :is(.mm-overlay,.ib-modal-bg){background:#0009}html[data-liquid] [style*="position: fixed"][style*="inset: 0"]>:not(img){background-color:var(--laag)}html[data-liquid] [style*="position: absolute"][style*="var(--surface)"]{background:var(--laag)!important}html[data-liquid] :is(.mm-venster,.ib-modal) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){color:var(--t);background-color:#ffffff14;border-color:#ffffff2e}html[data-liquid] select option,html[data-liquid] select optgroup{background-color:var(--laag);color:#f4f5f8}html[data-liquid] .at-lijst{background:var(--laag);border-color:var(--glas-rand);box-shadow:var(--glas-licht),0 24px 60px #0000008c}
