: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)}