:root{--bg:#f5f5f7;--surface:#fff;--sunk:#f0f0f3;--sunk2:#e6e6eb;--ink:#1d1d1f;--ink2:#56565c;--ink3:#8e8e93;--line:#00000014;--pri:#1d1d1f;--pri-ink:#fff;--focus:#0071e3;--no:#d70015;--customer:#0071e3;--supplier:#c25e00;--vendor:#8944ab;--ok:#1f8a3b;--warn:#b25000;--bar:#fafafcc7;--sh1:0 1px 2px #0000000a, 0 2px 10px -4px #00000014;--sh2:0 4px 12px #00000014, 0 24px 60px -20px #0000004d;--r:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--sunk:#2c2c2e;--sunk2:#3a3a3c;--ink:#f5f5f7;--ink2:#c7c7cc;--ink3:#8e8e93;--line:#ffffff1a;--pri:#f5f5f7;--pri-ink:#000;--focus:#0a84ff;--no:#ff453a;--customer:#409cff;--supplier:#ff9f0a;--vendor:#bf5af2;--ok:#30d158;--warn:#ffb340;--bar:#161618c7;--sh1:0 0 0 .5px #ffffff0f;--sh2:0 0 0 .5px #ffffff1a, 0 24px 60px -20px #000000e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:100%/1.47 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}h1,h2,h3{margin:0}.muted{color:var(--ink3)}.small{font-size:.8125rem}.center{text-align:center}.grow{flex:1}.shell{grid-template-columns:248px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:var(--bg);flex-direction:column;gap:2px;height:100dvh;padding:22px 12px 16px;display:flex;position:sticky;top:0}.side-company{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;padding:0 12px 18px;font-size:1.0625rem;font-weight:700;overflow:hidden}.side nav{flex-direction:column;gap:2px;display:flex}.nav{color:var(--ink2);border-radius:10px;align-items:center;gap:11px;padding:8px 12px;font-weight:500;text-decoration:none;transition:background-color .15s;display:flex}.nav:hover{background:var(--sunk)}.nav:active{background:var(--sunk2)}.nav.active{background:var(--surface);color:var(--ink);box-shadow:var(--sh1)}.nav.soon{color:var(--ink3);cursor:default}.nav.soon:hover{background:0 0}.nav em{letter-spacing:.02em;color:var(--ink3);background:var(--sunk);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:.6875rem;font-style:normal;font-weight:600}.side-me{margin-top:auto}.side-me span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.side-me small{color:var(--ink3);font-size:.75rem;font-weight:400}.page{width:100%;max-width:960px;padding:34px clamp(16px,4vw,48px) 64px}.tabbar{display:none}@media (width<=700px){.shell{display:block}.side{display:none}.page{padding:calc(20px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom))}.tabbar{z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-top:.5px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{letter-spacing:.01em;color:var(--ink3);flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:.6875rem;font-weight:500;text-decoration:none;display:flex}.tab.active{color:var(--ink)}.tab:active{opacity:.6}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.page-head h1{letter-spacing:-.022em;font-size:clamp(1.75rem,4vw,2.125rem);font-weight:700;line-height:1.1}.page-acts{gap:8px;display:flex}.lead{color:var(--ink2);max-width:52ch;margin:0 0 22px;font-size:1.0625rem}.btn{cursor:pointer;background:var(--sunk);color:var(--ink);white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:transform .1s ease-out,background-color .15s,opacity .15s;display:inline-flex}.btn:hover{background:var(--sunk2)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn.pri{background:var(--pri);color:var(--pri-ink)}.btn.pri:hover{opacity:.88}.btn.ghost{color:var(--ink2);background:0 0}.btn.ghost:hover{background:var(--sunk)}.btn.danger{color:var(--no)}.btn.danger.armed{background:var(--no);color:#fff}.btn.wide{width:100%;padding:12px}.btn.sm{border-radius:9px;padding:6px 11px;font-size:.8125rem}.icon-btn{background:var(--sunk);color:var(--ink2);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.icon-btn:active{transform:scale(.92)}.link-btn{color:var(--ink3);cursor:pointer;background:0 0;border:0;border-radius:8px;margin:18px auto 0;padding:6px 10px;font-size:.875rem;display:block}.link-btn:hover{color:var(--ink);background:var(--sunk)}.form{flex-direction:column;gap:14px;display:flex}fieldset{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-l{color:var(--ink2);letter-spacing:.005em;font-size:.8125rem;font-weight:600}.field-l em{color:var(--ink3);font-style:normal;font-weight:400}.input{background:var(--sunk);width:100%;color:var(--ink);border:0;border-radius:10px;outline:none;padding:10px 12px;font-size:1rem;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #0000}.input:focus{box-shadow:inset 0 0 0 2px var(--focus);background:var(--surface)}.input:disabled{opacity:1;color:var(--ink2)}textarea.input{resize:vertical;line-height:1.45}.input.mono{font:.875rem ui-monospace,SF Mono,Menlo,monospace}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=520px){.two{grid-template-columns:1fr}}.form-foot{flex-wrap:wrap;align-items:center;gap:8px;padding-top:4px;display:flex}.err{color:var(--no);margin:0;font-size:.875rem;overflow:hidden}.toggles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.toggle{text-align:left;cursor:pointer;background:var(--sunk);border:0;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:box-shadow .15s,transform .1s ease-out;display:flex;box-shadow:inset 0 0 0 1.5px #0000}.toggle:active{transform:scale(.98)}.toggle.on{box-shadow:inset 0 0 0 1.5px var(--ink);background:var(--surface)}.toggle:disabled{opacity:.45;cursor:default}.toggle b{font-size:.9375rem;display:block}.toggle small{color:var(--ink3);margin-top:1px;font-size:.75rem;line-height:1.35;display:block}.check{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--ink3);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.toggle.on .check{background:var(--ink);color:var(--surface);box-shadow:none}.seg{background:var(--sunk);scrollbar-width:none;border-radius:11px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.seg button{cursor:pointer;color:var(--ink2);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 13px;font-size:.875rem;font-weight:500;position:relative}.seg button.on{color:var(--ink)}.seg-hi{background:var(--surface);box-shadow:0 1px 3px #0000001f, 0 0 0 .5px var(--line);border-radius:8px;position:absolute;inset:0}.seg-l{align-items:center;gap:6px;display:inline-flex;position:relative}.seg-n{color:var(--ink3);font-variant-numeric:tabular-nums;font-size:.75rem}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{background:var(--surface);box-shadow:var(--sh1);color:var(--ink3);border-radius:11px;flex:220px;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 0;font-size:1rem}.search:focus-within{box-shadow:inset 0 0 0 2px var(--focus)}.rows{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);margin:0;padding:0;list-style:none;overflow:hidden}.rows>li+li{border-top:.5px solid var(--line)}.rows.flat{box-shadow:none;background:0 0;border-radius:0;margin:0 -8px}.row{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;transition:background-color .12s;display:flex}.row:hover{background:var(--sunk)}.row:active{background:var(--sunk2)}.row:disabled{cursor:default;background:0 0}.row.static{cursor:default;flex-wrap:wrap}.row.static:hover{background:0 0}.row>svg{color:var(--ink3);flex:none}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-main b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-sub,.row-roles{color:var(--ink3);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.row-roles{max-width:40%}.you{color:var(--ink3);font-style:normal;font-weight:400}.avatar{background:var(--sunk2);width:36px;height:36px;color:var(--ink2);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.avatar.dim{opacity:.5}.pills{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.pill{letter-spacing:.01em;background:color-mix(in srgb, var(--c) 13%, transparent);color:var(--c);border-radius:99px;padding:2px 8px;font-size:.6875rem;font-weight:600}.pill.customer{--c:var(--customer)}.pill.supplier{--c:var(--supplier)}.pill.vendor{--c:var(--vendor)}@media (width<=520px){.pills{display:none}}.empty{text-align:center;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);padding:56px 20px}.empty h2{letter-spacing:-.015em;margin-bottom:6px;font-size:1.25rem}.empty p{color:var(--ink2);max-width:40ch;margin:0 auto 20px}.none{text-align:center;padding:30px 0}.card{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);margin-bottom:16px;padding:20px}.card h2{letter-spacing:-.01em;margin-bottom:14px;font-size:1.0625rem}.card h3{color:var(--ink3);margin:18px 0 6px;font-size:.8125rem;font-weight:600}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.card-head h2{margin:0}.tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.tile{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh1);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:transform .1s ease-out;display:flex}a.tile:active{transform:scale(.98)}.tile-l{color:var(--ink2);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.tile b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.tile-sub{color:var(--ink3);font-size:.8125rem}.tile.quiet{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.center-page{place-items:center;gap:12px;min-height:100dvh;padding:24px 16px;display:grid}.auth{width:min(400px,100%)}.brand{letter-spacing:-.03em;margin-bottom:28px;font-size:1.25rem;font-weight:800}.auth h1{letter-spacing:-.022em;margin-bottom:8px;font-size:1.75rem;line-height:1.15}.auth .lead{margin-bottom:22px;font-size:1rem}.sheet-wrap{z-index:50;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.scrim{background:#00000052;position:absolute;inset:0}.sheet{background:var(--surface);width:min(560px,100%);max-height:88vh;box-shadow:var(--sh2);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.sheet-head{touch-action:none;align-items:center;gap:12px;padding:18px 20px 8px;display:flex}.sheet-head h2{letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1.1875rem;overflow:hidden}.sheet-body{overscroll-behavior:contain;padding:8px 20px 20px;overflow:auto}.sheet-body .form-foot{background:var(--surface);border-top:.5px solid var(--line);z-index:1;margin:0 -20px -20px;padding:12px 20px 20px;position:sticky;bottom:-20px}.grabber{background:var(--sunk2);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:6px;left:50%}@media (width<=700px){.sheet-wrap{place-items:end stretch;padding:0}.sheet{width:100%;max-height:92vh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}.sheet-head{cursor:grab;padding-top:22px}}.toast-dock{left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;z-index:60;justify-content:center;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--ink);color:var(--bg);box-shadow:var(--sh2);border-radius:99px;align-items:center;gap:14px;max-width:calc(100vw - 32px);padding:10px 10px 10px 18px;font-size:.9375rem;font-weight:600;display:flex}.toast:not(:has(button)){padding-right:18px}.toast button{cursor:pointer;background:color-mix(in srgb, var(--bg) 20%, transparent);color:inherit;border:0;border-radius:99px;padding:5px 12px;font-weight:700}@media (width<=700px){.toast-dock{bottom:calc(84px + env(safe-area-inset-bottom))}}@media (prefers-reduced-transparency:reduce){.tabbar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.rows,.card,.search,.tile{box-shadow:0 0 0 1.5px var(--ink2)}.input{box-shadow:inset 0 0 0 1px var(--ink2)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.code{font-variant-numeric:tabular-nums;color:var(--ink3);margin-right:8px;font-weight:600}.row-end{color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}@media (width<=520px){.row-end{font-size:.8125rem}}.affix{background:var(--sunk);border-radius:10px;align-items:center;transition:box-shadow .15s;display:flex}.affix:focus-within{box-shadow:inset 0 0 0 2px var(--focus);background:var(--surface)}.affix>span{color:var(--ink3);white-space:nowrap;padding:0 0 0 12px;font-size:.9375rem}.affix.end>span{padding:0 12px 0 0}.affix .input,.affix .input:focus{box-shadow:none;background:0 0}.affix.narrow{width:140px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;background:var(--sunk);color:var(--ink2);border:0;border-radius:99px;align-items:center;gap:4px;padding:6px 12px;font-size:.875rem;font-weight:600;transition:transform .1s ease-out,background-color .15s;display:inline-flex}.chip:active{transform:scale(.95)}.chip.on{background:var(--ink);color:var(--surface)}.chip button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;place-items:center;padding:0;display:grid}.tags-input{background:var(--sunk);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:6px;display:flex}.tags-input:focus-within{box-shadow:inset 0 0 0 2px var(--focus);background:var(--surface)}.tags-input input{color:var(--ink);background:0 0;border:0;outline:none;flex:140px;min-width:0;padding:4px 6px;font-size:1rem}.form-gap{height:14px}.hint-line{margin:-8px 0 14px}.lines{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.line{grid-template-columns:minmax(0,2fr) minmax(110px,1fr) 30px;align-items:center;gap:8px;width:100%;display:grid}.line.colour{grid-template-columns:minmax(0,2fr) minmax(110px,1fr) minmax(0,1fr) 30px}.line.steps{grid-template-columns:22px minmax(0,1.2fr) minmax(0,1.2fr) minmax(120px,1fr) 30px}.step-n{background:var(--sunk2);width:22px;height:22px;color:var(--ink2);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}@media (width<=620px){.line,.line.colour{border-bottom:.5px solid var(--line);grid-template-columns:minmax(0,1fr) 30px;padding-bottom:10px}.line>*{grid-column:1}.line>.icon-btn{grid-area:1/2}.line.steps{grid-template-columns:22px minmax(0,1fr) 30px}.line.steps>*{grid-column:2}.line.steps>.step-n{grid-area:1/1}.line.steps>.icon-btn{grid-area:1/3}}.back{color:var(--ink2);border-radius:8px;align-items:center;gap:2px;margin:-8px 0 10px -4px;padding:4px 6px;font-weight:500;text-decoration:none;display:inline-flex}.back svg{transform:rotate(180deg)}.back:hover{background:var(--sunk)}.style-page fieldset{gap:0}.style-page fieldset>.card+.card,.style-page .card{margin-bottom:16px}.card.cost{justify-content:space-between;align-items:center;gap:16px;display:flex}.card.cost h2{margin-bottom:4px}.card.cost b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.5rem}.save-bar{z-index:5;padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:0 -8px;position:sticky;bottom:0}@media (width<=700px){.save-bar{bottom:calc(62px + env(safe-area-inset-bottom))}}.card-head.sub{margin:18px 0 4px}.card-head.sub h3{margin:0}.page:has(.sheet-grid){max-width:1320px}.grid-hint{color:var(--ink3);max-width:70ch;margin:-4px 0 10px;font-size:.8125rem}.grid-wrap{background:var(--surface);border-radius:var(--r);min-height:200px;max-height:calc(100dvh - 290px);box-shadow:var(--sh1);overscroll-behavior:contain;overflow:auto}.sheet-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;width:max-content;min-width:100%;font-size:.875rem}.sheet-grid th{z-index:2;background:var(--sunk);color:var(--ink2);letter-spacing:.01em;text-align:left;border-bottom:.5px solid var(--line);white-space:nowrap;text-overflow:ellipsis;padding:7px 9px;font-size:.75rem;font-weight:600;position:sticky;top:0;overflow:hidden}.sheet-grid td{border-bottom:.5px solid var(--line);border-right:.5px solid var(--line);padding:0}.sheet-grid th.num,.sheet-grid td.num .cell{text-align:right}.sheet-grid .rn{z-index:1;background:var(--surface);text-align:center;color:var(--ink3);padding:0 4px;font-size:.75rem;position:sticky;left:0}.sheet-grid th.rn{z-index:3;background:var(--sunk)}.sheet-grid .rn svg{vertical-align:middle}.sheet-grid .rn.bad{color:var(--no);background:color-mix(in srgb, var(--no) 12%, var(--surface))}.sheet-grid .dot{background:var(--focus);vertical-align:middle;border-radius:50%;width:7px;height:7px;display:inline-block}.cell{text-overflow:ellipsis;background:0 0;border:0;border-radius:0;width:100%;min-width:0;padding:7px 9px;font-size:.875rem;display:block}.cell:focus,.cell:focus-visible{box-shadow:inset 0 0 0 2px var(--focus);background:var(--surface);z-index:1;border-radius:0;outline:none;position:relative}.cell[readonly]{color:var(--ink2);cursor:default}.cell::placeholder{color:var(--ink3)}.sheet-grid td.changed{background:color-mix(in srgb, var(--focus) 8%, transparent)}.sheet-grid td.bad{background:color-mix(in srgb, var(--no) 11%, transparent)}.sheet-grid td.bad .cell{box-shadow:inset 0 0 0 1.5px var(--no)}.sheet-grid td.bad .cell:focus{box-shadow:inset 0 0 0 2px var(--no)}.sheet-grid tbody tr:hover td:not(.rn){background-image:linear-gradient(var(--line), var(--line))}.sheet-grid tr.blank td{border-bottom:0}.row-act{text-align:center;border-right:0!important}.row-act button{width:26px;height:26px;color:var(--ink3);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;margin:auto;display:grid}.row-act button:hover{background:var(--sunk);color:var(--ink)}.row-act button:active{background:var(--sunk2)}.grid-bar{margin-top:10px}.grid-bar .form-foot{align-items:center;gap:8px;display:flex}.grid-top{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.grid-top .grid-hint{flex:1;margin:0}.grid-top .btn{flex:none;gap:6px;margin-left:auto}.grid-wrap{position:relative}.grid-wrap.dropping{box-shadow:0 0 0 2px var(--focus), var(--sh1)}.drop-cover{z-index:4;color:var(--focus);background:color-mix(in srgb, var(--surface) 85%, transparent);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.late{color:var(--no);font-weight:600}.soon{color:var(--warn);font-weight:600}.warn{color:var(--warn);margin:0 0 8px}.pill.s-draft{--c:var(--ink3)}.pill.s-confirmed{--c:var(--customer)}.pill.s-production{--c:var(--vendor)}.pill.s-delivered{--c:var(--ok)}.pill.s-closed{--c:var(--ink2)}.pill.s-cancelled{--c:var(--no)}.row .pill{flex:none}.page-head .pill{align-self:center;margin-right:auto;padding:3px 10px;font-size:.75rem}.phone-only{margin-bottom:16px;display:none}@media (width<=700px){.phone-only{display:block}}.flow-card{padding:10px}.flow{background:var(--sunk);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:3px;display:grid}.flow-step{cursor:pointer;color:var(--ink3);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:9px 6px;font-size:.8125rem;font-weight:500;display:flex;position:relative}.flow-step:active:not(:disabled){transform:scale(.97)}.flow-step:disabled{cursor:default}.flow-step.done{color:var(--ink2)}.flow-step.on{color:var(--ink);font-weight:600}.flow-hi{background:var(--surface);box-shadow:var(--sh1);border-radius:9px;position:absolute;inset:0}.flow-dot,.flow-l{position:relative}.flow-l{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flow-dot{background:var(--sunk2);width:20px;height:20px;color:var(--ink2);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.flow-step.done .flow-dot{background:var(--ok);color:#fff}.flow-step.on .flow-dot{background:var(--ink);color:var(--surface)}.flow-foot{align-items:center;gap:8px;min-height:36px;padding:8px 6px 0;display:flex}@media (width<=700px){.flow{scrollbar-width:none;display:flex;overflow-x:auto}.flow-step{flex:none;padding:9px 12px}.flow-l{overflow:visible}}.olines{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.oline{background:var(--sunk);border-radius:12px;width:100%;padding:10px}.oline .input,.oline .affix{background:var(--surface)}.oline-head{grid-template-columns:minmax(0,2fr) minmax(130px,1fr) 30px;align-items:center;gap:8px;display:grid}.oline-head.colour{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(130px,1fr) 30px}.size-grid{margin-top:8px;overflow-x:auto}.size-grid table{border-collapse:separate;border-spacing:4px 0;font-variant-numeric:tabular-nums;margin:0 -4px}.size-grid th{color:var(--ink2);text-align:center;padding:0 0 4px;font-size:.75rem;font-weight:600}.size-grid td{padding:0}.size-grid .qty{text-align:center;background:var(--surface);border:0;border-radius:9px;width:64px;padding:8px 6px;font-size:1rem}.size-grid .qty:focus{box-shadow:inset 0 0 0 2px var(--focus);outline:none}.size-grid .qty.bad{box-shadow:inset 0 0 0 2px var(--no)}.size-grid .qty:disabled{color:var(--ink);opacity:1;background:0 0}.size-grid .tot{text-align:center;min-width:64px;padding-left:8px;font-weight:700}.size-grid th.tot{color:var(--ink3);font-weight:600}.order-sum{border-top:.5px solid var(--line);color:var(--ink2);justify-content:flex-end;gap:28px;margin-top:16px;padding-top:14px;font-size:.875rem;display:flex}.order-sum span{flex-direction:column;align-items:flex-end;display:flex}.order-sum b{color:var(--ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:1.25rem}@media (width<=700px){.oline-head,.oline-head.colour{grid-template-columns:minmax(0,1fr) 30px}.oline-head>:not(.icon-btn){grid-column:1}.oline-head>.icon-btn{grid-area:1/2}}.needs-wrap{overflow-x:auto}.needs{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9375rem}.needs th{text-align:left;color:var(--ink3);padding:6px 8px;font-size:.75rem;font-weight:600}.needs td{border-top:.5px solid var(--line);vertical-align:top;padding:8px}.needs td b{font-weight:600}.needs .num{text-align:right;white-space:nowrap}.needs td.num small{color:var(--ink3);font-size:.75rem;display:block}.needs tr.grp th{color:var(--ink);padding-top:16px;font-size:.8125rem}.needs tfoot td{border-top:1px solid var(--line);font-weight:700}.mail-row{align-items:flex-start}.mail-from{align-items:center;gap:6px;min-width:0;display:flex}.mail-from b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-subj{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;overflow:hidden}.mail-row .row-end{align-items:center;gap:4px;padding-top:2px;display:inline-flex}.pill.proj{--c:var(--ink2)}.pill.sys{--c:var(--warn)}.mail{flex-direction:column;gap:14px;display:flex}.mail-meta{flex-direction:column;gap:2px;display:flex}.mail-meta>div:first-child{align-items:center;gap:8px;display:flex}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--sunk);border-radius:12px;max-height:50vh;margin:0;padding:14px 16px;font-size:.9375rem;line-height:1.55;overflow:auto}.files{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.files a{background:var(--sunk);border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 10px;font-size:.875rem;text-decoration:none;display:inline-flex}.files a:hover{background:var(--sunk2)}.files span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files em{color:var(--ink3);font-size:.75rem;font-style:normal}.decide{box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.decide p{margin:0}.decide.note{background:color-mix(in srgb, var(--warn) 8%, transparent)}.tick{color:var(--ink2);align-items:flex-start;gap:8px;font-size:.875rem;display:flex}.tick input{margin-top:3px}.facts{flex-wrap:wrap;gap:28px;margin-bottom:12px;display:flex}.facts>div{flex-direction:column;display:flex}.section-h{letter-spacing:-.012em;margin:26px 0 10px;font-size:1.125rem}.pre{white-space:pre-wrap}textarea.input{resize:vertical;min-height:44px}button.nav{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0}.decide-foot{flex-wrap:wrap;gap:8px;display:flex}.decide .form{gap:12px}.decide>.btn{align-self:flex-start}:root{--flash:#0071e31f;--auto:#0071e3}@media (prefers-color-scheme:dark){:root{--flash:#0a84ff38;--auto:#409cff}}.journey{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:8px;display:grid}@media (width<=1000px){.journey{grid-template-columns:1fr}}.bar{background:var(--sunk2);border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.bar span{background:var(--ok);border-radius:3px;height:100%;display:block}.phase h3{margin:16px 0 4px}.steps{margin:0;padding:0;list-style:none}.step{align-items:flex-start;gap:10px;padding:7px 0;display:flex}.step .dot{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--sunk2);color:#fff;border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.step.done .dot{background:var(--ok);box-shadow:none}.step.active .dot{box-shadow:inset 0 0 0 5px var(--auto);animation:1.6s ease-in-out infinite pulse}.step.active.person .dot{box-shadow:inset 0 0 0 5px var(--warn)}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.step.active .dot{animation:none}}.step-main{flex-direction:column;gap:2px;min-width:0;display:flex}.step-title{font-size:.9375rem}.step.pending .step-title{color:var(--ink3)}.step-sub{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:6px;font-size:.8125rem;display:flex}.kind{background:var(--sunk);color:var(--ink2);border-radius:99px;padding:1px 7px;font-size:.6875rem;font-weight:600}.kind.auto{background:color-mix(in srgb, var(--auto) 14%, transparent);color:var(--auto)}.kind.person{background:color-mix(in srgb, var(--warn) 14%, transparent);color:var(--warn)}.step-act{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.input.sm{width:200px;padding:6px 10px;font-size:.875rem}.feed ul{max-height:72vh;margin:0 -8px;padding:0;list-style:none;overflow:auto}.act{border-radius:10px;grid-template-columns:1fr auto;gap:2px 10px;padding:8px;display:grid}.act-who{color:var(--ink3);font-size:.75rem;font-weight:600}.act.quaram .act-who{color:var(--auto)}.act.person .act-who{color:var(--warn)}.act-text{grid-column:1/-1;font-size:.875rem}.act-time{color:var(--ink3);grid-area:1/2;font-size:.75rem}.task .row-main b{white-space:normal}.demo-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-card>div:first-child{max-width:62ch}.demo-card h2{margin-bottom:4px}.demo-acts{flex-wrap:wrap;gap:8px;display:flex}.demo-fab{z-index:40;background:var(--pri);color:var(--pri-ink);box-shadow:var(--sh2);cursor:pointer;border:0;border-radius:99px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;right:20px}.demo-fab:active{transform:scale(.97)}.demo-win{z-index:45;background:var(--surface);width:min(400px,100vw - 32px);height:min(640px,100vh - 40px);box-shadow:var(--sh2), 0 0 0 .5px var(--line);border-radius:18px;flex-direction:column;display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden}.demo-head{cursor:grab;border-bottom:.5px solid var(--line);touch-action:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 10px 16px;display:flex}.demo-head span{flex-direction:column;display:flex}.demo-head small{color:var(--ink3);font-size:.75rem}.demo-tabs{border-bottom:.5px solid var(--line);gap:4px;padding:8px 10px;display:flex;overflow-x:auto}.demo-tabs button{color:var(--ink2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:6px 10px;font-size:.8125rem;font-weight:500;position:relative}.demo-tabs button.on{background:var(--sunk);color:var(--ink);font-weight:600}.demo-tabs i{border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:3px}.demo-tabs i.wait{background:var(--auto)}.demo-tabs i.unread{background:var(--no);right:12px}.demo-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow:auto}.bubble{white-space:pre-wrap;border-radius:14px;flex-direction:column;gap:2px;max-width:88%;padding:8px 11px;font-size:.8125rem;display:flex}.bubble small{color:var(--ink3);font-size:.6875rem}.bubble.them{background:var(--sunk);border-bottom-left-radius:5px;align-self:flex-start}.bubble.me{background:color-mix(in srgb, var(--auto) 16%, var(--surface));border-bottom-right-radius:5px;align-self:flex-end}.demo-foot{border-top:.5px solid var(--line);max-height:45%;padding:10px 12px 12px;overflow:auto}.demo-foot p{margin:0}.answers{flex-direction:column;gap:6px;display:flex}.answers+.answers{margin-top:10px}.answer{text-align:left;background:var(--sunk);cursor:pointer;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:8px 11px;font-size:.8125rem;transition:transform .1s;display:flex}.answer:hover{background:var(--sunk2)}.answer:active{transform:scale(.98)}.answer span{color:var(--ink2)}.pad{padding:16px}@media (width>=1100px){.shell.demo-open .page{max-width:1400px;padding-right:440px}}.feed{position:sticky;top:16px}.phase-done{cursor:pointer;width:100%;color:var(--ink2);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0 2px;font-size:.8125rem;font-weight:600;display:flex}.phase-done .dot{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.day-chip{background:var(--sunk);color:var(--ink2);vertical-align:middle;border-radius:99px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.autoplay{z-index:5;background:var(--surface);border-radius:var(--r);box-shadow:var(--sh2);align-items:center;gap:18px;margin:8px 0 16px;padding:14px 18px;display:flex;position:sticky;top:8px}.day-big{flex-direction:column;align-items:center;min-width:92px;display:flex;overflow:hidden}.day-big small{text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-size:.6875rem;font-weight:600}.day-big b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.75rem;line-height:1;display:block}.auto-main{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.auto-note{min-height:2.9em;margin:0;font-size:1rem;line-height:1.45}.auto-note b{color:var(--auto)}.auto-acts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-draft{margin-bottom:8px;font-size:.875rem}.day-ctl{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.day-in{width:70px!important}.todo-day{background:var(--surface);box-shadow:var(--sh1);color:var(--ink2);border-radius:99px;align-items:baseline;gap:6px;padding:6px 14px;font-size:.875rem;display:inline-flex;overflow:hidden}.todo-day b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.375rem;display:inline-block}.phones-page{background:linear-gradient(#e9eef3,#d9e0e7);min-height:100vh;padding:20px 28px}@media (prefers-color-scheme:dark){.phones-page{background:linear-gradient(#111,#000)}}.phones-head{justify-content:space-between;align-items:center;max-width:980px;margin:0 auto 16px;font-size:1.125rem;font-weight:600;display:flex}.phones{justify-content:center;align-items:flex-start;gap:48px;display:flex}.phone{color:#111;background:#efe7de;border:10px solid #1d1d1f;border-radius:44px;flex-direction:column;width:390px;height:calc(100vh - 110px);max-height:820px;display:flex;overflow:hidden;box-shadow:0 30px 60px -20px #00000073}.phone-status{color:#fff;background:#075e54;justify-content:space-between;padding:10px 22px 6px;font-size:.75rem;font-weight:600;display:flex}.wa-head{color:#fff;background:#075e54;align-items:center;gap:10px;padding:8px 14px 10px;display:flex}.wa-head small{opacity:.8;font-size:.6875rem;display:block}.wa-av{color:#fff;background:#25d366;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.wa-body{flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow:auto}.wa-item{flex-direction:column;display:flex}.wa-day{color:#3b4a54;background:#e1f3fb;border-radius:8px;align-self:center;margin:8px 0 4px;padding:3px 10px;font-size:.6875rem;font-weight:600}.wa-msg{white-space:pre-wrap;border-radius:10px;flex-direction:column;gap:2px;max-width:86%;padding:6px 9px;font-size:.8125rem;line-height:1.35;display:flex;box-shadow:0 1px .5px #00000021}.wa-msg.in{background:#fff;border-top-left-radius:2px;align-self:flex-start}.wa-msg.own{background:#d9fdd3;border-top-right-radius:2px;align-self:flex-end}.wa-foot{background:#f0f2f5;flex-direction:column;gap:6px;padding:8px 10px 14px;display:flex}.wa-input{font:inherit;resize:none;color:#111;background:#fff;border:0;border-radius:18px;padding:8px 12px;font-size:.875rem}.wa-send{color:#fff;cursor:pointer;text-align:left;background:#25d366;border:0;border-radius:18px;padding:7px 12px;font-size:.8125rem;font-weight:600}.wa-send:disabled{opacity:.5}.mailbox{color:#1f1f1f;background:#fff;border-radius:14px;flex-direction:column;width:min(980px,100%);height:calc(100vh - 110px);display:flex;overflow:hidden;box-shadow:0 30px 60px -24px #00000059,0 0 0 1px #0000000f}.mb-bar{color:#444;background:#f6f8fc;border-bottom:1px solid #e3e6ea;align-items:center;gap:14px;padding:12px 18px;font-size:.875rem;display:flex}.mb-bar b{color:#c5221f;font-size:1.125rem}.mb-day{color:#1f1f1f;margin-left:auto;font-weight:600}.mb-body{background:#fff;flex-direction:column;flex:1;gap:12px;padding:16px 22px;display:flex;overflow:auto}.mb-msg{border:1px solid #e3e6ea;border-radius:10px;padding:12px 16px}.mb-msg.from-me{background:#f3f8ff;border-color:#d3e3fd}.mb-msg header{align-items:center;gap:10px;display:flex}.mb-av{color:#fff;background:#1a73e8;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.875rem;font-weight:700;display:grid}.mb-msg.from-them .mb-av{background:#188038}.mb-who{flex-direction:column;line-height:1.2;display:flex}.mb-who small{color:#5f6368;font-size:.75rem}.mb-when{color:#5f6368;margin-left:auto;font-size:.8125rem}.mb-msg h3{margin:10px 0 4px;font-size:.9375rem}.mb-msg p{white-space:pre-wrap;color:#3c4043;margin:0;font-size:.875rem;line-height:1.5}.mb-reply{background:#f6f8fc;border-top:1px solid #e3e6ea;flex-direction:column;gap:8px;padding:12px 18px 16px;display:flex}.mb-input{font:inherit;resize:none;color:#1f1f1f;background:#fff;border:1px solid #dadce0;border-radius:10px;padding:10px 12px;font-size:.875rem}.mb-sends{flex-wrap:wrap;gap:8px;display:flex}.mb-send{color:#fff;cursor:pointer;background:#0b57d0;border:0;border-radius:18px;padding:8px 16px;font-size:.8125rem;font-weight:600}.mb-send:disabled{opacity:.5}.side-pw{color:var(--ink3);margin-top:auto;padding:6px 12px;font-size:.8125rem}.side-pw+.side-me{margin-top:0}.nav em.badge,.tab em.badge{color:#fff;background:var(--no);font-variant-numeric:tabular-nums}.tab{position:relative}.tab em.badge{border-radius:99px;padding:1px 6px;font-size:.625rem;font-style:normal;font-weight:700;position:absolute;top:0;left:calc(50% + 6px)}.mail-addr{margin:-10px 0 14px}.mail-row.unread .mail-from b,.mail-row.unread .mail-subj{color:var(--ink);font-weight:700}.mail-row{position:relative}.mail-row.unread:before{content:"";background:var(--customer);border-radius:50%;width:6px;height:6px;position:absolute;top:19px;left:4px}.mail-acts{gap:8px;margin:4px 0 12px;display:flex}p.note{background:color-mix(in srgb, var(--warn) 12%, transparent);border-radius:10px;margin:0;padding:8px 12px}