.gl-backdrop{z-index:1200}.gl{position:relative;display:flex;flex-direction:column;width:min(880px,100%);height:min(760px,calc(100dvh - 72px));background:var(--md-surface-lowest);color:var(--ink);border-radius:var(--md-shape-xl);box-shadow:var(--md-elev-3);animation:modal-in var(--dur-med-2) var(--ease-emphasized-decel) both}.gl:focus{outline:none}.gl-top{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:14px 20px;border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0;background-color:var(--nav-bg);background-image:var(--nav-glow);color:var(--md-on-primary)}.gl-top img{display:block;height:30px;width:auto}.gl-steps{flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.gl-steps ol{display:flex;justify-content:flex-end;gap:2px;margin:0;padding:0;list-style:none}button.gl-step{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 4px;border:0;border-radius:var(--md-shape-full);background:transparent;color:var(--md-on-primary);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:none;opacity:.72}button.gl-step:hover:not(:disabled){background:color-mix(in srgb,var(--md-on-primary) 12%,transparent);opacity:1}button.gl-step.on{background:color-mix(in srgb,var(--md-on-primary) 18%,transparent);opacity:1}button.gl-step:disabled{background:transparent;color:var(--md-on-primary);opacity:.38;cursor:default}.gl-step-n{display:grid;place-items:center;width:24px;height:24px;border:2px solid;border-radius:50%;font-size:12px}.gl-step.read .gl-step-n{background:var(--md-on-primary);border-color:var(--md-on-primary);color:var(--nav-bg)}.gl-step-n svg{width:14px;height:14px}button.gl-x{margin-left:auto;color:var(--md-on-primary)}button.gl-x:hover{background:color-mix(in srgb,var(--md-on-primary) 12%,transparent)}.gl-bar{flex:none;height:4px;background:var(--md-primary-container)}.gl-bar span{display:block;height:100%;background:var(--md-primary);transform-origin:left;transition:transform var(--dur-med-2) var(--ease-standard)}.gl-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 32px 8px}.gl-page{animation:page-in var(--dur-med-2) var(--ease-emphasized-decel) both}.gl-page :is(h1,h2){margin:0 0 8px;font-size:24px;line-height:32px;font-weight:600}.gl-page :is(h1,h2):focus,.gl-page :is(h1,h2):focus-visible{outline:none;box-shadow:none}.gl-h3{margin:20px 0 8px;font-size:16px;line-height:24px;font-weight:600}.gl-kicker{margin:0 0 12px}.gl-lede{margin:0 0 16px;font-size:14px;line-height:20px}.gl-how{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;color:var(--muted);font-size:12.5px;line-height:18px}.gl-how svg{flex:none;width:16px;height:16px;margin-top:1px}.gl-points{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.gl-points>li{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:12px 16px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);background:var(--md-surface-lowest)}.gl-pt{display:block;font-size:14px;line-height:20px;font-weight:600}.gl-points p{margin:2px 0 0;color:var(--muted);font-size:12.5px;line-height:18px}.gl-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--md-surface-low);color:var(--md-on-surface-variant)}.gl-ic svg{width:18px;height:18px}.gl-tiles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.gl-tiles>li{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px}.gl-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.gl-timeline{position:relative;margin:0 0 16px;padding:0;list-style:none}.gl-timeline:before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:var(--md-outline-variant)}.gl-timeline li{position:relative;padding:0 0 16px 36px}.gl-timeline li:last-child{padding-bottom:0}.gl-dot{position:absolute;left:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--md-outline-soft);background:var(--md-surface-lowest);color:var(--md-on-primary)}.gl-timeline li.past .gl-dot{background:var(--md-primary)}.gl-timeline li.next .gl-dot,.gl-timeline li.past .gl-dot{border-color:var(--md-primary)}.gl-dot svg{width:14px;height:14px}.gl-when{display:block;color:var(--muted);font-size:12px;line-height:16px;font-weight:600}.gl-timeline li.next .gl-when{color:var(--md-primary)}.gl-timeline strong{display:block;margin-top:2px;font-size:14px;line-height:20px}.gl-timeline p{margin:2px 0 0;color:var(--muted);font-size:12.5px;line-height:18px}.gl-callout{display:grid;grid-template-columns:36px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:12px 16px;border-radius:var(--md-shape-md);font-size:14px;line-height:20px}.gl-callout p{margin:0}.gl-callout.warn{background:var(--warn-strip);border:1px solid var(--warn-bg)}.gl-callout.warn .gl-ic{background:var(--warn-bg);color:var(--warn)}.gl-callout.ok{background:var(--ok-bg)}.gl-callout.ok .gl-ic{background:var(--md-surface-lowest);color:var(--ok)}.gl-rules{counter-reset:rule;display:grid;grid-gap:10px;gap:10px;margin:0;padding:0;list-style:none}.gl-rules>li{counter-increment:rule;display:grid;grid-template-columns:24px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;font-size:14px;line-height:20px}.gl-rules>li:before{content:counter(rule);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--md-surface-low);color:var(--md-on-surface-variant);font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gl-ack{display:flex;gap:12px;align-items:flex-start;margin:20px 0 4px;padding:16px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg);background:var(--md-surface-lowest);cursor:pointer;font-size:14px;line-height:20px;transition:background-color var(--dur-short-2) var(--ease-standard),border-color var(--dur-short-2) var(--ease-standard)}.gl-ack:hover{background:var(--surface-hover)}.gl-ack.on{border-color:var(--ok);background:var(--ok-bg)}.gl-ack input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--md-primary)}.gl-need{color:var(--warn)}.gl-hint,.gl-need{margin:8px 0 0;font-size:12.5px;line-height:18px}.gl-hint{color:var(--muted)}.gl-end{height:1px}.gl-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--md-outline-variant);border-radius:0 0 var(--md-shape-xl) var(--md-shape-xl);background:var(--md-surface-lowest)}.gl-count{color:var(--muted);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button.gl-next{min-width:132px}button.gl-next.more{background:var(--md-primary-container);color:var(--md-on-primary-container)}.gl.is-done button.gl-go{background:var(--ok);color:var(--md-on-primary)}.gl-error{flex:none;margin:0;padding:8px 20px;background:var(--danger-bg);color:var(--danger);font-size:12.5px;text-align:right}.gl-out{position:absolute;left:50%;bottom:-32px;transform:translateX(-50%);display:inline-flex;gap:6px;align-items:center;color:var(--md-on-primary);font-size:12.5px;text-decoration:none}.gl-out svg{width:14px;height:14px}.gl-out:hover{text-decoration:underline}@media (max-width:760px){.gl-backdrop{padding:0}.gl{width:100%;height:100dvh}.gl,.gl-foot,.gl-top{border-radius:0}.gl-top{padding:max(12px,env(safe-area-inset-top)) 16px 10px}button.gl-step{min-height:44px}.gl-step:not(.on) .gl-step-t{display:none}.gl-body{padding:20px 16px 8px}.gl-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom))}button.gl-next{min-width:0}.gl-out{position:static;transform:none;align-self:center;margin:-2px 0 10px;color:var(--muted)}}.gl-locked-note{margin-bottom:12px}.wip{max-width:760px;margin:16px auto 32px;padding:24px 20px 28px;text-align:center;background:var(--md-surface-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-lg)}.wip-scene{--carton:#d6a468;--carton-edge:#a9773d;--carton-tape:#ecca95;display:block;width:100%;max-width:520px;height:auto;margin:0 auto 8px;overflow:visible}.wip-box{fill:var(--carton);stroke:var(--carton-edge);stroke-width:1.5}.wip-tape{fill:var(--carton-tape)}.wip-label{fill:var(--md-primary)}.wip-rack rect{fill:var(--md-outline-soft)}.wip-rack text{fill:var(--muted);font-family:inherit;font-size:13px;font-weight:600}.wip-rack.new rect,.wip-rack.new text{fill:var(--md-primary)}.wip-floor{fill:var(--md-outline-soft)}.wip-pallet{fill:var(--carton-edge)}.wip-body,.wip-forks,.wip-grip{fill:var(--md-primary)}.wip-handle{stroke:var(--md-on-primary-container);stroke-width:6;stroke-linecap:round}.wip-wheel circle{fill:var(--md-on-surface-variant)}.wip-wheel line{stroke:var(--md-outline-soft);stroke-width:2}.wip-wheel{transform-box:fill-box;transform-origin:center;animation:spin .9s linear infinite}.wip-jack{animation:wip-jack 6s var(--ease-standard) infinite}.wip-load{animation:wip-load 6s var(--ease-standard) infinite}@keyframes wip-jack{0%,6%{transform:translateX(0)}42%,54%{transform:translateX(120px)}92%,to{transform:translateX(0)}}@keyframes wip-load{0%{opacity:0;transform:translateY(-24px)}44%,6%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translate(-40px,-12px)}}.wip-new,.wip-old{animation-duration:24s;animation-iteration-count:infinite;animation-timing-function:var(--ease-standard)}.wip-old.o4{animation-name:wip-out-1}.wip-old.o3{animation-name:wip-out-2}.wip-old.o2{animation-name:wip-out-3}.wip-old.o1{animation-name:wip-out-4}.wip-new.n1{animation-name:wip-in-1}.wip-new.n2{animation-name:wip-in-2}.wip-new.n3{animation-name:wip-in-3}.wip-new.n4{animation-name:wip-in-4}@keyframes wip-out-1{0%,1%{opacity:1}3%,97%{opacity:0}}@keyframes wip-out-2{0%,26%{opacity:1}28%,97%{opacity:0}}@keyframes wip-out-3{0%,51%{opacity:1}53%,97%{opacity:0}}@keyframes wip-out-4{0%,76%{opacity:1}78%,97%{opacity:0}}@keyframes wip-in-1{0%,11%{opacity:0;transform:translateY(-10px)}13%,97%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes wip-in-2{0%,36%{opacity:0;transform:translateY(-10px)}38%,97%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes wip-in-3{0%,61%{opacity:0;transform:translateY(-10px)}63%,97%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes wip-in-4{0%,86%{opacity:0;transform:translateY(-10px)}88%,97%{opacity:1;transform:translateY(0)}to{opacity:0}}.wip-kicker{display:inline-flex;align-items:center;gap:6px;margin:4px 0 8px}.wip-pulse{width:8px;height:8px;border-radius:50%;background:currentColor;animation:wip-pulse 1.6s var(--ease-standard) infinite}@keyframes wip-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,currentColor 50%,transparent)}70%,to{box-shadow:0 0 0 8px transparent}}.wip-title{margin:0 0 8px;font-size:24px;line-height:32px;font-weight:600}.wip-text{max-width:520px;margin:0 auto 16px;color:var(--muted);font-size:14px;line-height:20px}.wip-progress{position:relative;width:min(320px,80%);height:4px;margin:0 auto 20px;background:var(--md-primary-container);overflow:hidden}.wip-progress,.wip-progress span{border-radius:var(--md-shape-full)}.wip-progress span{position:absolute;inset:0 auto 0 0;width:35%;background:var(--md-primary);animation:wip-slide 1.8s var(--ease-standard) infinite}@keyframes wip-slide{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.wip-meanwhile{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--md-on-surface-variant)}.wip-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){.wip-progress span,.wip-pulse,.wip-scene *{animation:none!important}.wip-new.n3,.wip-new.n4,.wip-old.o3,.wip-old.o4{opacity:0}.wip-progress span{left:32%}}.gl-open-to{display:grid;grid-gap:8px;gap:8px;margin:4px 0 0;padding:0;border:0}.gl-open-to legend{padding:0;font-size:13px;font-weight:600}.gl-people{display:flex;flex-wrap:wrap;gap:8px}.gl-people .qh-chip .muted{font-weight:400}.gl-reads .tag svg{width:12px;height:12px}:where(:root[data-device=phone]) .btn-row.end{width:100%;grid-auto-columns:minmax(0,1fr)}:where(:root[data-device=phone]) [data-surface=customer] .sheet-backdrop>.modal,:where(:root[data-device=phone]) [data-surface=customer] .sheet-backdrop>.pm{border-radius:var(--radius-lg) var(--radius-lg) 0 0}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand{gap:14px;padding:20px 20px 22px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand:after{width:220px;height:220px;right:-50px;bottom:-80px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-logo{height:30px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-name{font-size:20px;line-height:30px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-foot,:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-kicker,:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-points{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-brand-title{margin:0;font-size:20px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth-main{place-items:start center;padding:28px 20px 40px}:where(:root[data-device=tablet],:root[data-device=phone]) .auth h1{font-size:22px}:where(:root[data-device=tablet],:root[data-device=phone]) .kit-need{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody.entering>tr>td{animation:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody.entering>tr.line:not(.section-row){animation:row-in var(--dur-med-2) var(--ease-standard-decel) backwards,changed var(--dur-highlight) var(--ease-standard)}:where(:root[data-device=phone]) .cust-picker{grid-template-columns:1fr}:where(:root[data-device=tablet],:root[data-device=phone]) .qd-split{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .send-foot{justify-content:flex-start}:where(:root[data-device=phone]) .send-foot .btn-row{display:grid;width:100%;grid-auto-columns:minmax(0,1fr)}:where(:root[data-device=tablet],:root[data-device=phone]) .send-grid{grid-template-columns:1fr}:where(:root[data-device=tablet],:root[data-device=phone]) .send-frame{height:70vh}:where(:root[data-device=phone]) .wh-grid{grid-template-columns:1fr}:where(:root[data-device=phone]) .addr-form{grid-template-columns:1fr 90px;grid-template-areas:"label label" "street street" "street2 street2" "suburb suburb" "state pc" "ins ins" "foot foot"}:where(:root[data-device=phone]) .addr-form.has-hs{grid-template-areas:"hs hs" "label label" "street street" "street2 street2" "suburb suburb" "state pc" "ins ins" "foot foot"}:where(:root[data-device=phone]) .pm-body{grid-template-columns:1fr;padding:16px}:where(:root[data-device=phone]) .pm-head{padding:14px 16px}:where(:root[data-device=phone]) .pm-head h2{font-size:20px}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards,:where(:root[data-device=tablet],:root[data-device=phone]) table.cards>tbody{display:block;border:0;background:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards>thead{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards>tbody>tr{display:grid;grid-gap:8px 12px;gap:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards>tbody>tr>td{border:0;padding:0;min-width:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:2px}:where(:root[data-device=tablet],:root[data-device=phone]) table.results>tbody>tr{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"item item item" "price gp stock"}:where(:root[data-device=tablet],:root[data-device=phone]) table.results .c-item{grid-area:item}:where(:root[data-device=tablet],:root[data-device=phone]) table.results .c-price{grid-area:price}:where(:root[data-device=tablet],:root[data-device=phone]) table.results .c-gp{grid-area:gp}:where(:root[data-device=tablet],:root[data-device=phone]) table.results .c-stock{grid-area:stock}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes>tbody>tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"quote quote" "company total" "status expiry"}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-quote{grid-area:quote}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-company{grid-area:company}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-total{grid-area:total}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-status{grid-area:status}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-expiry{grid-area:expiry;text-align:right}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-created{grid-area:expiry;text-align:right}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-sent{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .ql-sent-card{display:block;margin-top:2px;font-size:12px;color:var(--muted)}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-flag{grid-column:1/-1;text-align:left!important}:where(:root[data-device=tablet],:root[data-device=phone]) table.quotes .c-flag:empty{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody{display:block;border:0;background:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>thead{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody>tr{display:grid;grid-gap:8px 12px;gap:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody>tr>td{border:0;padding:0;min-width:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards td[data-label]:before{content:attr(data-label);display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin-bottom:2px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line:not(.section-row):not(.note-row){grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:none;gap:0;padding:0 14px;border-radius:16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line:not(.section-row):not(.note-row)>td:not(.c-compact){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line:not(.section-row):not(.note-row)>td.c-compact{display:block;grid-column:1/-1;grid-row:1;margin:0 -14px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines:not(.compact)>tbody>tr.line.open:not(.section-row):not(.note-row)>td.c-compact{border-bottom:1px solid var(--md-outline-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines:not(.compact)>tbody>tr.line.open:not(.section-row):not(.note-row)>td:is(.c-item,.c-qty,.c-rate,.c-cost,.c-stock,.c-move,.c-del):not(.is-empty){display:block;padding-top:14px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-item{grid-column:1/-1;grid-row:2}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-qty{grid-column:1/span 5;grid-row:3;padding-right:6px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-rate{grid-column:6/-1;grid-row:3;padding-left:6px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost{grid-column:1/-1;grid-row:4}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-stock{grid-column:1/-1;grid-row:5}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-move{grid-column:1/span 2;grid-row:6}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-del{grid-column:3/-1;grid-row:6}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open.is-kit>td.c-move{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open.is-kit>td.c-del{grid-column:1/-1;grid-row:7}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines:not(.compact)>tbody>tr.line.open.is-kit:not(.section-row):not(.note-row)>td.c-del{margin-top:0;padding-top:0;border-top:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .move-col .chevron{width:auto;gap:6px;padding:0 8px 0 4px;color:var(--md-primary);font-size:14px;font-weight:600}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .move-col .chevron .lc-only{display:inline}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines:not(.compact)>tbody>tr.line.open:not(.section-row):not(.note-row)>td:is(.c-move,.c-del){margin-top:14px;padding:6px 0 8px;border-top:1px solid var(--md-outline-variant);align-self:stretch}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro:not(.compact)>tbody>tr.line.open:not(.is-kit):not(.section-row):not(.note-row)>td.c-move,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro:not(.compact)>tbody>tr.line.open:not(.section-row):not(.note-row)>td.c-del{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro>tbody>tr.line.open.is-kit>td.c-move{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .move-col{flex-direction:row;align-items:center;gap:4px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .row-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open :is(.lc-note-btn,.lc-details){display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 4px;background:none;color:var(--md-primary);font-size:14px;font-weight:600}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .lc-details{margin-left:-4px;flex-basis:100%;justify-content:flex-start}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .line-code{flex-wrap:wrap;white-space:normal;overflow:visible;row-gap:6px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .lc-note-btn{margin-right:auto;padding-left:4px;padding-right:4px;font-weight:600;white-space:nowrap}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines:not(.ro)>tbody>tr.line.open>td.c-item .photo-btn,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-item :is(.thumb-btn,.thumb,.line-sku,.line-kit,.line-desc:not(.line-note)){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open:not(.note-on)>td.c-item .note-input{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-item .note-input{margin:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody>tr.line.open>td[data-label]:before{font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--md-on-surface);margin-bottom:6px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody>tr.line.open>td.c-cost:before{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-qty .stepper{display:flex;width:100%;height:44px;border-radius:10px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-qty .stepper button{width:42px;flex:0 0 42px;background:var(--md-surface-low);color:var(--md-on-surface)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-qty .stepper input{flex:1 1 auto;width:auto!important;min-width:0;font-size:16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-rate .money-field input{min-height:44px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .rate-row{flex-wrap:wrap;justify-content:flex-end;row-gap:6px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .rate-row>.money-field{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 44px);min-width:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .rate-row>.money-field input{border-radius:10px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .rate-row>.money-field:has(+.icon-btn) input{border-top-right-radius:0;border-bottom-right-radius:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .rate-row>.money-field+.icon-btn{flex:0 0 44px;width:44px;height:44px;margin-left:-2px;border:1px solid var(--line-strong);border-left:0;border-radius:0 10px 10px 0;background:var(--md-surface-low)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost{font-size:14px;font-weight:400;color:var(--md-on-surface-variant);text-align:left}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost .lc-only{display:inline}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost .lc-margin{float:right}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost .line-gp{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open>td.c-cost .cost-edit{display:inline-flex;align-items:center;gap:8px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-btn,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-wrap{display:grid}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-btn{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;border-radius:0;overflow:visible;background:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-btn.has-in:hover{box-shadow:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb{flex-direction:row;align-items:baseline;justify-content:center;gap:6px;min-width:0;padding:9px 8px;border:0;border-radius:10px;background:var(--md-surface-low);color:var(--md-on-surface)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-l{font-size:13px;font-weight:600;letter-spacing:.2px;color:var(--md-on-surface-variant);opacity:1}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-q{font-size:16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-low .sb-q{color:var(--warn)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-none .sb-q{color:var(--md-on-surface-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-in{background:none;color:var(--md-on-surface-variant);font-size:12px;font-weight:500;padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.open .sb-in.empty{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-qty .stepper{border:0;background:none;height:auto}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-qty .stepper button{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-qty .stepper input,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-rate .money-field input{border:0;background:none;padding-left:0;min-height:0;height:28px;font-size:16px;font-weight:700;text-align:left;color:var(--md-on-surface);opacity:1;-webkit-text-fill-color:currentColor}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-rate .money-field input{padding-left:14px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.ro .c-rate .money-field>span{left:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-item .line-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines td.is-empty{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-item{grid-area:item}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-move{grid-area:move}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-qty{grid-area:qty}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-rate{grid-area:rate}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-ext{grid-area:ext}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-cost{grid-area:cost}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-stock{grid-area:stock}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-del{grid-area:del;align-self:end;text-align:right;font-size:18px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-move{text-align:right}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .move-col{align-items:flex-end}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.section-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"move sec del";align-items:center;background:#f4f7fb;border-color:#d6e2f1;box-shadow:inset 3px 0 0 var(--brand)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.section-row>td{background:none;box-shadow:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-section{grid-area:sec}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.section-row .c-del{align-self:center}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.section-row .c-move{grid-row:1}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.section-row .move-col{align-items:flex-start}:where(:root[data-device=tablet],:root[data-device=phone]) .section-head{flex-wrap:wrap;gap:6px 8px}:where(:root[data-device=tablet],:root[data-device=phone]) .section-head .section-input,:where(:root[data-device=tablet],:root[data-device=phone]) .section-title{flex-basis:100%;order:1}:where(:root[data-device=tablet],:root[data-device=phone]) .section-head .opt-pick{order:3}:where(:root[data-device=tablet],:root[data-device=phone]) .section-icon{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item flag" "qty stock";background:var(--page);margin:-11px 0 10px;border-top:0;border-radius:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row>td{background:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row>td.c-item{padding-left:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row .c-flag{grid-area:flag}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row .c-stock{text-align:right}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-row .c-empty{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-msg{display:block;background:var(--page);margin:-11px 0 10px;border-top:0;border-radius:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-msg>td{background:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.kit-msg>td:first-child{display:none}:where(:root[data-device=phone]) .sc-cols{display:block}:where(:root[data-device=phone]) .sc-cols>.sc-col:last-child>.sc-block:first-child{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}:where(:root[data-device=phone]) input,:where(:root[data-device=phone]) select,:where(:root[data-device=phone]) textarea{font-size:16px}:where(:root[data-device=phone]) .hide-sm{display:none!important}:where(:root[data-device=phone]) .show-sm{display:initial}:root:where([data-device=phone]){--ctl:42px;--ctl-search:44px}:where(:root[data-device=phone]) .topbar{padding:0 12px 0 6px}:where(:root[data-device=phone]) .page{padding:12px}:where(:root[data-device=phone]) .card{padding:14px}:where(:root[data-device=phone]) .grid-2{grid-template-columns:1fr}:where(:root[data-device=phone]) .courier-form input,:where(:root[data-device=phone]) .courier-form textarea,:where(:root[data-device=phone]) .cust-manual input,:where(:root[data-device=phone]) .freight-manual input,:where(:root[data-device=phone]) .menu-split input,:where(:root[data-device=phone]) .note-input,:where(:root[data-device=phone]) .opt-name-input,:where(:root[data-device=phone]) .opt-pick,:where(:root[data-device=phone]) .section-head .section-input,:where(:root[data-device=phone]) :is(.ld-row.ld-row input,.ld-row.ld-row select,.owner-pick.owner-pick select){font-size:16px}:where(:root[data-device=phone]) .opt-pick{height:32px}:where(:root[data-device=phone]) .opt-name-input{height:34px}:where(:root[data-device=phone]) .sheet-backdrop{place-items:end center!important;padding:0!important}:where(:root[data-device=phone]) .sheet-backdrop>.modal,:where(:root[data-device=phone]) .sheet-backdrop>.pm{width:100%!important;max-height:92vh!important;border-radius:16px 16px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom));animation:sheet-up var(--dur-long-1) var(--ease-emphasized-decel)}:where(:root[data-device=phone]) .menu{max-width:calc(100vw - 32px)}:where(:root[data-device=phone]) .add-bar{flex-wrap:nowrap;gap:6px}:where(:root[data-device=phone]) .add-search{flex:1 1 auto;padding:0 10px}:where(:root[data-device=phone]) .picker{height:94vh;max-height:94vh}:where(:root[data-device=phone]) .pk-search{margin:0 12px 10px}:where(:root[data-device=phone]) .pk-row,:where(:root[data-device=phone]) .pk-row.on{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"chk main price" "chk stock stock"}:where(:root[data-device=phone]) .pk-sel{grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"rm main price" "rm qty line"}:where(:root[data-device=phone]) .pk-sel .pk-remove{grid-area:rm;align-self:start}:where(:root[data-device=phone]) .pk-sel .pk-line{grid-area:line;align-self:center}:where(:root[data-device=phone]) .pk-check{grid-area:chk;align-self:start;padding-top:10px}:where(:root[data-device=phone]) .pk-main{grid-area:main}:where(:root[data-device=phone]) .pk-price{grid-area:price}:where(:root[data-device=phone]) .pk-stock{grid-area:stock;justify-self:start}:where(:root[data-device=phone]) .pk-qty{grid-area:qty;justify-self:end}:where(:root[data-device=phone]) .pk-foot>.pk-cancel{display:none}:where(:root[data-device=phone]) .pk-foot>button:last-child{flex:1 1}:where(:root[data-device=phone]) .cust-card{flex-wrap:wrap;padding:12px;gap:10px 12px}:where(:root[data-device=phone]) .cc-avatar{flex-basis:40px;width:40px;height:40px;font-size:15px;border-radius:10px}:where(:root[data-device=phone]) .cc-main{flex-basis:calc(100% - 56px)}:where(:root[data-device=phone]) .cc-name{font-size:16px;white-space:normal}:where(:root[data-device=phone]) .cc-actions{width:100%;justify-content:space-between}:where(:root[data-device=phone]) .appr-rules .ar-add{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .appr-rules .ar-table td:first-child{white-space:normal}:where(:root[data-device=phone]) .appr-rules .ar-table td{padding:6px 4px}:where(:root[data-device=phone]) .appr-rules .ar-table td:last-child button{padding:6px 8px;font-size:13px}:where(:root[data-device=phone]) .respond-modal .fields-2{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .nqs-cust-top{flex-wrap:wrap}:where(:root[data-device=phone]) .nqs-cust-main{flex-basis:calc(100% - 62px)}:where(:root[data-device=phone]) .nqs-cust-top>button{margin-left:auto}:where(:root[data-device=phone]) .nqs-to{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .nqs-contact-find,:where(:root[data-device=phone]) .nqs-hint{grid-column:1}:where(:root[data-device=phone]) .nqs-deal-top{flex-direction:column;align-items:stretch}:where(:root[data-device=phone]) .nqs-q{grid-template-columns:max-content minmax(0,1fr) max-content}:where(:root[data-device=phone]) .nqs-q-when{display:none}:where(:root[data-device=phone]) .nqs-new-grid{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .nqs-new-foot button{width:100%}:where(:root[data-device=tablet],:root[data-device=phone]) .cl-desc-input,:where(:root[data-device=tablet],:root[data-device=phone]) .cl-title-input{font-size:16px}:where(:root[data-device=phone]) .cpe-body{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}:where(:root[data-device=phone]) .cpe-foot,:where(:root[data-device=phone]) .cpe-head{padding:12px 16px}:where(:root[data-device=phone]) .cpe-foot{flex-wrap:wrap}:where(:root[data-device=phone]) .cpe-foot .muted{flex-basis:100%}:where(:root[data-device=phone]) .cpe-foot button{flex:1 1}:where(:root[data-device=phone]) .cpe-foot>.btn-row{flex:1 1 100%;display:grid;grid-auto-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .cpe-money{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(:root[data-device=phone]) .cpe-spec input,:where(:root[data-device=phone]) .note-line-input{font-size:16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.note-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"move note del";align-items:center;background:color-mix(in srgb,var(--hue-amber-bg) 30%,var(--md-surface-lowest));border-color:var(--hue-amber-bg);box-shadow:inset 3px 0 0 var(--hue-amber)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.line.note-row>td{background:none;box-shadow:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines .c-note{grid-area:note}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody>tr.note-row .c-move{grid-row:1}:where(:root[data-device=tablet],:root[data-device=phone]) .set-layout{grid-template-columns:minmax(0,1fr);gap:0}:where(:root[data-device=tablet],:root[data-device=phone]) .page-title:has(+.set-layout.picked),:where(:root[data-device=tablet],:root[data-device=phone]) .set-layout.picked .set-nav,:where(:root[data-device=tablet],:root[data-device=phone]) .set-layout:not(.picked) .set-detail{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav{position:static;max-height:none;overflow:visible;gap:20px}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav-h{padding:0 4px 6px}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav ul{gap:0;overflow:hidden;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-md);background:var(--md-surface-lowest)}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav li+li{border-top:1px solid var(--md-outline-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav a,:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav a.on{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:2px 8px;gap:2px 8px;min-height:60px;padding:10px 12px 10px 16px;border-radius:0;background:none;color:var(--md-on-surface);font-weight:500}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav a:hover{background:var(--md-hover-on-surface)}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav-d{display:block;grid-column:1;font-size:13px;line-height:18px;font-weight:400;color:var(--md-on-surface-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) .set-nav-go{display:flex;grid-column:2;grid-row:1/span 2;align-self:center;color:var(--md-on-surface-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) .set-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 8px -8px}:where(:root[data-device=phone]) .set-head{flex-wrap:wrap}:where(:root[data-device=phone]) .set-gift-source{flex-wrap:wrap}:where(:root[data-device=phone]) .set-qd-foot>button{flex:1 1 100%}:where(:root[data-device=phone]) .set-card .set-invite-how .seg[role=radiogroup]{display:flex;width:100%}:where(:root[data-device=phone]) .set-card .set-invite-how .seg>button[role=radio]{flex:1 1;min-width:0;padding:4px 8px;white-space:normal;text-align:center}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards.set-users>tbody>tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"who who edit" "role branch branch" "status seen seen";align-items:start}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users .set-u-who{grid-area:who}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users .set-u-role{grid-area:role}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users .set-u-branch{grid-area:branch}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users .set-u-status{grid-area:status}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users .set-u-seen{grid-area:seen}:where(:root[data-device=tablet],:root[data-device=phone]) table.set-users>tbody>tr>td.set-u-edit{grid-area:edit;width:auto}:where(:root[data-device=phone]) .qf>.search-box{flex-basis:100%}:where(:root[data-device=phone]) .stage-cards{--n:2}:where(:root[data-device=phone]) .stage-all{flex-basis:100%;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon label count" "icon value count";gap:0 12px}:where(:root[data-device=phone]) .stage-all .stage-icon{margin-bottom:0}:where(:root[data-device=phone]) .stage-all .stage-count{align-self:center}:where(:root[data-device=phone]) .stage-strip{flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:12px;margin:0 -12px 4px;padding:4px 12px 10px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 28px),transparent)}:where(:root[data-device=phone]) .stage-strip::-webkit-scrollbar{display:none}:where(:root[data-device=phone]) .stage-strip .stage-all{order:-1;flex-basis:auto}:where(:root[data-device=phone]) .stage-strip .stage-card{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 6px 0 5px;border-radius:999px;scroll-snap-align:start;transform:none}:where(:root[data-device=phone]) .stage-strip .stage-card:hover{transform:none;box-shadow:none}:where(:root[data-device=phone]) .stage-strip .stage-card.on{box-shadow:0 1px 2px color-mix(in srgb,var(--hue) 30%,transparent),0 2px 10px color-mix(in srgb,var(--hue) 40%,transparent)}:where(:root[data-device=phone]) .stage-strip .stage-icon{width:30px;height:30px;margin:0}:where(:root[data-device=phone]) .stage-strip .stage-label{order:1;font-size:14px;font-weight:600;white-space:nowrap}:where(:root[data-device=phone]) .stage-strip .stage-count{order:2;display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:14px;background:rgba(255,255,255,.7);font-size:13px;line-height:1;align-self:center}:where(:root[data-device=phone]) .stage-strip .stage-value{display:none}:where(:root[data-device=phone]) .stage-summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin:0 0 12px;padding:10px 14px;border-radius:var(--md-shape-md);background:var(--md-surface-lowest);border:1px solid var(--md-outline-variant);font-size:13px;color:var(--md-on-surface-variant)}:where(:root[data-device=phone]) .stage-summary strong{color:var(--ink);font-size:14px}:where(:root[data-device=phone]) .stage-summary-v{margin-left:auto;color:var(--ink);font-weight:700;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:where(:root[data-device=phone]) .stage-summary-v span{font-weight:400;font-size:12px;color:var(--md-on-surface-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-card{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img main sum" "in in in";gap:10px 12px;padding:12px}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-img{grid-area:img;width:56px;height:56px}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-main{grid-area:main}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-sum{grid-area:sum;align-self:start}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-in{grid-area:in;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:8px}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-total span{font-size:22px}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-kit li{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-kit-name{grid-column:1/-1;white-space:normal}:where(:root[data-device=tablet],:root[data-device=phone]) .stock-kit-avail{grid-row:2;grid-column:2}:where(:root[data-device=tablet],:root[data-device=phone]) .sort-cards{display:block}:where(:root[data-device=tablet],:root[data-device=phone]) .rp-grid{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=tablet],:root[data-device=phone]) .rp-presets{margin-left:0}:where(:root[data-device=tablet],:root[data-device=phone]) .skel-trow{grid-template-columns:2fr 1fr 1fr}:where(:root[data-device=tablet],:root[data-device=phone]) .skel-trow>:nth-child(n+4){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .skel-line>:nth-child(n+4){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .cq-skel{padding:14px 16px 32px!important}:where(:root[data-device=tablet],:root[data-device=phone]) .lines-view{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:4px 0 12px;font-size:14px}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-add:where(:not([data-surface] *)){display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:var(--md-shape-full);background:var(--brand-tint);color:var(--md-primary);font-size:15px;font-weight:600;box-shadow:none}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-add:where(:not([data-surface] *)):hover{background:var(--brand-tint-hover)}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-add svg{width:18px;height:18px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.compact>tbody>tr.line:not(.section-row):not(.note-row){grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-right:8px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.compact>tbody>tr.line:not(.section-row):not(.note-row)>td.c-move{display:block;grid-column:2;grid-row:1}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.compact>tbody>tr.line:not(.section-row):not(.note-row)>td.c-compact{grid-column:1;margin-right:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.compact .move-col{align-items:center}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.compact .lc-chev{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-open{all:unset;box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;align-items:center;grid-gap:2px 12px;gap:2px 12px;width:100%;min-height:72px;padding:14px 12px 14px 14px;cursor:pointer;border-radius:16px;-webkit-tap-highlight-color:transparent}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-fig,:where(:root[data-device=tablet],:root[data-device=phone]) .lc-main{display:contents}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-thumb{grid-column:1;grid-row:1/4;align-self:start;width:44px;height:44px;border-radius:12px;background:var(--md-surface-low);color:var(--md-on-surface-variant);display:grid;place-items:center;overflow:hidden}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-thumb img{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-thumb svg{width:22px;height:22px}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-top{grid-column:2;grid-row:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:15px;white-space:nowrap;overflow:hidden}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-name{grid-column:2;grid-row:2;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-meta{grid-column:2/4;grid-row:3;min-width:0;font-size:13px;color:var(--md-on-surface-variant);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-short{color:var(--warn)}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-fig .money{grid-column:3;grid-row:1;justify-self:end;font-size:15px;font-weight:700}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-fig .tag{grid-column:3;grid-row:2;justify-self:end;height:24px;padding:0 9px;font-size:12px;font-weight:600}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-chev{grid-column:4;grid-row:1/4;display:grid;place-items:center;color:var(--md-on-surface-variant);transition:transform var(--dur-med-1) var(--ease-standard)}:where(:root[data-device=tablet],:root[data-device=phone]) .lc-chev svg{width:20px;height:20px}:where(:root[data-device=tablet],:root[data-device=phone]) tr.line.open .lc-chev{transform:rotate(180deg)}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines>tbody.line-group:not(.open)>tr:is(.kit-row,.kit-msg){display:none}:where(:root[data-device=phone]) .icon-btn{min-width:36px!important;min-height:36px!important}:where(:root[data-device=phone]) .seg button{padding-top:9px;padding-bottom:9px}:where(:root[data-device=phone]) .fold-head{min-height:36px}:where(:root[data-device=phone]) .wc button.wc-back{min-height:36px}:where(:root[data-device=phone]) table.orders .order-status select{min-height:40px}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders>tbody>tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"order total" "quote quote" "pay pay" "status status"}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders .c-order{grid-area:order}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders .c-total{grid-area:total}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders .c-quote{grid-area:quote}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders .c-pay{grid-area:pay}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders .c-status{grid-area:status;justify-self:stretch;text-align:left;border-top:1px solid var(--line);padding-top:10px}:where(:root[data-device=tablet],:root[data-device=phone]) .order-approve{justify-items:start}:where(:root[data-device=tablet],:root[data-device=phone]) .order-approve-btns{justify-content:flex-start}:where(:root[data-device=tablet],:root[data-device=phone]) .help{grid-template-columns:minmax(0,1fr);gap:16px}:where(:root[data-device=tablet],:root[data-device=phone]) .help-side{position:static}:where(:root[data-device=tablet],:root[data-device=phone]) .help-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px 2px}:where(:root[data-device=tablet],:root[data-device=phone]) .help-cats::-webkit-scrollbar{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .help-cats button{flex:0 0 auto;background:var(--card);border:1px solid var(--line);white-space:nowrap}:where(:root[data-device=tablet],:root[data-device=phone]) .help-cats button.on{border-color:var(--brand)}:where(:root[data-device=tablet],:root[data-device=phone]) .help-body{padding:16px}:where(:root[data-device=tablet],:root[data-device=phone]) .help-pager{flex-direction:column}:where(:root[data-device=tablet],:root[data-device=phone]) .help-pager button{max-width:none}:where(:root[data-device=tablet],:root[data-device=phone]) .help-kbd{display:none}:where(:root[data-device=phone]) .seg.acct-filters[role=group]{display:flex;width:100%}:where(:root[data-device=phone]) .seg.acct-filters[role=group]>:is(button,a){flex:1 1;justify-content:center;min-width:0;padding:4px 8px;white-space:normal;text-align:center}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards.acct-order-list>tbody>tr.order-row{grid-template-columns:minmax(0,1fr) auto 32px;grid-template-areas:"order total toggle" "date date date" "status status status" "pay pay pay" "po po po"}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-order{grid-area:order}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-total{grid-area:total}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-date{grid-area:date}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-status{grid-area:status}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-pay{grid-area:pay}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-po{grid-area:po}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .acct-none,:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list :is(.c-pay,.c-po):has(>.acct-none:only-child){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-order-list .c-po[data-po]:before{content:"PO "}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards.acct-product-list>tbody>tr.order-row{grid-template-columns:auto auto minmax(0,1fr) auto 32px;grid-template-areas:"order order order total toggle" "orders qty date date date"}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-order{grid-area:order}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-total{grid-area:total}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-num[data-label=Orders]{grid-area:orders}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-num[data-label=Qty]{grid-area:qty}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-date{grid-area:date}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .c-num{text-align:left;font-size:13px;color:var(--md-on-surface-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-product-list .acct-unit{display:inline}:where(:root[data-device=tablet],:root[data-device=phone]) .acct-detail{padding:12px}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-figs:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr)}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-th:where(:not([data-surface] *)){display:none}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-tr:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"order owing" "match match" "bank in" "acts acts";gap:8px 12px;padding:14px 16px}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-table.ticks .rec-tr:where(:not([data-surface] *)){grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:"tick order owing" "tick match match" "tick bank in" "tick acts acts"}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-tick:where(:not([data-surface] *)){grid-area:tick;align-self:start}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-order:where(:not([data-surface] *)){grid-area:order}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-tr [data-label=Owing]:where(:not([data-surface] *)){grid-area:owing}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-match:where(:not([data-surface] *)){grid-area:match;justify-items:start}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-checks:where(:not([data-surface] *)){justify-content:flex-start}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-bank:where(:not([data-surface] *)){grid-area:bank}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-in:where(:not([data-surface] *)){grid-area:in}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-acts:where(:not([data-surface] *)){grid-area:acts;justify-content:flex-start}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-foot:where(:not([data-surface] *)),:where(:root[data-device=tablet],:root[data-device=phone]) .rec-tools:where(:not([data-surface] *)){padding-left:16px;padding-right:16px}:where(:root[data-device=tablet],:root[data-device=phone]) .rec-tools-end:where(:not([data-surface] *)){margin-left:0}:where(:root[data-device=tablet],:root[data-device=phone]) .case-tools:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(:root[data-device=tablet],:root[data-device=phone]) .case-tools .search-box{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) .case-tools select{width:100%}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards.case-list>tbody>tr.order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"case total" "cust cust" "kind kind" "status status"}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-case{grid-area:case}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-total{grid-area:total}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-cust{grid-area:cust}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-kind{grid-area:kind}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-status{grid-area:status}:where(:root[data-device=tablet],:root[data-device=phone]) .case-list .c-case .m3-title{font-size:17px;font-weight:700}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3{border-spacing:0;margin-top:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards>tbody>tr{gap:10px 16px;padding:16px;border-radius:var(--m3-r);border-color:var(--m3-outline);margin-bottom:12px}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards>tbody>tr>td{padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards td[data-label]:before{font-size:12px;font-weight:600;text-transform:none;letter-spacing:.2px;color:var(--m3-on-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) table.orders.m3 .c-status{border-top-color:var(--m3-outline);padding-top:12px}:where(:root[data-device=tablet],:root[data-device=phone]) .od{grid-template-columns:minmax(0,1fr);padding-left:16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>thead{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody.order-card{margin:0 0 12px}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row{grid-template-columns:minmax(0,1fr) auto 32px;grid-template-areas:"order total toggle" "quote quote quote" "status status status" "pay pay pay";gap:10px 12px;align-items:start;padding:16px;border:0;border-radius:0;margin:0;background:none;min-height:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row>td{padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row>td.c-toggle{grid-area:toggle;padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row>td.c-status{border:0;padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row>td[data-label]:before{display:none}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-row .c-order .m3-title{font-size:17px;font-weight:700}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody>tr.order-detail{border:0;margin:0;background:none;border-radius:0;padding:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards.orders>tbody>tr.order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"order total" "quote quote" "status status" "pay pay"}:where(:root[data-device=tablet],:root[data-device=phone]) .od{padding:12px}:where(:root[data-device=phone]) .od .od-table{display:none}:where(:root[data-device=phone]) .od-cards{display:grid;grid-gap:10px;gap:10px;margin:0;padding:0 12px 12px;list-style:none}:where(:root[data-device=phone]) .odc{background:var(--card);border:1px solid var(--md-outline-variant);border-radius:16px}:where(:root[data-device=phone]) .odc.short{box-shadow:inset 3px 0 var(--warn)}:where(:root[data-device=phone]) .odc.open .lc-chev{transform:rotate(180deg)}:where(:root[data-device=phone]) .odc-body{display:grid;grid-gap:14px;gap:14px;padding:14px;border-top:1px solid var(--md-outline-variant)}:where(:root[data-device=phone]) .odc-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}:where(:root[data-device=phone]) .odc-figs>span,:where(:root[data-device=phone]) .odc-from{display:grid;grid-gap:2px;gap:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:where(:root[data-device=phone]) .odc-figs strong{font-size:16px}:where(:root[data-device=phone]) .odc-l{font-size:14px;font-weight:600;color:var(--md-on-surface)}:where(:root[data-device=phone]) .odc-from{font-size:14px}:where(:root[data-device=phone]) .odc .od-short{margin:0;justify-self:start}:where(:root[data-device=phone]) .odc-foot{margin:0 -14px -6px;padding:6px 10px 0;border-top:1px solid var(--md-outline-variant)}:where(:root[data-device=phone]) .odc-foot .odc-stock:where(:not([data-surface] *)){height:36px;padding:0 4px;background:none;color:var(--md-primary);font-size:14px;font-weight:600}:where(:root[data-device=phone]) .btn-row.card-save,:where(:root[data-device=phone]) .card-save{width:100%;justify-content:center}:where(:root[data-device=phone]) .sheet-backdrop>:is(.modal,.pm):where(:not([data-surface] *)){border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0}:where(:root[data-device=tablet],:root[data-device=phone]) table.cards:where(:not([data-surface] *)) td[data-label]:before,:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards:where(:not([data-surface] *)) td[data-label]:before{font-size:12px;text-transform:none;letter-spacing:.1px;color:var(--md-on-surface-variant)}:where(:root[data-device=phone]) .od .od-table tr.short:where(:not([data-surface] *)){box-shadow:none}:where(:root[data-device=phone]) .ful-seg:where(:not([data-surface] *)){display:flex;width:100%}:where(:root[data-device=phone]) .ful-seg>button:where(:not([data-surface] *)){flex:1 1;min-width:0;padding:0 8px}:where(:root[data-device=phone]) .seg:not(.respond-modal .seg)>:is(button,a):where(:not([data-surface] *)){min-height:38px}:where(:root[data-device=tablet],:root[data-device=phone]) table.lines.cards>tbody>tr:where(:not([data-surface] *)){border-radius:var(--md-shape-md);border-color:var(--md-outline-variant)}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:not(.order-cards):where(:not([data-surface] *)){display:block;margin-top:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:not(.order-cards):where(:not([data-surface] *))>tbody>tr{margin:0 0 10px;border:1px solid var(--row-edge);border-radius:var(--md-shape-lg);background:var(--md-surface-lowest);box-shadow:var(--row-shadow)}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:not(.order-cards):where(:not([data-surface] *))>tbody>tr.clickable:active{background:linear-gradient(var(--row-press),var(--row-press)),var(--md-surface-lowest)}:where(:root[data-device=tablet],:root[data-device=phone]) .card table.list.m3.cards:not(.order-cards):where(:not([data-surface] *))>tbody>tr{margin:0;border:0;border-bottom:1px solid var(--md-outline-variant);border-radius:0;background:transparent;box-shadow:none}:where(:root[data-device=tablet],:root[data-device=phone]) .card table.list.m3.cards:not(.order-cards):where(:not([data-surface] *))>tbody:last-child>tr:last-child{border-bottom:0}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards>tbody.order-card:where(:not([data-surface] *)){margin:0 0 10px}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:is(.credit-list,.pay-list):where(:not([data-surface] *))>tbody>tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px 16px;gap:10px 16px}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:is(.credit-list,.pay-list):where(:not([data-surface] *))>tbody>tr>td:first-child{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:is(.credit-list,.pay-list):where(:not([data-surface] *))>tbody>tr>td.r{text-align:left}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:is(.credit-list,.pay-list):where(:not([data-surface] *))>tbody>tr>td:not([data-label]):last-child:not(:first-child){grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.m3.cards:is(.credit-list,.pay-list):where(:not([data-surface] *))>tbody>tr>td.list-empty{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) .rp-tiles.four{grid-template-columns:repeat(2,minmax(0,1fr))}:where(:root[data-device=phone]) .qe-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:2px 8px;gap:2px 8px;margin-bottom:12px}:where(:root[data-device=phone]) .qe-title{grid-column:1;grid-row:1;gap:6px 8px}:where(:root[data-device=phone]) :is(.qe-title,.case-head) h1:where(:not([data-surface] *)){font-size:20px}:where(:root[data-device=phone]) .qe-sub{display:block;grid-column:1/-1;grid-row:2;font-size:14px;color:var(--md-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:root[data-device=phone]) .qe-facts{grid-column:1/-1;grid-row:3}:where(:root[data-device=phone]) .qe-facts .owner-pick select:where(:not([data-surface] *)),:where(:root[data-device=phone]) .qe-meta{font-size:13px}:where(:root[data-device=phone]) .qe-bar .erp-status{grid-column:2;grid-row:1}:where(:root[data-device=phone]) .qe-bar .erp-dot:not(.off),:where(:root[data-device=phone]) .qe-bar .erp-status>.qe-meta{display:none}:where(:root[data-device=phone]) .qe .qe-head .cust-card:where(:not([data-surface] *)){gap:12px;padding:16px}:where(:root[data-device=phone]) .qe .qe-head .cc-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:12px;font-size:15px}:where(:root[data-device=phone]) .qe .qe-head .cc-main{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 56px)}:where(:root[data-device=phone]) .qe .cc-contact>.cc-mail{flex-basis:100%}:where(:root[data-device=phone]) .qe .cc-contact>.cc-sep{display:none}:where(:root[data-device=phone]) .qe .cc-actions{justify-content:flex-start}:where(:root[data-device=phone]) .qh-row-2,:where(:root[data-device=phone]) .qh-row-dates,:where(:root[data-device=phone]) .qh-sum{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .qh-what,:where(:root[data-device=phone]) .qh-where{padding:16px}:where(:root[data-device=phone]) .qh-where{border-left:0;border-top:1px solid var(--md-outline-variant)}:where(:root[data-device=phone]) .qh-settings{padding:14px 16px 16px}:where(:root[data-device=phone]) .qh-form{padding:16px}:where(:root[data-device=phone]) .qh-switches{padding:0 14px}:where(:root[data-device=phone]) .qh-valid{display:grid}:where(:root[data-device=phone]) .qh-seg:where(:not([data-surface] *)){display:flex}:where(:root[data-device=phone]) .qh-seg:not(.respond-modal .seg)>button:where(:not([data-surface] *)){flex:1 1;min-width:0;justify-content:center;padding:0 6px}:where(:root[data-device=phone]) .qe .qh-seg.seg>button.on:before{display:none}:where(:root[data-device=phone]) .qh-until{justify-self:start}:where(:root[data-device=phone]) .qe .drops{grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .qe .drop-form-wrap{padding:14px}:where(:root[data-device=tablet],:root[data-device=phone]) .job-tools:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}:where(:root[data-device=tablet],:root[data-device=phone]) .job-tools .search-box{grid-column:1/-1}:where(:root[data-device=tablet],:root[data-device=phone]) .job-tools select{width:100%}:where(:root[data-device=tablet],:root[data-device=phone]) table.list.order-cards.job-list>tbody>tr.order-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"case status" "cust cust" "kind kind" "who who"}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-case{grid-area:case}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-status{grid-area:status}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-cust{grid-area:cust}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-kind{grid-area:kind}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-who{grid-area:who}:where(:root[data-device=tablet],:root[data-device=phone]) .job-list .c-case .m3-title{font-size:17px;font-weight:700}:where(:root[data-device=tablet],:root[data-device=phone]) .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(:root[data-device=tablet],:root[data-device=phone]) .kpi-card{grid-column:span min(var(--kpi-span,1),2)}:where(:root[data-device=tablet],:root[data-device=phone]) .ov-grid:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .ov-contents .ov-table{display:none}:where(:root[data-device=phone]) .ov-title h1:where(:not([data-surface] *)){font-size:20px;line-height:28px}:where(:root[data-device=phone]) .ov-head-main:where(:not([data-surface] *)){width:100%}:where(:root[data-device=phone]) .ov-track-pill:where(:not([data-surface] *)){gap:10px;padding:4px 14px 4px 6px}:where(:root[data-device=phone]) .ov-step+.ov-step:before{width:8px}:where(:root[data-device=phone]) .ov-dot:where(:not([data-surface] *)){width:24px;height:24px}:where(:root[data-device=phone]) .ov-track-now:where(:not([data-surface] *)){font-size:14px}:where(:root[data-device=phone]) .ov-progress-acts:where(:not([data-surface] *)){width:100%;justify-content:flex-start}:where(:root[data-device=phone]) .ov-tosort:where(:not([data-surface] *)){flex-basis:100%}:where(:root[data-device=phone]) .ov-primary:where(:not([data-surface] *)){flex:1 1 auto;justify-content:center}:where(:root[data-device=phone]) .ov-need:where(:not([data-surface] *)){text-align:left}:where(:root[data-device=phone]) .ov-blockers:where(:not([data-surface] *)){padding:4px 16px}:where(:root[data-device=phone]) .ov-blocker:where(:not([data-surface] *)){grid-template-columns:24px minmax(0,1fr)}:where(:root[data-device=phone]) .ov-b-fix:where(:not([data-surface] *)){grid-column:2;justify-content:flex-start}:where(:root[data-device=phone]) .modal.ov-dialog:where(:not([data-surface] *)){padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:var(--md-shape-xl) var(--md-shape-xl) 0 0}:where(:root[data-device=phone]) .ov-field-label:where(:not([data-surface] *)),:where(:root[data-device=phone]) .ov-field-row>span:first-child{min-width:100%}:where(:root[data-device=tablet],:root[data-device=phone]) .od.case-page.case-grid:where(:not([data-surface] *)){grid-template-columns:minmax(0,1fr)}:where(:root[data-device=phone]) .gl-backdrop{padding:0}:where(:root[data-device=phone]) .gl{width:100%;height:100dvh;border-radius:0}:where(:root[data-device=phone]) .gl-foot,:where(:root[data-device=phone]) .gl-top{border-radius:0}:where(:root[data-device=phone]) .gl-top{padding:max(12px,env(safe-area-inset-top)) 16px 10px}:where(:root[data-device=phone]) button.gl-step{min-height:44px}:where(:root[data-device=phone]) .gl-step:not(.on) .gl-step-t{display:none}:where(:root[data-device=phone]) .gl-body{padding:20px 16px 8px}:where(:root[data-device=phone]) .gl-foot{padding:10px 16px max(10px,env(safe-area-inset-bottom))}:where(:root[data-device=phone]) button.gl-next{min-width:0}:where(:root[data-device=phone]) .gl-out{position:static;transform:none;align-self:center;margin:-2px 0 10px;color:var(--muted)}