:root{--ink:#0b1033;--ketchup:#ff4b2b;--mustard:#ffc229;--mint:#20d6a3;--bg:#f4f5fb;--surface:#fff;--text:#141a3a;--muted:#596088;--line:#dfe2f0;--paper:#fffdf6;--brand:#16213e;--accent:#ff6a00;--r:14px;--font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--mustard);outline-offset:2px;border-radius:6px}.wrap{max-width:1080px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;color:inherit}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px}.field,.muted{color:var(--muted)}.field{display:grid;grid-gap:4px;gap:4px;font-size:14px;font-weight:600}.field input,.field select,.field textarea{font-weight:400;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;min-width:0}.err{color:#b42318;font-weight:600}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shop-head{background:var(--brand);color:#fff;padding:22px 0}.shop-head .wrap{display:flex;gap:14px;align-items:center}.shop-head img{object-fit:contain;background:#fff;padding:4px}.shop-head .mono,.shop-head img{width:56px;height:56px;border-radius:12px}.shop-head .mono{background:#ffffff22;display:grid;place-items:center;font-weight:800;font-size:24px}.shop-head h1{margin:0;font-size:26px}.shop-head p{margin:2px 0 0;opacity:.85;font-size:14px}.shop-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;align-items:start;padding-block:20px 60px}@media (max-width:860px){.shop-grid{grid-template-columns:minmax(0,1fr)}}.cat h2{font-size:19px;margin:18px 0 8px}.items{display:grid;grid-gap:8px;gap:8px}.item{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.item .t{flex:1 1;min-width:0}.item small{display:block;color:var(--muted)}.item.off{opacity:.5}.add{width:36px;height:36px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:20px;font-weight:700;flex:none}.cart{position:-webkit-sticky;position:sticky;top:12px;display:grid;grid-gap:10px;gap:10px}.line{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14px}.line .n{flex:1 1;min-width:0}.line small{display:block;color:var(--muted)}.qty{display:flex;align-items:center;gap:4px}.qty button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--bg);padding:0}.seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.seg button{border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:9px;font-weight:600}.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.total{display:flex;justify-content:space-between;font-weight:700;font-size:18px}.sheet-bg{position:fixed;inset:0;background:#0009;display:grid;place-items:end center;z-index:30}.sheet{background:var(--surface);width:min(520px,100%);border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:85vh;overflow:auto}.sheet fieldset{border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:8px 12px}.sheet label{display:flex;gap:8px;align-items:center;padding:5px 0}.sheet label span{flex:1 1}.status-card{max-width:520px;margin:40px auto;text-align:center;display:grid;grid-gap:12px;gap:12px}.big{font-size:44px;font-weight:800}.dot{width:10px;height:10px;background:var(--mustard);margin-right:6px}.dot.ok{background:var(--mint)}.top{background:var(--ink);color:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-weight:800;font-size:20px;color:#fff;text-decoration:none}.logo b{color:var(--ketchup)}.tbl th{font-weight:600}.tbl td{padding:8px}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--bg)}.pill.ok{background:#d3f7ec;color:#0b6b51}.pill.wait{background:#fff1c9;color:#8a5a00}code.url{display:block;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;word-break:break-all;font-size:13px}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost-dark{background:transparent;border:1px solid #ffffff40;color:#fff;padding:7px 12px}.btn-danger{background:#b42318;border-color:#b42318;color:#fff}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.small{font-size:14px}.cap{text-transform:capitalize}.ph{margin:0;font-size:26px}.h2{margin:0 0 10px;font-size:17px}.alert{border:1px solid #f0b38a;background:#fff4ec;color:#9a3d00;border-radius:10px;padding:10px 12px;font-weight:600}.pnav{display:grid;grid-gap:10px;gap:10px}.pnav-zaak{display:flex;gap:8px;align-items:center}.pnav-zaak select{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs a{padding:10px 12px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.tabs a[aria-current=page]{color:var(--text);border-color:var(--accent)}.daybar{display:flex;gap:12px 16px;align-items:end}.daybar,.seg2{flex-wrap:wrap}.seg2{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.seg2 a{padding:7px 12px;border-radius:8px;font-weight:600;font-size:14px;color:var(--muted);text-decoration:none}.seg2 a[aria-current=page]{background:var(--ink);color:#fff}.dayform{display:flex;gap:8px;align-items:end}.daysum{display:grid;grid-gap:2px;gap:2px;flex:1 1;min-width:200px;font-size:14px}.olist{display:grid;grid-gap:6px;gap:6px}.oitem{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.oitem[open]{border-color:var(--accent)}.orow{display:grid;grid-template-columns:52px 50px minmax(0,1fr) auto auto auto 84px;grid-gap:10px;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;list-style:none;font-size:14px}.orow::-webkit-details-marker{display:none}.onr{font-size:17px}.oname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otot{text-align:right}@media (max-width:760px){.orow{grid-template-columns:44px 44px minmax(0,1fr) 76px}.orow .pill{display:none}}.odetail{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;padding:6px 14px 16px;border-top:1px dashed var(--line)}.odetail p{margin:2px 0}@media (max-width:760px){.odetail{grid-template-columns:minmax(0,1fr)}}.bongrid,.bons{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start}.bongrid{margin-top:12px}pre.bon{margin:0;background:var(--paper);color:#111;border:1px solid var(--line);border-radius:4px;padding:12px;font:12px/1.4 ui-monospace,Courier New,monospace;width:max-content;max-width:100%;overflow-x:auto;box-shadow:0 2px 6px #0001}@media print{.noprint,.top{display:none!important}body{background:#fff}.bongrid{display:block}pre.bon{box-shadow:none;border:0;border-bottom:1px dashed #999;page-break-inside:avoid;break-inside:avoid;margin:0 0 8mm}}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}@media (max-width:820px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:grid;grid-gap:2px;gap:2px;min-width:0}.kpi span{font-size:13px;color:var(--muted);font-weight:600}.kpi b{font-size:24px}.kpi .kt{font-size:18px;overflow-wrap:anywhere}.kpi small{color:var(--muted)}.sgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.sgrid>*{min-width:0}@media (max-width:900px){.sgrid{grid-template-columns:minmax(0,1fr)}}.rank{grid-gap:10px}.rank,.rk{display:grid;gap:10px}.rk{grid-template-columns:22px minmax(0,1fr) 90px;grid-gap:10px;align-items:center;font-size:14px}.rk.rk-s{grid-template-columns:minmax(0,1fr)}.rk-m{display:grid;grid-gap:4px;gap:4px;min-width:0}.rk-top{display:flex;justify-content:space-between;gap:8px}.rk-bar{height:8px;background:var(--bg);overflow:hidden}.rk-bar,.rk-bar i{border-radius:99px}.rk-bar i{display:block;height:100%;background:var(--accent)}.rk-bar.alt i{background:var(--ink)}.chart-wrap{overflow-x:auto}.chart{display:grid;grid-template-columns:repeat(var(--n),minmax(8px,1fr));grid-gap:3px;gap:3px;height:170px;align-items:end;border-bottom:1px solid var(--line);min-width:calc(var(--n) * 11px)}.col{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.col i{display:block;background:#ffb58a;border-radius:4px 4px 0 0;min-height:2px}.col i.top{background:var(--accent)}.chart-x,.cv{font-size:11px;text-align:center;color:var(--muted)}.chart-x{display:grid;grid-template-columns:repeat(var(--n),minmax(8px,1fr));grid-gap:3px;gap:3px;margin-top:4px;min-width:calc(var(--n) * 11px)}.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:12px;gap:12px}.pcard{grid-gap:10px;align-content:start}.fgrid,.pcard{display:grid;gap:10px}.fgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));grid-gap:10px}.confirm summary{list-style:none}.confirm summary::-webkit-details-marker{display:none}.confirm-box{display:grid;grid-gap:8px;gap:8px;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.okmsg{border:1px solid #9be3c8;background:#e8faf3;color:#0b6b51;border-radius:10px;padding:10px 12px}.check,.okmsg{font-weight:600}.check{display:flex;gap:8px;align-items:center;font-size:14px}.check.big{font-size:16px}.mcat{display:grid;grid-gap:10px;gap:10px}.mcat-head{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.cat-name{font-size:18px;font-weight:700;border:1px solid transparent;border-radius:8px;padding:6px 8px;background:transparent;min-width:0;flex:1 1}.cat-name:focus,.cat-name:hover{border-color:var(--line);background:#fff}.mitems{display:grid;grid-gap:6px;gap:6px}.mitem{border:1px solid var(--line);border-radius:10px;background:var(--bg)}.mitem[open]{background:#fff;border-color:var(--accent)}.mitem summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}.mitem summary::-webkit-details-marker{display:none}.mitem-body{display:grid;grid-gap:12px;gap:12px;padding:0 12px 12px}.groups{display:grid;grid-gap:8px;gap:8px;border-top:1px dashed var(--line);padding-top:10px}.grp{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:14px;background:var(--bg);border-radius:8px;padding:6px 10px}.additem{border-top:1px dashed var(--line);padding-top:12px}.copyrow{display:flex;gap:8px;align-items:flex-start}.copyrow input,.copyrow textarea{flex:1 1;min-width:0;font:13px ui-monospace,monospace;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px;resize:none}.steps{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.steps li{display:grid;grid-gap:2px;gap:2px}.sticker{margin:8px auto;width:240px;max-width:100%;border:3px solid var(--ink);border-radius:16px;overflow:hidden;background:#fff;padding-bottom:12px}.st-top{background:var(--ink);color:#fff;font-weight:800;font-size:22px;padding:10px}.st-top small{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mustard)}.sticker img{display:block;margin:10px auto;width:200px;height:200px}.st-name{font-weight:700}.st-url{font:11px ui-monospace,monospace;color:#444;padding:0 8px;word-break:break-all}.brandprev{display:flex;align-items:center;gap:12px;color:#fff;border-radius:12px;padding:14px}.brandprev img{object-fit:contain;background:#fff;padding:3px}.brandprev .mono,.brandprev img{width:48px;height:48px;border-radius:10px}.brandprev .mono{background:#ffffff22;display:grid;place-items:center;font-weight:800;font-size:20px}.brandprev .dot2{margin-left:auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800}input[type=color]{height:42px;padding:3px}.pill.bad{background:#ffe1dc;color:#a8200d}.tblwrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px}.tbl td,.tbl th{border-bottom:1px solid var(--line)}.tbl td{padding:10px 8px;vertical-align:top}.tbl a{color:inherit}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters input,.filters select,.inp,.invline input,.rowform select{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}.filters input[name=q]{flex:1 1;min-width:200px}.rowform{display:flex;gap:4px;flex-wrap:wrap}.rowform select{padding:6px;font-size:13px}.rowform .btn{padding:6px 10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c9cde0}.dot.on{background:var(--mint)}.newinv{margin-top:12px}.newinv summary{list-style:none;display:inline-flex}.newinv summary::-webkit-details-marker{display:none}.invline{display:grid;grid-template-columns:minmax(0,1fr) 70px 110px;grid-gap:6px;gap:6px}.invoice{background:#fff;border:1px solid var(--line);border-radius:6px;padding:40px;max-width:820px;width:100%;margin:0 auto;display:grid;grid-gap:24px;gap:24px;color:#141a3a}.inv-head{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.inv-head h1{margin:0 0 6px;font-size:28px}.inv-logo{font-size:24px;font-weight:800;color:var(--ink);margin-bottom:6px}.inv-logo b{color:var(--ketchup)}.inv-meta{margin-left:auto;font-size:14px;margin-bottom:8px}.inv-meta th{text-align:left;color:var(--muted);font-weight:600;padding-right:14px}.inv-to{border-left:4px solid var(--accent);padding-left:12px;display:grid}.inv-lines{width:100%;border-collapse:collapse;font-size:14px}.inv-lines th{text-align:left;border-bottom:2px solid var(--ink);padding:8px 6px}.inv-lines td{padding:8px 6px;border-bottom:1px solid var(--line)}.inv-lines td:not(:first-child),.inv-lines th:not(:first-child){text-align:right;white-space:nowrap}.inv-lines tfoot td{border:0;padding:4px 6px}.inv-lines tfoot td:first-child{text-align:right}.inv-total td{font-weight:800;font-size:17px;border-top:2px solid var(--ink)!important;padding-top:8px!important}.inv-pay{background:var(--bg);border-radius:8px;padding:12px 14px;margin:0}.mono{font-family:ui-monospace,monospace}.inv-foot{border-top:1px solid var(--line);padding-top:10px;text-align:center}@media (max-width:640px){.invoice{padding:18px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.invoice{border:0;padding:0;max-width:none}main.wrap{padding:0!important}@page{size:A4;margin:14mm}}