@import url('/payment-status.css?v=20261006-payment-colors-1');
@import url("/order-documents.css?v=20260926-document-deletion-1");
.wi-workspace,.wi-dialog,.wi-public{color:#183f32;font-family:Arial,sans-serif}.wi-workspace h2,.wi-dialog h2{margin:5px 0}.wi-toolbar,.wi-actions,.wi-filters,.wi-line-tools{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.wi-toolbar{justify-content:space-between;margin:16px 0}.wi-toolbar nav{display:flex;gap:5px;flex-wrap:wrap}.wi-workspace button,.wi-dialog button,.wi-public button,.wi-public .wi-button{font:inherit;cursor:pointer;border:1px solid #bdd7cb;border-radius:8px;background:white;color:#155a44;padding:10px 14px;width:auto}.wi-workspace button:hover,.wi-dialog button:hover,.wi-public button:hover{background:#edf7f2}.wi-workspace button:disabled,.wi-dialog button:disabled{opacity:.55;cursor:wait}.wi-primary,.wi-toolbar [aria-pressed=true]{background:#0d6650!important;color:white!important;border-color:#0d6650!important}.wi-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wi-metrics>div{display:grid;gap:12px;border:1px solid #cddfd6;background:#f5faf7;border-radius:9px;padding:16px}.wi-metrics strong{font-size:24px}.wi-muted,.wi-eyebrow, .wi-workspace small{font-size:12px;color:#526f63}.wi-eyebrow{text-transform:uppercase;font-weight:bold}.wi-filters{margin:20px 0}.wi-workspace label,.wi-dialog label,.wi-public label{display:grid;gap:6px;font-size:13px;font-weight:bold}.wi-workspace input,.wi-workspace select,.wi-dialog input,.wi-dialog select,.wi-dialog textarea,.wi-public input,.wi-public select{font:inherit;box-sizing:border-box;border:1px solid #bcd5ca;background:white;border-radius:7px;padding:10px;color:#173e31;min-width:0;width:100%;max-width:100%}.wi-table-scroll{overflow-x:auto;width:100%}.wi-library,.wi-document table{border-collapse:collapse;width:100%;font-size:14px}.wi-library{min-width:650px}.wi-library th,.wi-library td,.wi-document th,.wi-document td{padding:13px 12px;border-bottom:1px solid #d9e6df;text-align:left}.wi-library th,.wi-document th{font-size:12px;color:#4a665a;background:#f4f9f6}.wi-library button{border:0;padding:0;font-weight:bold;background:none;white-space:nowrap}.wi-library small{display:block;margin-top:5px}.wi-status{display:inline-block;padding:5px 8px;background:#eef5ef;border-radius:6px;font-size:12px;white-space:nowrap}.wi-dialog{border:1px solid #bdd5c9;border-radius:16px;width:min(900px,calc(100vw - 24px));padding:0;max-height:94dvh;box-sizing:border-box;background:white}.wi-dialog::backdrop{background:#153f3280;backdrop-filter:blur(3px)}.wi-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f0f8f3;position:sticky;top:0;z-index:1;border-bottom:1px solid #d9e6df}.wi-dialog-body{padding:24px}.wi-form{display:grid;gap:18px}.wi-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wi-line{display:grid;grid-template-columns:minmax(150px,1fr) 85px 115px 42px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #d9e6df}.wi-line button{padding:10px}.wi-checkbox{display:flex!important;align-items:center}.wi-checkbox input{width:auto}.wi-document{background:white;padding:24px;border:1px solid #d7e4dc;border-radius:10px}.wi-document header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:2px solid #19674c}.wi-document-state{display:grid;gap:6px;text-align:right;font-size:13px}.wi-addresses,.wi-remit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.wi-addresses strong,.wi-addresses small,.wi-remit-grid small,.wi-remit-grid strong{display:block}.wi-document p,.wi-addresses p{white-space:pre-line;line-height:1.6}.wi-totals{margin-left:auto;width:min(100%,320px)}.wi-totals>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.wi-totals>div:last-child{border-top:1px solid #bdd5c9;font-weight:bold;font-size:18px}.wi-totals dd{margin:0}.wi-qr-record{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #d7e4dc}.wi-qr-record canvas,.wi-qr-record img{display:block;flex:0 0 96px;width:96px;height:96px;max-width:none;aspect-ratio:1;object-fit:contain}.wi-qr-record a{overflow-wrap:anywhere;font-size:11px;color:#186247}.wi-qr-record p{font-size:13px}.wi-cutline{border-top:2px dashed #79948a;padding-top:10px;font-size:11px}.wi-remittance{break-inside:avoid;margin-top:25px}.wi-document footer{font-size:11px;color:#526f63;text-align:center;margin-top:24px}.wi-detail-actions{margin-bottom:15px}.wi-payment-history>div{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #d7e4dc;padding:12px 0;font-size:13px}.wi-history{display:grid;gap:8px;margin:15px 0}.wi-public{background:#f5f8f5;margin:0}.wi-public>header,.wi-public>main{max-width:960px;margin:auto;padding:20px}.wi-public>header{display:flex;justify-content:space-between;align-items:center}.wi-public>header a{color:#155a44;text-decoration:none;font-weight:bold}.wi-public>header img{width:40px;vertical-align:middle}.wi-public .wi-buyer-actions{padding:20px;background:#eef7f1;border:1px solid #c6dccf;border-radius:12px;margin:20px 0;display:grid;gap:14px}.wi-public .wi-buyer-actions form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.wi-public [role=alert],.wi-dialog [data-status]{color:#82530b}.wi-public .wi-pay-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}#wi-print{display:none}@media(max-width:600px){.wi-metrics{grid-template-columns:1fr 1fr}.wi-metrics strong{font-size:21px}.wi-dialog-body{padding:14px}.wi-fields{grid-template-columns:1fr}.wi-line{grid-template-columns:1fr 80px 42px}.wi-line>label:first-child{grid-column:1/-1}.wi-document{padding:14px}.wi-document header,.wi-qr-record{flex-wrap:wrap}.wi-addresses,.wi-remit-grid{gap:12px}.wi-public>main{padding:10px}.wi-dialog>header{padding:15px}}@media print{@page{size:letter;margin:12mm}body.wi-printing>*{display:none!important}body.wi-printing>#wi-print{display:block!important}#wi-print .wi-document{border:0;border-radius:0;padding:0;font:11px Arial,sans-serif;color:#111}#wi-print table{font-size:11px}#wi-print th,#wi-print td{padding:7px}#wi-print .wi-table-scroll{overflow:visible}#wi-print tr{break-inside:avoid}#wi-print thead{display:table-header-group}#wi-print .wi-document header{position:static}#wi-print .wi-totals,#wi-print .wi-qr-record{break-inside:avoid}#wi-print a{color:#111}#wi-print .wi-qr-record canvas,#wi-print .wi-qr-record img{flex:0 0 96px;width:96px;height:96px}#wi-print .wi-remittance{font-size:11px}}
.wi-workspace,.wi-workspace>.bp-card,.wi-workspace [data-wholesale-content]{min-width:0;max-width:100%;box-sizing:border-box}.wi-workspace .bp-card-head{min-width:0}.wi-workspace .bp-card-head p{white-space:normal}.wi-workspace .wi-table-scroll{min-width:0;max-width:100%}

.wi-workspace .wi-button{display:inline-block;text-decoration:none;font:inherit;border:1px solid #bdd7cb;border-radius:8px;background:white;color:#155a44;padding:10px 14px}.wi-import-form{min-width:0}.wi-import-form p{margin:0;line-height:1.5}.wi-import-form .wi-library{min-width:0;table-layout:fixed}.wi-import-form .wi-library th:first-child{width:55px}.wi-import-form .wi-library td{overflow-wrap:anywhere}.wi-import-form .wi-table-scroll{max-height:360px;overflow:auto}.wi-import-form a{color:#155a44}

.wi-account-summary{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:16px 0}.wi-account-summary label{margin-left:auto}.wi-account-form fieldset{border:1px solid #d9e6df;border-radius:10px;padding:16px;min-width:0}.wi-account-form legend{font-weight:bold;padding:0 6px}.wi-account-form details{margin-top:12px}.wi-account-form summary,.wi-account-section>summary{cursor:pointer;font-weight:bold;padding:8px 0}.wi-account-section{border-top:1px solid #d9e6df;margin-top:22px;padding-top:12px}.wi-account-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wi-account-facts dt{color:#526f63;font-size:12px}.wi-account-facts dd{margin:5px 0 0;white-space:pre-line;overflow-wrap:anywhere}.wi-account-chart>div{display:grid;grid-template-columns:85px 1fr 100px;gap:12px;align-items:center;padding:8px 0;font-size:13px}.wi-account-chart meter{width:100%;height:18px}.wi-account-chart strong{text-align:right}.wi-account-notice{padding:12px;border-radius:8px;background:#fff7e3}.wi-service-entry{padding:12px 0;border-bottom:1px solid #d9e6df}.wi-preline{white-space:pre-line;overflow-wrap:anywhere}.wi-import-form dd{margin:0 0 10px;white-space:pre-line}.wi-import-form dt{font-weight:bold;font-size:12px}.wi-import-form details{margin-top:8px}@media(max-width:600px){.wi-account-facts{grid-template-columns:1fr}.wi-account-chart>div{grid-template-columns:65px 1fr 85px;gap:7px}.wi-account-summary{gap:12px}.wi-account-summary label{margin-left:0}.wi-dialog .wi-metrics{grid-template-columns:1fr 1fr}.wi-dialog .wi-metrics>div{padding:10px;min-width:0}.wi-dialog .wi-metrics strong{font-size:20px;overflow-wrap:anywhere}}

/* Document actions share the visual language of hosted-event contracts. */
.wi-workspace .wi-open-invoice strong{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}
.wi-workspace .wi-document-action{display:grid;justify-items:center;align-content:center;gap:5px;min-height:88px;min-width:88px;padding:10px;border:1px solid #a9cabc;border-radius:10px;background:#f5faf7;white-space:normal;text-align:center}
.wi-workspace .wi-document-action strong{font-size:13px;line-height:1.2;overflow-wrap:anywhere}.wi-workspace .wi-document-action small{display:block;font-size:11px;line-height:1.3;margin:0;font-weight:normal}
.wi-workspace .wi-create-invoice{grid-template-columns:32px 1fr;align-items:center;gap:14px;min-width:205px;min-height:88px;padding:14px 20px;text-align:left;justify-items:start}.wi-workspace .wi-create-invoice strong{font-size:16px}.wi-workspace .wi-create-invoice small{color:#e1f0e8;margin-top:5px}
.wi-document-paper{position:relative;display:block;width:26px;height:32px;box-sizing:border-box;border:1px solid #9cbaae;border-radius:2px;background:linear-gradient(#13725a,#13725a) 6px 7px/8px 3px no-repeat,linear-gradient(#bed6cb,#bed6cb) 6px 15px/14px 1px no-repeat,linear-gradient(#bed6cb,#bed6cb) 6px 20px/14px 1px no-repeat,linear-gradient(#bed6cb,#bed6cb) 6px 25px/10px 1px no-repeat,#fff;box-shadow:3px 3px 0 #dceae3}.wi-document-paper i{position:absolute;right:-8px;bottom:-4px;background:#f2cb66;border:1px solid #d3a82f;border-radius:50%;font:700 15px/17px Arial;color:#4a3810;width:18px;height:18px;text-align:center}
.wi-workspace .wi-invoice-library .wi-invoice-document-cell{width:110px}.wi-workspace .wi-invoice-library .wi-open-invoice{width:100%;min-width:88px;max-width:125px;min-height:96px}.wi-workspace .wi-document-action:focus-visible{outline:3px solid #319879;outline-offset:3px}.wi-workspace .wi-document-action:hover{box-shadow:0 2px 8px #17473320}
@media(max-width:600px){.wi-workspace .wi-toolbar{align-items:stretch;gap:14px}.wi-workspace .wi-toolbar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.wi-workspace .wi-toolbar nav button{padding:10px 6px;min-height:44px;font-size:13px}.wi-workspace .wi-toolbar>.wi-actions{width:100%;display:flex;align-items:stretch}.wi-workspace .wi-create-invoice{flex:1;min-width:0;min-height:90px}.wi-workspace .wi-toolbar [data-refresh]{min-width:44px;min-height:44px;align-self:center}.wi-workspace .wi-filters{display:grid;grid-template-columns:minmax(0,1fr) 125px;align-items:end}.wi-workspace .wi-filters label{min-width:0}.wi-workspace .wi-invoice-table-wrap{overflow:visible}.wi-workspace .wi-invoice-library{display:block;min-width:0;width:100%}.wi-workspace .wi-invoice-library thead{display:none}.wi-workspace .wi-invoice-library tbody{display:grid;gap:12px}.wi-workspace .wi-invoice-library tbody tr{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 10px;padding:12px;border:1px solid #cddfd6;border-radius:12px}.wi-workspace .wi-invoice-library td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere;font-size:13px}.wi-workspace .wi-invoice-library .wi-invoice-document-cell{grid-row:1/4;grid-column:1;width:auto;align-self:center}.wi-workspace .wi-invoice-library .wi-invoice-customer{grid-column:2/4;font-weight:bold}.wi-workspace .wi-invoice-library td[data-label]::before{content:attr(data-label);display:block;color:#526f63;font-size:11px;font-weight:normal;margin-bottom:5px}.wi-workspace .wi-invoice-library td[colspan]{grid-column:1/-1;padding:12px}.wi-workspace .wi-invoice-library .wi-status{white-space:normal}.wi-workspace .wi-invoice-library .wi-open-invoice{min-height:112px;min-width:0}.wi-workspace .wi-invoice-library .wi-document-action strong{font-size:12px}}
/* The invoice workspace follows the My Business collapsing left rail. */
.wi-workspace .wi-layout{display:grid;align-items:start;gap:14px;grid-template-columns:84px minmax(0,1fr);margin:-20px 0 -28px -34px;width:calc(100% + 34px);min-height:calc(100dvh - 72px);position:relative;transition:grid-template-columns 220ms cubic-bezier(.2,.8,.2,1)}
.wi-workspace .wi-layout:has(.wi-drawer:is(:hover, [data-rail-click-open])),.wi-workspace .wi-layout:has(.wi-drawer:focus-visible),.wi-workspace .wi-layout:has(.wi-drawer :focus-visible),.wi-workspace .wi-layout.is-pinned{grid-template-columns:clamp(370px,30vw,450px) minmax(0,1fr)}
.wi-workspace .wi-main{grid-column:2;grid-row:1;min-width:0;margin-top:20px;max-width:100%;box-sizing:border-box}.wi-workspace .wi-toolbar{justify-content:flex-end;margin-top:0}
.wi-workspace .wi-drawer{display:grid;align-content:start;gap:10px;position:sticky;top:74px;grid-column:1;grid-row:1;height:calc(100dvh - 74px);box-sizing:border-box;margin-top:2px;padding:10px 6px;background:#f5f8f5;border-right:1px solid #d7e4dc;box-shadow:8px 0 22px #06130f0a;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-width:thin;z-index:22}
.wi-workspace .wi-drawer svg{display:block;width:22px;height:22px;fill:none;stroke:#096c55;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wi-workspace .wi-drawer>[data-tab]{display:grid;align-items:center;justify-items:center;justify-self:center;grid-template-columns:1fr;position:relative;gap:0;height:62px;min-height:62px;width:62px;min-width:0;overflow:hidden;padding:0;border:1px solid #d7e4dc;border-radius:9px;background:#fffefa;color:#073b30;text-align:left;transition:background 140ms ease,grid-template-columns 180ms ease,padding 180ms ease,gap 180ms ease}
.wi-workspace .wi-drawer-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.wi-workspace .wi-drawer-label{position:absolute;max-width:0;opacity:0;overflow:hidden;visibility:hidden;transform:translateX(-8px);transition:opacity 120ms ease,transform 180ms ease}
.wi-workspace .wi-drawer-label strong{display:block;font-size:13px}.wi-workspace .wi-drawer-label small{display:block;font-size:11px;line-height:1.2;color:#526f63;margin-top:3px}
.wi-workspace .wi-drawer>[data-tab]::after{content:attr(data-short-label);position:absolute;bottom:7px;left:3px;right:3px;font-size:8px;font-weight:bold;text-align:center;line-height:1;color:#315348}
.wi-workspace .wi-drawer>[data-tab][aria-pressed=true]{background:#eaf7f1;border-color:#79bca6;box-shadow:0 4px 12px #065c4510}
.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned)>[data-tab]{grid-template-columns:42px minmax(0,1fr);gap:12px;justify-items:stretch;justify-self:start;min-height:64px;height:auto;width:100%;padding:10px}
.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned) .wi-drawer-label{position:static;max-width:100%;opacity:1;visibility:visible;overflow:visible;transform:none}
.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned)>[data-tab]::after{display:none}
.wi-workspace .wi-drawer-tools{display:none;position:absolute;right:3px;top:10px;z-index:2}.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned) .wi-drawer-tools{display:flex}
.wi-workspace .wi-drawer-tools button{display:grid;place-items:center;width:28px;height:28px;min-width:0;padding:0;background:transparent;border:0}.wi-workspace .wi-drawer-tools svg{width:15px;height:15px}.wi-workspace .wi-drawer-tools [aria-pressed=true] svg{transform:rotate(-28deg)}
.wi-workspace .wi-drawer:focus-visible,.wi-workspace .wi-drawer button:focus-visible{outline:2px solid #187b61;outline-offset:-2px}
@media(max-width:980px) and (min-width:761px){.wi-workspace .wi-layout{grid-template-columns:76px minmax(0,1fr)}.wi-workspace .wi-layout:has(.wi-drawer:is(:hover, [data-rail-click-open])),.wi-workspace .wi-layout:has(.wi-drawer:focus-visible),.wi-workspace .wi-layout:has(.wi-drawer :focus-visible),.wi-workspace .wi-layout.is-pinned{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px),(hover:none) and (pointer:coarse){.wi-workspace .wi-layout,.wi-workspace .wi-layout.is-pinned{display:block;width:100%;min-height:0;margin:0}.wi-workspace .wi-main{margin-top:0}.wi-workspace .wi-drawer{position:static;display:grid;align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;height:auto;padding:0;margin:0 0 10px;border:0;background:transparent;box-shadow:none;overflow:visible;scrollbar-gutter:auto}.wi-workspace .wi-drawer>[data-tab],.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned)>[data-tab]{grid-template-columns:1fr;gap:5px;justify-items:center;justify-self:stretch;min-height:72px;height:auto;width:100%;padding:7px 5px;text-align:center}.wi-workspace .wi-drawer-label,.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned) .wi-drawer-label{position:static;max-width:100%;opacity:1;visibility:visible;overflow:visible;transform:none}.wi-workspace .wi-drawer-label strong{font-size:11px;line-height:1.2}.wi-workspace .wi-drawer-label small,.wi-workspace .wi-drawer>[data-tab]::after,.wi-workspace .wi-drawer .wi-drawer-tools,.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned) .wi-drawer-tools{display:none}.wi-workspace .wi-drawer svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.wi-workspace .wi-layout,.wi-workspace .wi-drawer>[data-tab],.wi-workspace .wi-drawer-label{transition:none}}

/* Compact invoice actions and drill-down metrics. */
.wi-workspace .wi-summary-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:760px;margin-bottom:18px}
.wi-workspace .wi-summary-tile{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-width:0;min-height:80px;width:100%;padding:12px;border:1px solid #cddfd6;border-radius:10px;background:#f5faf7;text-align:left}
.wi-workspace .wi-summary-tile[data-metric]{background:#fff;box-shadow:0 2px 4px rgba(24,63,50,.05),0 5px 12px rgba(24,63,50,.08)}
.wi-workspace .wi-summary-tile[data-metric]:hover{background:#fff;box-shadow:0 3px 6px rgba(24,63,50,.07),0 7px 16px rgba(24,63,50,.11)}
.wi-workspace .wi-summary-tile>span{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;font-size:12px;line-height:1.2;min-width:0}
.wi-workspace .wi-summary-tile i{font-size:12px;font-style:normal;color:#52786a}.wi-workspace .wi-summary-tile>strong{font-size:22px;line-height:1.2;max-width:100%;white-space:nowrap}
.wi-workspace .wi-summary-create{align-items:center;background:rgba(18,147,106,.08);border:1.5px solid #168267;color:#125740;text-align:center}.wi-workspace .wi-summary-create>span{justify-content:center;font-weight:bold}.wi-workspace .wi-summary-create:hover{background:rgba(18,147,106,.15);border-color:#0d6650}.wi-workspace .wi-summary-create:disabled{cursor:not-allowed}
.wi-summary-create svg{width:29px;height:32px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wi-workspace .wi-summary-tile:focus-visible,.wi-metric-list button:focus-visible{outline:3px solid #319879;outline-offset:2px}
.wi-workspace .wi-invoice-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,160px) 40px;gap:10px;align-items:end;margin:0 0 18px;max-width:760px}.wi-workspace .wi-invoice-filters [data-refresh]{width:40px;height:40px;padding:0}
.wi-metric-overview{display:grid;gap:8px;padding:18px;border:1px solid #cddfd6;border-radius:10px;background:#f5faf7}.wi-metric-overview>strong{font-size:30px;overflow-wrap:anywhere}.wi-metric-overview>small,.wi-metric-overview>span{font-size:12px;color:#526f63}
.wi-balance-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.wi-balance-breakdown>div{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid #d9e6df;border-radius:9px;min-width:0}.wi-balance-breakdown strong{overflow-wrap:anywhere}.wi-balance-breakdown small{color:#526f63}
.wi-metric-list{display:grid;gap:8px}.wi-dialog .wi-metric-list button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:14px;text-align:left;min-width:0}.wi-metric-list button>span{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.wi-metric-list button>span:last-child{text-align:right;flex-shrink:0;max-width:48%}.wi-metric-list small{font-size:11px;color:#526f63}.wi-dialog>.wi-dialog-body>.wi-muted{line-height:1.5}
@media(max-width:600px){.wi-workspace .wi-summary-rail{gap:5px;margin-bottom:16px}.wi-workspace .wi-summary-tile{padding:8px 5px;gap:6px;min-height:76px}.wi-workspace .wi-summary-tile>span{font-size:10px;min-height:24px;overflow-wrap:anywhere}.wi-workspace .wi-summary-tile i{display:none}.wi-workspace .wi-summary-tile>strong{font-size:clamp(12px,3.5vw,20px)}.wi-workspace .wi-summary-create>span{max-width:65px}.wi-workspace .wi-invoice-filters{grid-template-columns:minmax(0,1fr) 88px 36px;gap:6px}.wi-workspace .wi-invoice-filters [data-refresh]{width:36px;height:40px}.wi-workspace .wi-invoice-filters select{padding-left:7px;padding-right:4px}.wi-workspace .wi-invoice-filters input{padding-left:8px}}
@media(max-width:360px){.wi-workspace .wi-summary-tile>span{font-size:9px}}

/* Customer actions use the same compact cards as the invoice overview. */
.wi-workspace .wi-customer-action{align-items:center;background:#fff;box-shadow:0 2px 4px rgba(24,63,50,.05),0 5px 12px rgba(24,63,50,.08);text-align:center;text-decoration:none;color:#155a44;font:inherit;box-sizing:border-box}
.wi-workspace .wi-customer-action:hover{background:#fff;box-shadow:0 3px 6px rgba(24,63,50,.07),0 7px 16px rgba(24,63,50,.11)}
.wi-workspace .wi-customer-action>span{justify-content:center;max-width:120px}
.wi-customer-action svg{width:29px;height:32px;flex-shrink:0;fill:none;stroke:#14765a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.wi-workspace .wi-customer-actions .wi-summary-tile{gap:5px;padding:8px 4px}.wi-workspace .wi-customer-actions .wi-summary-tile>span{min-height:36px}}

/* Private B2B profile and connection workspace. */
.business-portal-mode [data-business-view="profile"] [data-business-settings-panel="b2b"]{display:none}.business-portal-mode [data-business-view="profile"] [data-business-settings-panel="b2b"].is-active{display:block}
.b2b-workspace{max-width:100%;min-width:0}.b2b-workspace p{line-height:1.5}.b2b-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.b2b-heading h3{margin:0}.b2b-heading p{margin:6px 0}.b2b-heading small{display:block;margin-top:6px}
.b2b-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.b2b-tabs button{min-height:44px}.b2b-tabs [aria-pressed=true]{background:#eaf7f1!important;border-color:#168267!important;color:#125740!important}
.b2b-workspace textarea{font:inherit;box-sizing:border-box;border:1px solid #bcd5ca;background:#fff;border-radius:7px;padding:10px;color:#173e31;min-width:0;width:100%;max-width:100%}.b2b-profile-form details>summary{cursor:pointer;padding:8px 0;font-weight:bold}
.b2b-connections{display:grid;gap:12px}.b2b-connection{padding:16px;border:1px solid #cddfd6;border-radius:12px;min-width:0;background:#fff}.b2b-connection strong,.b2b-connection dd{overflow-wrap:anywhere}.b2b-connection [role=status]:empty{display:none}.b2b-connection .wi-form{margin-top:16px}.b2b-connection [data-review-body]>p{line-height:1.5}
.b2b-qr{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.b2b-qr>div{flex:1;min-width:180px}.b2b-qr .wi-actions{margin-top:12px}.b2b-qr small{display:block;margin-top:8px}.b2b-qr canvas{width:180px;height:180px;max-width:100%}
.wi-workspace .wi-b2b-shortcut button{background:#fff;border:1px solid #cddfd6;box-shadow:0 2px 6px #183f3212;min-height:44px}.wi-b2b-shortcut{margin:0 0 18px}
.wi-customer-picker-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.wi-customer-picker-tools>label{flex:1 1 260px;min-width:0}.wi-customer-view{display:flex;gap:6px}.wi-dialog .wi-customer-view button{display:inline-flex;align-items:center;gap:7px;min-height:42px}.wi-customer-view svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.wi-dialog .wi-customer-view [aria-pressed=true]{background:#eaf7f1;border-color:#188268;box-shadow:inset 0 0 0 1px #188268}
.wi-customer-choices{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;max-height:45vh;overflow:auto;scrollbar-gutter:stable;margin:16px 0;padding:2px}.wi-dialog .wi-customer-choices button{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:18px;width:100%;min-width:0;text-align:left;min-height:88px;padding:14px;overflow-wrap:anywhere;white-space:normal}.wi-customer-choices small{display:block;margin-top:4px;font-size:12px;font-weight:normal;color:#526f63;line-height:1.4}.wi-customer-identity{display:flex;align-items:center;gap:12px;min-width:0}.wi-customer-name{min-width:0;line-height:1.4}.wi-customer-logo{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border:1px solid #d5e5dc;border-radius:10px;background:#edf7f2;color:#17624b;font-size:18px;font-weight:bold}.wi-customer-logo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:white}.wi-customer-contact{display:grid;gap:5px;min-width:0;text-align:right;font-size:13px;line-height:1.4}.wi-customer-contact strong{font-weight:normal}.wi-customer-contact small{margin:0}.wi-customer-choices[data-view=cards]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wi-dialog .wi-customer-choices[data-view=cards] button{min-height:144px;gap:12px;box-shadow:0 3px 10px #174c3010;border-radius:12px}.wi-customer-choices>p{grid-column:1/-1}.wi-dialog .wi-customer-choices button:focus-visible,.wi-dialog .wi-customer-view button:focus-visible{outline:2px solid #188268;outline-offset:2px}
@media(max-width:600px){.wi-customer-choices[data-view=cards]{grid-template-columns:minmax(0,1fr)}.wi-dialog .wi-customer-choices button{gap:10px;padding:12px 10px;font-size:14px}.wi-customer-identity{gap:8px}.wi-customer-logo{flex-basis:36px;width:36px;height:36px;font-size:14px}.wi-customer-contact{font-size:12px}}
.wi-public #b2b-root{max-width:900px}.wi-public #b2b-root a{color:#155a44}.wi-public [data-connect-body]{margin-top:20px}.wi-public [data-consent]{margin-top:20px}.wi-checkbox{gap:8px;align-items:start!important}.wi-checkbox input{flex:0 0 auto;margin-top:2px}
@media(max-width:760px){.business-portal-mode:not(.organization-portal-mode) .bp-business-settings-apps{grid-template-columns:repeat(6,minmax(0,1fr))}.b2b-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.b2b-tabs button{min-width:0;padding:8px 4px;font-size:12px}.b2b-connection{padding:12px}.b2b-heading .wi-actions{width:100%}.wi-dialog .wi-account-facts{grid-template-columns:1fr}.b2b-qr{gap:12px}.wi-public .wi-document{padding:14px}}
.wi-invoice-type { display: grid; gap: 4px; font-size: 11px; color: #3e665a; }
.wi-invoice-type select { width: min(240px, 100%); min-height: 38px; background: white; color: #145840; border: 1px solid #9fcabd; border-radius: 8px; padding: 6px 10px; font: inherit; font-size: 14px; }
.wi-product-picker { padding: 12px; border: 1px solid #c9ded5; border-radius: 10px; background: #f6faf8; margin-bottom: 14px; }
.wi-product-picker .wi-actions { margin-top: 12px; flex-wrap: wrap; }
.wi-invoice-types { border: 1px solid #c9ded5; border-radius: 8px; padding: 10px; display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }
.wi-invoice-types label { display: flex !important; align-items: center; gap: 6px; font-size: 12px; }
.wi-invoice-types input[type=checkbox] { width: 16px; height: 16px; min-height: 0; margin: 0; }
.bp-catalog-invoice-types { padding: 14px; border: 1px solid #c9ded5; border-radius: 10px; }
.bp-catalog-invoice-types p { font-size: 12px; color: #526b60; }
.wi-product-editor-dialog { padding: 0; border: 0; background: transparent; position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; }
.wi-product-editor-dialog::backdrop { background: rgb(14 45 34 / 25%); }
.wi-product-editor-dialog [data-product-drawer-overlay] { height: 100%; }
.wi-product-editor-dialog [data-catalog-variations] { scroll-margin-top: 16px; }
.wi-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:132px;align-content:start;gap:10px;height:282px;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:4px;margin:14px 0;min-width:0}
.wi-dialog .wi-product-tile{display:grid;grid-template-rows:56px minmax(0,1fr) 14px;gap:5px;align-items:center;min-width:0;width:100%;height:132px;box-sizing:border-box;padding:8px;border:1px solid #c7ddd2;border-radius:9px;background:white;box-shadow:0 2px 5px #164a3510;text-align:center}
.wi-dialog .wi-product-tile[aria-pressed=true]{border:2px solid #138162;background:#eaf7f1;box-shadow:0 0 0 1px #13816220}
.wi-product-grid:focus-visible,.wi-dialog .wi-product-tile:focus-visible{outline:2px solid #138162;outline-offset:2px}
.wi-product-photo{position:relative;display:grid;place-items:center;width:100%;height:56px;overflow:hidden;border-radius:5px;background:#f2f7f4;color:#558171;font-size:20px;font-weight:bold}
.wi-product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white}
.wi-product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:15px;font-weight:bold}
.wi-product-tile small{font-size:11px;line-height:14px;color:#526f63}
.wi-product-selection{align-items:center}.wi-product-selection>div{display:grid;gap:6px;min-width:0}.wi-product-selection strong{font-size:13px;overflow-wrap:anywhere}.wi-product-selection small{font-size:11px;color:#526f63}
.wi-product-empty{grid-column:1/-1;align-self:center;text-align:center;color:#526f63;font-size:13px}
@media(max-width:600px){.wi-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bp-catalog-variations .bp-catalog-variation-list{display:grid;gap:12px;min-width:0}
.bp-catalog-variations .bp-catalog-variation-card{display:grid;gap:12px;min-width:0;padding:14px;background:#fff;border:1px solid #ccdfd4;border-radius:10px;box-shadow:0 2px 6px #184d3510}
.bp-catalog-variations .bp-catalog-variation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#48685a}
.bp-catalog-variations .bp-catalog-variation-heading button{display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:18px;flex-shrink:0}
.bp-catalog-variations .bp-catalog-variation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.bp-catalog-variations .bp-catalog-variation-fields label{display:grid;gap:6px;font-size:12px;font-weight:600;min-width:0}
.bp-catalog-variations .bp-catalog-variation-fields input,.bp-catalog-variations .bp-catalog-variation-fields select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:40px;padding:8px 10px;font:inherit;font-size:13px;border:1px solid #bdd5c9;border-radius:7px;background:white;color:#183f32}
.bp-catalog-variations [data-variation-invoice-types]{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:10px 0 0;border:0;border-top:1px solid #e0ebe5;min-width:0}
.bp-catalog-variations [data-variation-invoice-types] legend{padding:0 8px 0 0;font-size:12px;font-weight:600;color:#48685a}
.bp-catalog-variations [data-variation-invoice-types] label{display:flex!important;align-items:center;gap:7px;min-height:36px;box-sizing:border-box;padding:6px 10px;border:1px solid #d2e1d9;border-radius:7px;background:#f8fbf9;font-size:12px;font-weight:500;white-space:nowrap}
.bp-catalog-variations [data-variation-invoice-types] label:has(input:checked){background:#eaf7f1;border-color:#7ebfa9;color:#125f47}
.bp-catalog-variations [data-variation-invoice-types] input[type=checkbox]{appearance:auto;flex:0 0 16px;box-sizing:border-box;width:16px;height:16px;min-height:0;padding:0;margin:0;accent-color:#137b5c}
@media(max-width:380px){.bp-catalog-variations .bp-catalog-variation-card{padding:10px}.bp-catalog-variations .bp-catalog-variation-fields{gap:10px}}
.wi-product-grid{height:auto;max-height:282px}
.wi-product-selection{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,190px) auto;gap:12px;align-items:end}
.wi-product-selection>.wi-actions{display:flex;flex-wrap:nowrap;margin:0;align-items:center;gap:8px}
.wi-product-selection>.wi-actions button{white-space:nowrap;padding:10px}
.wi-dialog .wi-unique-item{display:flex;align-items:center;gap:10px;justify-self:start;border:1px dashed #76ab97;background:#f5fbf8;padding:8px 14px;min-height:44px}
.wi-unique-item>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #a7cdbd;border-radius:5px;font-size:22px;color:#157254;background:white}
.wi-adjustment-toggles{display:flex;flex-wrap:wrap;gap:8px}
.wi-dialog .wi-adjustment-toggles button{display:flex;align-items:center;gap:14px;padding:8px 12px;font-size:13px;background:#f7faf8}
.wi-dialog .wi-adjustment-toggles button[aria-pressed=true]{background:#e7f6ee;border-color:#67ad91}
.wi-adjustment-toggles [data-toggle-state]{font-size:11px;color:#587569;border-radius:20px;background:#e7eee9;padding:3px 8px}
.wi-adjustment-toggles [aria-pressed=true] [data-toggle-state]{background:#146e53;color:white}
.wi-adjustment-fields:has(>label:not([hidden])){margin-top:0}
.wi-adjustment-fields:not(:has(>label:not([hidden]))){display:none}
.wi-adjustment-fields>label[hidden]{display:none!important}
.wi-unique-choice{border:1px solid #c8ded2;border-radius:9px;padding:12px;display:grid;gap:12px;min-width:0}
.wi-unique-choice label{display:flex!important;align-items:center;gap:8px;font-weight:normal}
.wi-unique-choice input[type=radio]{width:16px;height:16px;flex:0 0 16px;margin:0;accent-color:#137457}
@media(max-width:700px){.wi-product-selection{grid-template-columns:1fr 1fr}.wi-product-selection>.wi-actions{grid-column:1/-1;justify-content:flex-start}}
@media print{html:has(body.wi-printing),body.wi-printing{height:auto!important;min-height:0!important;overflow:visible!important;background:white!important;margin:0!important;padding:0!important;display:block!important}body.wi-printing #wi-print,body.wi-printing #wi-print *{visibility:visible!important}body.wi-printing #wi-print{position:static!important;width:100%!important;max-width:none!important;overflow:visible!important}}
.wi-document header>div:first-child>small{display:block;margin-top:4px}

.wi-document .wi-seller-logo{display:block;max-width:160px;width:auto;height:64px;object-fit:contain;object-position:left center;margin:0 0 12px}
.wi-saved-defaults{border:1px solid #d4e4db;border-radius:8px;padding:12px 14px;background:#f8fbf9;font-size:13px}
.wi-saved-defaults summary{cursor:pointer;color:#205b49;font-weight:600}
.wi-saved-defaults dl{display:grid;gap:12px;margin:14px 0}
.wi-saved-defaults dt{color:#547267;font-size:12px;margin-bottom:3px}
.wi-saved-defaults dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.wi-saved-defaults small{color:#547267}
.wi-form [data-buyer-email]:empty{display:none}
.wi-dialog .wi-checkbox{display:flex;align-items:center;gap:10px;font-weight:normal}
.wi-dialog .wi-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:0;min-height:0;accent-color:#137b5c}
.wi-document-state{align-content:start}.wi-document-state .wi-status{justify-self:end}@media print{.wi-document .wi-seller-logo{height:48px;margin-bottom:8px}.wi-document header{padding-bottom:12px}.wi-addresses,.wi-remit-grid{margin:14px 0}.wi-document footer{margin-top:12px}}
/* Paper invoice follows the established branded wholesale invoice format. */
.wi-invoice-sheet{color:#17231e}
.wi-invoice-sheet .wi-invoice-heading{align-items:flex-start;border-bottom:0;padding-bottom:8px;gap:22px}
.wi-invoice-sheet .wi-seller-brand{display:flex;align-items:flex-start;gap:18px;flex:1;min-width:0}
.wi-invoice-sheet .wi-seller-logo{width:96px;height:110px;max-width:96px;flex:0 0 96px;object-fit:contain;margin:0}
.wi-invoice-sheet .wi-seller-contact{min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.45}
.wi-invoice-sheet .wi-seller-contact>strong{display:block;font-size:20px;line-height:1.2;margin-bottom:6px}
.wi-invoice-sheet .wi-seller-contact p{margin:0;line-height:1.45}
.wi-invoice-sheet .wi-seller-contact>span{display:block}
.wi-invoice-sheet .wi-document-state{display:block;flex:0 0 220px;text-align:right}
.wi-invoice-sheet .wi-document-state h2{font-size:30px;line-height:1.1;text-transform:uppercase;font-style:italic;margin:0 0 18px}
.wi-invoice-sheet .wi-document-state dl{display:grid;gap:5px;margin:0 0 10px}
.wi-invoice-sheet .wi-document-state dl>div,.wi-invoice-sheet .wi-order-facts>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}
.wi-invoice-sheet .wi-document-state dt,.wi-invoice-sheet .wi-order-facts dt{color:#57645d}
.wi-invoice-sheet dd{margin:0}
.wi-invoice-sheet .wi-addresses{grid-template-columns:1fr 1fr 1fr;gap:24px;margin:20px 0 24px;font-size:13px;line-height:1.45}
.wi-invoice-sheet .wi-addresses>div{min-width:0;overflow-wrap:anywhere}
.wi-invoice-sheet .wi-addresses small{text-transform:uppercase;color:#17231e;font-size:13px;font-weight:bold;margin-bottom:6px}
.wi-invoice-sheet .wi-addresses p{margin:4px 0 0;line-height:1.45}
.wi-invoice-sheet .wi-addresses span{display:block}
.wi-invoice-sheet .wi-order-facts{margin:0;display:grid;align-content:start;gap:8px}
.wi-invoice-sheet .wi-order-facts dd{text-align:right;white-space:pre-line;overflow-wrap:anywhere}
.wi-invoice-sheet .wi-item-table{table-layout:fixed;border:1.5px solid #343e38;width:100%;font-size:13px}
.wi-invoice-sheet .wi-col-sku{width:16%}.wi-invoice-sheet .wi-col-qty{width:9%}.wi-invoice-sheet .wi-col-description{width:49%}.wi-invoice-sheet .wi-col-rate{width:12%}.wi-invoice-sheet .wi-col-amount{width:14%}
.wi-invoice-sheet .wi-item-table th{border:1px solid #343e38;background:white;color:#17231e;text-transform:uppercase;font-size:12px;font-weight:600}
.wi-invoice-sheet .wi-item-table td{border:0;border-left:1px solid #8b938e;vertical-align:top;overflow-wrap:anywhere}
.wi-invoice-sheet .wi-item-table th,.wi-invoice-sheet .wi-item-table td{padding:7px 8px;text-align:left}
.wi-invoice-sheet .wi-item-table td:nth-child(2),.wi-invoice-sheet .wi-item-table th:nth-child(2){text-align:center}
.wi-invoice-sheet .wi-item-table td:nth-child(n+4),.wi-invoice-sheet .wi-item-table th:nth-child(n+4){text-align:right;white-space:nowrap}
.wi-invoice-sheet .wi-item-table .wi-item-space td{padding:0;height:calc(var(--wi-space-rows)*22px)}
.wi-invoice-sheet .wi-invoice-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,42%);gap:24px;margin-top:14px;align-items:start}
.wi-invoice-sheet .wi-invoice-notes{padding-top:8px;white-space:pre-line;overflow-wrap:anywhere;font-size:13px}
.wi-invoice-sheet .wi-invoice-notes>small,.wi-invoice-sheet .wi-invoice-notes>strong{display:block;margin-bottom:6px}
.wi-invoice-sheet .wi-totals{width:100%;margin:0;font-size:13px}
.wi-invoice-sheet .wi-totals>div:last-child{border-top:1.5px solid #343e38;font-size:20px;margin-top:6px;padding-top:10px}
.wi-invoice-sheet .wi-remittance{margin-top:20px;font-size:12px}
.wi-invoice-sheet .wi-cutline{color:#56645c;border-color:#909a94;padding-top:6px}
.wi-invoice-sheet .wi-remit-grid{margin:10px 0 0;gap:24px;grid-template-columns:1fr 1fr}
.wi-invoice-sheet .wi-remit-grid p{margin:4px 0;line-height:1.4}
.wi-invoice-sheet .wi-remit-balance strong{display:inline}
.wi-invoice-sheet .wi-check-fields{font-size:11px}
.wi-invoice-sheet footer{font-size:10px;margin-top:14px}
@media screen and (max-width:600px){
 .wi-invoice-sheet .wi-invoice-heading{display:block}
 .wi-invoice-sheet .wi-seller-logo{width:65px;height:80px;max-width:65px;flex-basis:65px}
 .wi-invoice-sheet .wi-seller-contact>strong{font-size:17px}
 .wi-invoice-sheet .wi-document-state{margin-top:18px;text-align:left}
 .wi-invoice-sheet .wi-document-state h2{font-size:24px;margin-bottom:12px}
 .wi-invoice-sheet .wi-document-state dd{text-align:right}
 .wi-invoice-sheet .wi-addresses{grid-template-columns:1fr 1fr;gap:16px}
 .wi-invoice-sheet .wi-order-facts{grid-column:1/-1;border-top:1px solid #d7e4dc;padding-top:10px}
 .wi-invoice-sheet .wi-item-table{min-width:570px}
 .wi-invoice-sheet .wi-invoice-bottom{grid-template-columns:1fr;gap:8px}
 .wi-invoice-sheet .wi-item-space{display:none}
 .wi-invoice-sheet .wi-remit-grid{grid-template-columns:1fr;gap:12px}
}
@media print{
 @page{size:letter;margin:10mm}
 #wi-print .wi-invoice-sheet{font:10pt Arial,sans-serif;color:#111}
 #wi-print .wi-invoice-heading{display:flex;break-inside:avoid;margin:0;padding-bottom:6px}
 #wi-print .wi-seller-logo{width:90px;height:100px;max-width:90px;flex-basis:90px;margin:0}
 #wi-print .wi-seller-contact{font-size:10pt;line-height:1.35}
 #wi-print .wi-seller-contact>strong{font-size:16pt}
 #wi-print .wi-document-state{flex-basis:210px;font-size:10pt}
 #wi-print .wi-document-state h2{font-size:25pt;margin-bottom:14px}
 #wi-print .wi-status{padding:0;background:transparent;font-size:9pt}
 #wi-print .wi-addresses{grid-template-columns:1fr 1fr 1fr;font-size:10pt;margin:16px 0 20px;break-inside:avoid}
 #wi-print .wi-addresses small{font-size:10pt}
 #wi-print .wi-item-table{font-size:10pt;min-width:0}
 #wi-print .wi-item-table th{font-size:9pt}
 #wi-print .wi-item-table td,#wi-print .wi-item-table th{padding:4px 7px}
 #wi-print .wi-item-table .wi-item-space td{padding:0;height:calc(var(--wi-space-rows)*22px)}
 #wi-print .wi-invoice-bottom{grid-template-columns:minmax(0,1fr) minmax(240px,42%);break-inside:avoid;margin-top:10px}
 #wi-print .wi-totals,#wi-print .wi-invoice-notes{font-size:10pt}
 #wi-print .wi-totals>div{padding:5px 0}
 #wi-print .wi-totals>div:last-child{font-size:15pt;padding-top:8px}
 #wi-print .wi-account-record{display:none}
 #wi-print .wi-remittance{font-size:9pt;margin-top:18px}
 #wi-print .wi-remit-grid{grid-template-columns:1fr 1fr}
 #wi-print .wi-remit-grid p{line-height:1.35}
 #wi-print .wi-qr-record{padding:10px 0;margin-top:10px}
 #wi-print .wi-qr-record p{margin:5px 0;line-height:1.35}
 #wi-print footer{font-size:8pt;margin-top:12px}
}

.wi-qr-record>div{min-width:0;flex:1 1 180px}

.wi-remit-scan canvas,.wi-remit-scan img{display:block;width:96px;height:96px;max-width:none;aspect-ratio:1;object-fit:contain}
.wi-invoice-sheet .wi-remit-grid:has(.wi-remit-scan){grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);gap:16px}
.wi-remit-scan small{margin-top:4px;font-size:9px;line-height:1.35;color:#526f63}
@media screen and (max-width:600px){.wi-invoice-sheet .wi-remit-grid:has(.wi-remit-scan){grid-template-columns:96px minmax(0,1fr)}.wi-invoice-sheet .wi-remit-grid:has(.wi-remit-scan)>div:last-child{grid-column:1/-1}}
@media print{#wi-print .wi-invoice-sheet .wi-remit-grid:has(.wi-remit-scan){grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);gap:16px}}

/* Draft line amounts and in-place Customer Library editing. */
.wi-customer-select{display:flex;align-items:end;gap:8px;min-width:0}
.wi-customer-select>label{flex:1;min-width:0}
.wi-customer-select>[data-edit-customer]{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:10px}
.wi-customer-select svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-line{grid-template-columns:minmax(150px,1fr) 85px 115px minmax(95px,auto) 42px}
.wi-line-total{display:grid;gap:6px;font-size:13px;font-weight:bold;min-width:0}
.wi-line-total output{display:flex;align-items:center;justify-content:flex-end;min-height:42px;box-sizing:border-box;padding:10px 8px;background:#f0f8f3;border-radius:7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:600px){.wi-line{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.1fr) 36px;gap:7px}.wi-line>label:first-child{grid-column:1/-1}.wi-line>button{padding:10px 6px}.wi-line-total output{padding:10px 4px}.wi-line>label,.wi-line-total{font-size:12px}}

.wi-remit-scan a{display:block;margin-top:5px;font-size:10px;font-weight:bold;line-height:1.35;color:#155a44;text-decoration:none}
.wi-invoice-access{margin-top:20px;border-top:1px solid #d7e4dc;padding-top:12px;break-inside:avoid}
.wi-invoice-access .wi-remit-scan{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 14px;max-width:400px}
.wi-invoice-access canvas,.wi-invoice-access img{grid-row:1/3}
.wi-seller-access{background:#f0f8f3;border:1px solid #c6dccf;border-radius:10px;padding:14px;margin:16px 0;display:grid;gap:8px}
.wi-seller-access a{color:#155a44;font-weight:bold}
.wi-seller-access p{margin:0;font-size:13px;line-height:1.5}
.wi-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.wi-contact-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #c5ded3;border-radius:10px;padding:12px;box-shadow:0 3px 10px #183f3210}
.wi-dialog .wi-contact-open{display:grid;justify-items:center;gap:6px;background:transparent;border:0;padding:5px;min-width:0;width:100%;text-align:center}
.wi-dialog .wi-contact-open:disabled{opacity:1;cursor:default}
.wi-contact-open svg,.wi-contact-add svg{width:30px;height:32px;fill:none;stroke:#14765a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wi-contact-open strong,.wi-contact-lines{overflow-wrap:anywhere}
.wi-contact-lines{display:grid;gap:5px;font-size:12px;line-height:1.5;margin:10px 0;flex:1}
.wi-dialog .wi-contact-download{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}
.wi-contact-download svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.wi-dialog .wi-contact-add{position:relative;display:grid;justify-items:center;align-content:center;gap:7px;border:1px solid #14765a;background:#eaf7f180;min-height:130px;padding:14px;border-radius:10px}
.wi-contact-plus{position:absolute;top:calc(50% - 27px);left:calc(50% + 3px);width:18px;height:18px;line-height:18px;border-radius:50%;background:#ffe39a;border:1px solid #d49b20;color:#73510b;font-weight:bold}
.wi-dialog .wi-team-add{display:flex;min-height:55px;align-items:center;gap:10px;margin-bottom:8px}
[data-sales-assignment] .wi-fields{margin-top:10px}
[data-sales-assignment] [readonly]{background:#f1f7f4}
@media(max-width:420px){.wi-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wi-contact-card{padding:9px}.wi-contact-lines{font-size:11px}.wi-contact-open strong{font-size:13px}.wi-dialog .wi-contact-download{padding:9px 3px;font-size:11px}}
/* Sales territory workspace and interactive customer locations. */
.wi-workspace .wi-customer-actions{grid-template-columns:repeat(5,minmax(0,1fr));max-width:950px}
.wi-territory-heading p{margin:8px 0 18px;color:#526f63;font-size:14px;line-height:1.5}
.wi-map-filters{min-width:0;border:1px solid #cddfd6;border-radius:10px;padding:14px;margin:18px 0;background:#f7faf8}
.wi-map-filters legend{font-weight:bold;padding:0 6px}
.wi-map-filters [data-map-reps]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.wi-workspace .wi-map-filters label{display:flex;align-items:center;gap:9px;margin:8px 0;font-weight:normal}
.wi-workspace .wi-map-filters input[type=checkbox]{width:18px;height:18px;margin:0;flex:none;accent-color:#14765a}
.wi-workspace .wi-map-rep{background:white;border:1px solid #cddfd6;border-radius:9px;padding:10px 12px;min-height:42px;box-shadow:0 3px 8px #183f3210;cursor:pointer}
.wi-map-rep small,.wi-map-account-list small{display:block;margin-top:4px}
.wi-map-dot{display:inline-block;flex:none;width:13px;height:13px;border-radius:50%;background:var(--rep-color);border:2px solid white;box-shadow:0 0 0 1px #cad8d0}
.wi-territory-map{isolation:isolate;z-index:0;position:relative;width:100%;height:440px;border:1px solid #c5ded3;border-radius:12px;background:#e7eee9;margin-bottom:10px;box-sizing:border-box}
.wi-territory-map .leaflet-control-zoom a{color:#155a44}.wi-territory-map .leaflet-control-attribution{font-size:10px}
.wi-map-popup{font:13px/1.4 Arial,sans-serif;max-width:240px}.wi-map-popup p{margin:8px 0}.wi-map-popup small{display:block;overflow-wrap:anywhere}
.wi-map-account-list{max-height:360px;overflow:auto;overscroll-behavior:contain;display:grid;gap:8px}
.wi-workspace .wi-map-account-list button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;background:white;min-width:0}
.wi-map-account-list button>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.wi-map-account-list button>span:last-child{max-width:36%;font-size:12px}
.wi-team-directory{border-top:1px solid #d9e6df;margin-top:24px;padding-top:14px}
.wi-workspace .wi-contact-open{display:grid;justify-items:center;gap:6px;background:transparent;border:0;padding:5px;min-width:0;width:100%;text-align:center}
.wi-workspace .wi-contact-add{display:grid;justify-items:center;align-content:center;gap:7px;border:1px solid #14765a;background:#eaf7f180;min-height:88px;padding:14px;border-radius:10px}
@media(max-width:760px),(hover:none) and (pointer:coarse){.wi-workspace .wi-drawer{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.wi-workspace .wi-customer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.wi-territory-map{height:350px}.wi-map-filters{padding:10px}.wi-workspace .wi-map-rep{flex:1 1 120px;padding:9px}.wi-map-account-list button{flex-wrap:wrap}.wi-map-account-list button>span:last-child{max-width:100%;width:100%;padding-left:29px}}
/* Primary contact with a compact secondary-contact grid. */
.wi-contact-layout{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1.55fr);gap:14px;margin:12px 0;align-items:start}
.wi-contact-featured,.wi-contact-secondary-grid{min-width:0}.wi-contact-featured>.wi-contact-card{min-height:220px;box-sizing:border-box}
.wi-contact-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.wi-contact-primary{border-color:#75b49e;position:relative;padding-top:14px}
.wi-contact-badge{align-self:flex-end;border-radius:20px;padding:4px 10px;background:#dff3e9;color:#0d664d;font-size:11px;font-weight:bold;margin-bottom:4px}
.wi-contact-secondary-grid .wi-contact-card{padding:9px;gap:4px}
.wi-contact-secondary-grid .wi-contact-open svg{width:24px;height:26px}.wi-contact-secondary-grid .wi-contact-open strong{font-size:13px}.wi-contact-secondary-grid .wi-contact-open small{font-size:11px}
.wi-contact-secondary-grid .wi-contact-lines{font-size:11px;margin:5px 0;gap:3px}
.wi-dialog .wi-contact-secondary-grid .wi-contact-download,.wi-dialog .wi-contact-promote{font-size:11px;padding:8px 4px;min-height:34px}
.wi-dialog .wi-contact-promote{background:#edf8f2;border-color:#8bbda9;font-weight:bold}
.wi-dialog .wi-contact-secondary-grid .wi-contact-add{min-height:140px;padding:10px;font-size:12px}
.wi-contact-note{font-size:12px;line-height:1.5;color:#526f63;margin:12px 0 0}
[data-sales-assignment]{display:grid;gap:16px;padding:4px 0}
[data-sales-assignment] .wi-fields{margin:0;gap:16px}
[data-sales-assignment] [data-assignment-note]{margin:0;line-height:1.5}
[data-sales-assignment] .wi-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;max-width:460px}
.wi-dialog [data-sales-assignment] .wi-actions button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;margin:0;padding:12px;font-size:13px}
@media(max-width:760px){.wi-contact-layout{grid-template-columns:1fr}.wi-contact-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wi-contact-featured>.wi-contact-card{min-height:0}}
@media(max-width:480px){.wi-contact-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}[data-sales-assignment] .wi-actions{max-width:none;gap:10px}.wi-dialog [data-sales-assignment] .wi-actions button{flex-direction:column;gap:6px;min-height:78px;padding:10px}}
[data-sales-assignment] .wi-actions svg{width:30px;height:32px;flex:none;fill:none;stroke:#14765a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* Animate inner pin artwork so Leaflet retains its positioning transform. */
.wi-territory-marker{background:none;border:0;outline-offset:4px}
.wi-territory-pin-drop,.wi-territory-pin-glyph{display:block;width:36px;height:36px;transform-origin:50% 100%;pointer-events:none}
.wi-territory-pin-drop{color:var(--pin-color);animation:wi-pin-drop 540ms cubic-bezier(.22,.8,.35,1) var(--pin-delay,0ms) both}
.wi-territory-pin-glyph svg{display:block;width:36px;height:36px;overflow:visible;fill:currentColor;stroke:#fff;stroke-width:.45;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #143f3255)}
.wi-territory-marker.is-selected .wi-territory-pin-glyph svg{filter:drop-shadow(0 3px 4px #143f3280);stroke-width:.65}
.wi-territory-pin-glyph.is-bouncing{animation:wi-pin-bounce 550ms ease-out}
@keyframes wi-pin-drop{0%{opacity:0;transform:translateY(-48px) scale(.92)}65%{opacity:1;transform:translateY(0) scale(1.04,.95)}82%{transform:translateY(-5px) scale(.99,1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes wi-pin-bounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-9px)}65%{transform:translateY(0)}82%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.wi-territory-pin-drop,.wi-territory-pin-glyph.is-bouncing{animation:none}}
/* Saved and not-yet-created salesperson profiles share one compact directory. */
.wi-sales-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),280px));gap:14px;margin:16px 0;align-items:stretch}
.wi-sales-directory-card{gap:10px;padding:14px}
.wi-sales-profile-tag{align-self:flex-start;font-size:11px;line-height:1.3;font-weight:bold;padding:4px 9px;border-radius:20px;background:#e6f3ec;color:#205b43}
.wi-sales-profile-tag.needs-profile{background:#fff3d6;color:#79540f}
.wi-sales-card-heading{display:grid;justify-items:center;gap:6px;text-align:center;overflow-wrap:anywhere}
.wi-sales-card-heading svg{width:30px;height:32px;fill:none;stroke:#14765a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wi-sales-directory-card .wi-contact-lines{margin:2px 0;line-height:1.5;min-height:66px}
.wi-sales-card-actions{display:grid;gap:7px}
.wi-workspace .wi-sales-card-actions button,.wi-dialog .wi-sales-card-actions button{width:100%;min-height:38px;padding:8px 10px;font-size:12px}
.wi-sales-card-actions button:first-child{background:#eef8f3;border-color:#8bbda9;font-weight:bold}
.wi-sales-profile-note{margin:12px 0;line-height:1.5}
/* Separate map coverage and salesperson profile navigation. */
@media(max-width:760px),(hover:none) and (pointer:coarse){.wi-workspace .wi-drawer{grid-template-columns:repeat(5,minmax(0,1fr))}.wi-workspace .wi-drawer [data-tab=salespeople] .wi-drawer-label strong{font-size:0}.wi-workspace .wi-drawer [data-tab=salespeople] .wi-drawer-label strong::after{content:'Sales reps';font-size:11px}}

/* Shared flavor and size editor, with channel-specific availability. */
.bp-options-editor{min-width:0;border:1px solid #ccdfd4;border-radius:10px;padding:14px;background:#f8fbf9;display:grid;gap:12px}
.bp-options-editor>header{display:grid;gap:6px}.bp-options-editor>header small{color:#526f63}
.bp-options-tabs{display:flex;gap:8px}.bp-options-tabs button[aria-pressed=true]{background:#116650;color:white;border-color:#116650}
.bp-options-editor [hidden],.wi-product-selection [hidden]{display:none!important}
.bp-options-editor .bp-catalog-simple-options,.bp-options-editor .bp-catalog-variations{padding:0;border:0;background:transparent;min-width:0}
.bp-options-editor fieldset,.bp-options-editor [data-options-panel]{min-width:0;max-width:100%;box-sizing:border-box}
.bp-options-editor .bp-catalog-variation-list{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,100%);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:12px;margin-bottom:10px;align-items:start}
.bp-options-editor .bp-catalog-variation-card{scroll-snap-align:start;box-sizing:border-box}
.bp-options-editor .bp-variation-pos{display:flex!important;align-items:center;gap:8px;font-size:12px}
.bp-options-editor .bp-variation-pos input{appearance:auto;width:16px;height:16px;min-height:0;padding:0;margin:0;flex:0 0 16px;accent-color:#137b5c}
.wi-product-selection.has-flavors{grid-template-columns:minmax(0,1fr) minmax(120px,160px) minmax(110px,150px) auto}
@media(max-width:850px){.wi-product-selection.has-flavors{grid-template-columns:repeat(2,minmax(0,1fr))}.wi-product-selection.has-flavors>.wi-actions{grid-column:1/-1}}

/* Product photos follow the primary and secondary contact-card layout. */
.bp-catalog-photos{background:#fff;container-type:inline-size}
.bp-catalog-photos .bp-photo-card-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;align-items:start}
.bp-catalog-photos .bp-photo-card{display:grid;justify-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #bddbd0;border-radius:10px;background:#fff;box-shadow:0 3px 9px #164e3810;box-sizing:border-box}
.bp-catalog-photos .bp-photo-primary{border-color:#75b49e}
.bp-catalog-photos .bp-photo-badge{justify-self:end;padding:4px 10px;border-radius:20px;background:#dff3e9;color:#0d664d;font-size:11px;font-weight:700}
.bp-catalog-photos .bp-photo-card img{display:block;width:100%;height:140px;object-fit:contain;border:0;border-radius:6px;background:#fff}
.bp-catalog-photos .bp-photo-card>strong{font-size:13px;color:#155a44}
.bp-catalog-photos .bp-photo-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;width:auto;align-items:start}
.bp-catalog-photos .bp-photo-secondary{padding:9px;gap:8px}.bp-catalog-photos .bp-photo-secondary img{height:78px}
.bp-catalog-photos .bp-photo-actions{display:grid;gap:6px;width:100%;min-width:0}
.bp-catalog-photos .bp-photo-card-layout button{font:inherit;font-size:11px;line-height:1.3;font-weight:500;width:100%;min-width:0;min-height:34px;padding:8px 5px;border:1px solid #bdd7cb;border-radius:7px;background:#fff;color:#155a44;cursor:pointer;box-sizing:border-box}
.bp-catalog-photos .bp-photo-card-layout button:hover{background:#edf7f2}.bp-catalog-photos .bp-photo-card-layout button:focus-visible{outline:2px solid #137b5c;outline-offset:2px}
.bp-catalog-photos .bp-photo-card-layout .bp-photo-promote{background:#edf8f2;border-color:#8bbda9;font-weight:600}
.bp-catalog-photos .bp-photo-card-layout .bp-photo-add{display:grid;justify-items:center;align-content:center;gap:7px;min-height:140px;padding:12px 7px;border:1px solid #14765a;border-radius:10px;background:#f3faf6}
.bp-catalog-photos .bp-photo-add svg{width:32px;height:32px;fill:none;stroke:#087657;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.bp-catalog-photos .bp-photo-add .bp-photo-plus{fill:#fff1c4;stroke:#d49a16}
.bp-catalog-photos .bp-photo-add strong{font-size:12px}.bp-catalog-photos .bp-photo-add small{font-size:10px;font-weight:400;text-align:center}
.bp-catalog-photos .bp-photo-card-layout:not(:has(.bp-photo-primary)){grid-template-columns:1fr}.bp-catalog-photos .bp-photo-card-layout:not(:has(.bp-photo-primary)) .bp-photo-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bp-catalog-photos [data-catalog-photo-upload][hidden]{display:none!important}.bp-catalog-photos [data-catalog-photo-status]:empty{display:none}
.bp-catalog-photos .bp-photo-card-layout button:disabled{opacity:.55;cursor:wait}
@container(max-width:430px){.bp-catalog-photos .bp-photo-card-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.bp-catalog-photos .bp-photo-secondary-grid{grid-template-columns:1fr}.bp-catalog-photos .bp-photo-card img{height:120px}.bp-catalog-photos .bp-photo-secondary img{height:74px}.bp-catalog-photos .bp-photo-card-layout:not(:has(.bp-photo-primary)) .bp-photo-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wi-dialog .wi-update-snapshot{border:1px solid #bdd5c9;border-radius:10px;padding:16px;min-width:0;display:grid;gap:14px}.wi-history-entry{padding:14px 0;border-bottom:1px solid #d9e6df}.wi-history-entry small{display:block;margin-bottom:10px}.wi-dialog [hidden]{display:none!important}
.wi-dialog .wi-detail-actions{align-items:stretch;gap:8px}
.wi-dialog .wi-detail-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;line-height:1.3}
.wi-detail-actions>button>svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wi-detail-actions>button>span{min-width:0}
.wi-inline-numbering{display:grid;gap:8px;padding:14px;border:1px solid #c8dfd3;border-radius:10px;background:#f5faf7;margin-bottom:4px;min-width:0}
.wi-numbering-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.wi-numbering-controls>label{flex:1 1 180px;max-width:320px;min-width:0}.wi-numbering-controls>button{min-height:42px}
.wi-inline-numbering small,.wi-inline-numbering p{font-size:12px;line-height:1.45;color:#526f63;margin:0}.wi-inline-numbering p:empty{display:none}
.wi-inline-numbering+.wi-document{margin-top:16px}
.wi-product-selection{grid-template-columns:minmax(0,1fr) 80px minmax(140px,190px) auto}
.wi-product-selection.has-flavors{grid-template-columns:minmax(0,1fr) 72px minmax(120px,150px) minmax(100px,130px) auto}
.wi-product-selection .wi-product-quantity{min-width:0}.wi-product-quantity input{width:100%}
@media(max-width:850px){.wi-product-selection.has-flavors{grid-template-columns:80px minmax(0,1fr)}.wi-product-selection.has-flavors>div:first-child,.wi-product-selection.has-flavors>[data-flavor-field],.wi-product-selection.has-flavors>.wi-actions{grid-column:1/-1}}
@media(max-width:700px){.wi-product-selection{grid-template-columns:80px minmax(0,1fr)}.wi-product-selection>div:first-child,.wi-product-selection>.wi-actions{grid-column:1/-1}}
@media(max-width:600px){.wi-dialog .wi-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.wi-dialog .wi-detail-actions>button{width:100%;min-width:0;justify-content:flex-start;text-align:left;padding:10px;font-size:12px}}

.wi-line .wi-line-stock{grid-column:1 / -1;grid-row:2;max-width:100%;font-size:12px}.wi-line .wi-line-stock input{max-width:140px}.wi-dialog [data-stock-line]{min-width:0;border:1px solid #cddfd6;border-radius:9px;padding:14px;display:grid;gap:10px}.wi-dialog [data-stock-line] legend{max-width:100%;overflow-wrap:anywhere}
.wi-product-tile{position:relative}.wi-selection-badge{position:absolute;top:4px;right:4px;border-radius:5px;background:#0d6650;color:#fff;padding:3px 5px;font-size:11px;line-height:14px}.wi-selection-badge:empty{display:none}
.wi-product-grid{grid-auto-rows:184px;max-height:386px}
.wi-product-card{display:grid;grid-template-rows:132px 1fr;min-width:0;box-sizing:border-box;border:1px solid #c7ddd2;border-radius:9px;background:white;box-shadow:0 2px 5px #164a3510;overflow:hidden}
.wi-product-card[data-selected=true]{border-color:#138162;background:#eaf7f1;box-shadow:inset 0 0 0 1px #138162}
.wi-dialog .wi-product-card .wi-product-tile{width:100%;border:0;border-radius:0;background:transparent;box-shadow:none}
.wi-dialog .wi-product-card .wi-product-tile:focus-visible{outline-offset:-3px}
.wi-dialog .wi-card-quantity{display:flex;align-items:center;gap:6px;padding:0 8px 8px;font-size:12px;min-width:0}
.wi-dialog .wi-card-quantity input{width:100%;min-width:0;height:36px;padding:6px;font-size:14px}
.wi-product-basket{display:grid;gap:12px;border-top:1px solid #c7ddd2;padding-top:12px;min-width:0}.wi-basket-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.wi-basket-heading strong{font-size:14px}.wi-basket-heading button{font-size:12px}
.wi-product-basket [data-selected-items]{min-width:0;max-width:100%;max-height:340px;overflow:auto;overscroll-behavior:contain;padding:2px}.wi-product-basket [data-selected-items]:empty{display:none}
/* Selected products stay in one line; narrow screens scroll the selection list. */
.wi-basket-row{position:relative;display:grid;grid-template-columns:44px minmax(150px,1fr) 72px minmax(170px,230px) auto;align-items:center;gap:10px;box-sizing:border-box;min-width:640px;padding:10px;margin-bottom:8px;border:1px solid #bdd7cb;border-radius:8px;background:#fff}
.wi-product-basket [data-selected-items].has-flavors .wi-basket-row{grid-template-columns:44px minmax(120px,1fr) 64px minmax(150px,1fr) 110px auto;min-width:750px}
.wi-basket-row>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wi-basket-row .wi-basket-photo{width:44px;height:44px;border:1px solid #e0ebe5;box-sizing:border-box;font-size:15px}
.wi-basket-row>label{min-width:0}.wi-dialog .wi-basket-row input,.wi-dialog .wi-basket-row select{height:40px;padding:8px;font-size:13px}
.wi-dialog .wi-basket-row select:disabled{opacity:1;color:#183f32;background:#f5faf7}
.wi-basket-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap}
.wi-basket-row>.wi-basket-actions{grid-column:-2/-1}
.wi-dialog .wi-basket-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;padding:8px 10px;min-height:40px;white-space:nowrap}
.wi-dialog .wi-basket-row .wi-basket-actions button{width:40px;height:40px;padding:9px;flex:0 0 40px}
.wi-dialog .wi-basket-row [data-remove-selection]{color:#9c4239}
.wi-product-picker button svg{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.wi-dialog .wi-product-picker button{transition:transform 90ms ease,box-shadow 90ms ease,background-color 90ms ease;touch-action:manipulation}
.wi-dialog .wi-product-picker button:not(:disabled):hover{box-shadow:0 2px 5px #164a3526}
.wi-dialog .wi-product-picker button:not(:disabled):active{transform:translateY(2px) scale(.97);box-shadow:inset 0 2px 5px #123e3540;background-color:#d8ede3}
.wi-dialog .wi-product-picker button:focus-visible{outline:2px solid #138162;outline-offset:2px}
.wi-dialog .wi-product-picker button:disabled{cursor:default}
@media(max-width:600px){.wi-basket-heading{align-items:flex-start;flex-direction:column}.wi-basket-heading>.wi-basket-actions{flex-wrap:wrap;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.wi-dialog .wi-product-picker button{transition:none}}
.wi-invoice-terms{grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,.65fr) minmax(180px,1fr);align-items:end;gap:12px;padding:12px;border:1px solid #c9ded5;border-radius:8px;background:#f6faf8;min-width:0}
.wi-invoice-terms>label{min-width:0}.wi-invoice-terms>.wi-checkbox{grid-column:3;min-height:40px}.wi-invoice-terms>small{grid-column:1/-1;line-height:1.4;color:#526f63}
.wi-dialog input[readonly]{background:#f0f5f2;color:#526f63}
@media(max-width:600px){.wi-invoice-terms{grid-template-columns:1fr}.wi-invoice-terms>.wi-checkbox{grid-column:1}}
.wi-invoice-setup{min-width:0;border:1px solid #c9ded5;border-radius:14px;background:#fff;overflow:hidden}
.wi-setup-nav{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:16px;scrollbar-width:thin}
.wi-dialog .wi-setup-nav button{display:flex;flex:1 0 150px;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;min-height:124px;padding:14px;border:1px solid #bdd7c9;border-radius:14px;background:#fffefa;color:#174b39;text-align:left;transition:transform 100ms ease,box-shadow 100ms ease,background 100ms ease}
.wi-dialog .wi-setup-nav button[aria-selected=true]{border-color:#088367;box-shadow:inset 0 0 0 1px #088367;background:#e9f5ee}
.wi-setup-nav svg{width:23px;height:23px;flex-shrink:0}.wi-invoice-setup svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-setup-nav strong{font-size:13px;line-height:1.2}.wi-setup-nav small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;font-size:12px;line-height:1.4;color:#537667;overflow-wrap:anywhere}
.wi-setup-content{min-width:0;padding:18px;background:#f7faf8;border-top:1px solid #d6e4dc}
.wi-setup-content section>header{margin-bottom:16px}.wi-setup-content h3{font-size:17px;margin:0 0 5px}.wi-setup-content header p{margin:0;font-size:12px;line-height:1.5;color:#597469}
.wi-setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.wi-setup-fields>*{min-width:0}.wi-setup-fields>.wi-inline-numbering,.wi-setup-fields>fieldset{grid-column:1/-1}
.wi-setup-fields>.wi-inline-numbering{border:0;padding:0;background:none;margin:0}
.wi-setup-fields>.wi-invoice-terms{border:0;border-top:1px solid #d6e4dc;border-radius:0;padding:14px 0 0;background:none}
.wi-dialog .wi-setup-press{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #8ebba8;border-radius:9px;background:linear-gradient(#fff,#e7f2ec);box-shadow:0 3px 0 #a9c7b7,inset 0 1px 0 #fff;font-size:13px;font-weight:700;transition:transform 100ms ease,box-shadow 100ms ease,background 100ms ease}
.wi-setup-press svg{width:19px;height:19px;flex:0 0 19px}
.wi-dialog .wi-setup-nav button:hover:not(:disabled),.wi-dialog .wi-setup-press:hover:not(:disabled){background:#edf7f2;border-color:#328b6a}
.wi-dialog .wi-setup-nav button:active:not(:disabled),.wi-dialog .wi-setup-press:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px 4px #123e302b}
.wi-dialog .wi-setup-nav button:focus-visible,.wi-dialog .wi-setup-press:focus-visible{outline:3px solid #409878;outline-offset:-3px}
@media(max-width:600px){.wi-setup-nav{padding:12px;gap:8px}.wi-dialog .wi-setup-nav button{flex:0 0 140px;min-height:116px;padding:12px}.wi-setup-content{padding:14px}.wi-setup-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wi-dialog .wi-setup-nav button,.wi-dialog .wi-setup-press{transition:none}}
[data-invoice-setup-panel=items]>.wi-setup-fields{grid-template-columns:minmax(0,1fr)}
[data-invoice-setup-panel=items] .wi-product-picker{margin-bottom:0}
.wi-setup-fields>.wi-invoice-customer-notes,.wi-setup-fields>.wi-adjustment-toggles,.wi-setup-fields>.wi-adjustment-fields,.wi-setup-fields>.wi-saved-defaults,.wi-setup-fields>.wi-customer-select,.wi-setup-fields>.wi-setup-customer-summary,.wi-setup-fields>label:has([name=poNumber]){grid-column:1/-1}
.wi-invoice-customer-notes{display:grid;gap:7px;padding:16px;border:1px solid #c9ded5;border-radius:10px;background:#fff}
.wi-invoice-customer-notes textarea{width:100%;resize:vertical;min-height:110px;font:inherit;line-height:1.5}
.wi-invoice-customer-notes small{font-size:12px;color:#537667;line-height:1.5}
.wi-setup-customer-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:16px;border:1px solid #d6e4dc;border-radius:10px;background:#fff}
.wi-setup-customer-summary dt{font-size:12px;color:#537667;margin-bottom:5px}.wi-setup-customer-summary dd{margin:0;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.wi-customer-note{margin-bottom:16px;white-space:normal}.wi-customer-note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}
@media(max-width:600px){.wi-setup-customer-summary{grid-template-columns:1fr}}
.wi-plan-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 14px;margin-bottom:18px;border-bottom:1px solid #c9ded3}
.wi-plan-tabs button{display:flex;flex:1 0 140px;flex-direction:column;align-items:flex-start;gap:10px;min-height:90px;text-align:left;border-radius:12px!important}
.wi-plan-tabs button[aria-selected=true]{background:#e7f5ed!important;border-color:#098268!important;box-shadow:inset 0 0 0 1px #098268}
.wi-plan-tabs svg,.wi-plan-panel svg,.wi-checkin-form svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.wi-plan-panel{min-width:0}.wi-plan-panel[hidden],[data-customer-panel][hidden]{display:none!important}
.wi-plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:12px;margin:16px 0}
.wi-plan-card{border:1px solid #c9ded3;border-radius:12px;padding:16px;margin:12px 0;background:#f7fbf8;overflow-wrap:anywhere}
.wi-plan-cards>.wi-plan-card{margin:0}.wi-plan-card p{line-height:1.5}.wi-plan-card small{line-height:1.5;color:#536e61;display:block}.wi-plan-card button{margin-top:10px}
.wi-plan-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:16px 0}.wi-plan-filters>label{flex:1 1 220px;min-width:0}.wi-plan-filters select,.wi-plan-filters input,.wi-plan-scope select{width:100%;min-height:44px}
.wi-plan-scope{display:block;max-width:420px;margin:0 0 18px}.wi-plan-metrics strong{font-size:18px!important;overflow-wrap:anywhere}
.wi-stock-count-row{display:grid;grid-template-columns:minmax(150px,2fr) minmax(120px,1fr) 80px 100px 42px;gap:10px;align-items:end;border-bottom:1px solid #d5e5dc;padding:12px 0}.wi-stock-count-row:has([data-count-name-label][hidden]){grid-template-columns:minmax(150px,2fr) 80px 100px 42px}.wi-stock-count-row label{min-width:0}.wi-stock-count-row button{padding:8px!important;min-height:44px}
.wi-checkin-form [data-add-count],.wi-plan-panel [data-log-checkin],.wi-plan-panel [data-add-location]{display:inline-flex;align-items:center;gap:8px}
.wi-plan-tabs button,.wi-plan-panel button,.wi-checkin-form button{transition:transform 100ms ease,box-shadow 100ms ease;box-shadow:0 3px 0 #adcbbd}
.wi-plan-tabs button:active,.wi-plan-panel button:active,.wi-checkin-form button:active{transform:translateY(2px);box-shadow:0 1px 0 #adcbbd}
.wi-plan-tabs button:focus-visible,.wi-plan-panel button:focus-visible{outline:3px solid #409878;outline-offset:2px}
.wi-plan-alert{border-left:4px solid #16846b;padding:14px;background:#e7f5ed;border-radius:6px}
.wi-drawer button[data-due-count]:not([data-due-count=""]) .wi-drawer-icon:after{content:attr(data-due-count);position:absolute;right:2px;top:2px;width:8px;height:8px;background:#c06916;border-radius:50%}.wi-drawer-icon{position:relative}
.wi-setup-fields>.wi-invoice-location,.wi-setup-fields>[data-invoice-history]{grid-column:1/-1}
@media(max-width:600px){.wi-stock-count-row,.wi-stock-count-row:has([data-count-name-label][hidden]){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.wi-stock-count-row>label:first-child{grid-column:1/-1}.wi-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wi-plan-tabs button{flex-basis:136px}}
@media(prefers-reduced-motion:reduce){.wi-plan-tabs button,.wi-plan-panel button,.wi-checkin-form button{transition:none}}
@media(max-width:600px){.wi-forecast-workspace .wi-library,.wi-forecast-workspace tbody{display:block;width:100%;min-width:0}.wi-forecast-workspace thead{display:none}.wi-forecast-workspace tbody tr{display:block;background:#f7fbf8;border:1px solid #c9ded3;border-radius:12px;margin-bottom:14px;padding:12px}.wi-forecast-workspace tbody td{display:grid;grid-template-columns:100px minmax(0,1fr);gap:4px 8px;border:0;padding:8px 0;overflow-wrap:anywhere}.wi-forecast-workspace tbody td:before{content:attr(data-label);font-size:12px;color:#537667;grid-column:1;grid-row:1/4}.wi-forecast-workspace tbody td>*{grid-column:2}.wi-forecast-workspace tbody td[colspan]{display:block}}

.wi-return-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wi-returns-form svg,.wi-detail-actions>button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
.wi-returns-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 0 #adcbbd;transition:transform 100ms ease,box-shadow 100ms ease}
.wi-returns-form button:active{transform:translateY(2px);box-shadow:0 1px 0 #adcbbd}
.wi-return-lines{border:1px solid #bdd9cd;border-radius:12px;overflow:hidden}.wi-return-lines>label{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-bottom:1px solid #dbe9e2}.wi-return-lines>label:last-child{border-bottom:0}.wi-return-lines small{display:block;margin-top:4px;color:#536e61}.wi-return-lines>label>span:last-child{width:90px;flex-shrink:0}
.wi-return-history{margin-top:18px;border-top:1px solid #bdd9cd;padding-top:14px;break-inside:auto}.wi-return-history article{padding:10px 0;break-inside:avoid;border-bottom:1px solid #e0e9e4}.wi-return-history article>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.wi-return-history p{margin:6px 0;overflow-wrap:anywhere}.wi-return-history small{color:#536e61}
@media(prefers-reduced-motion:reduce){.wi-returns-form button{transition:none}}

.wi-account-exchange-line{display:grid;grid-template-columns:minmax(0,2fr) 90px 110px 42px;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #dbe9e2}.wi-account-exchange-line label{min-width:0}.wi-account-exchange-line button{padding:8px!important;min-height:44px}
@media(max-width:600px){.wi-account-exchange-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 42px}.wi-account-exchange-line>label:first-child{grid-column:1/-1}}

/* Customer history balances and product performance */
.wi-open-invoices{border:1px solid #b8d5c8;border-radius:12px;background:#fff;padding:16px;margin:16px 0}.wi-open-invoice-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wi-balance-amount small,.wi-balance-amount strong{display:block}.wi-balance-amount strong{font-size:28px;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums}.wi-balance-status{display:flex;align-items:center;justify-content:flex-end;gap:8px 12px;flex-wrap:wrap;font-size:13px}.wi-balance-clear{display:inline-flex;align-items:center;gap:7px;color:#17623f}.wi-balance-clear svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.wi-balance-credit{display:flex;gap:6px;align-items:center;padding:6px 9px;border-radius:8px;background:#eff7f2}.wi-open-invoices .wi-balance-scope{margin:12px 0 0;padding-top:10px;border-top:1px solid #e2ece6;font-size:12px;color:#536d60}.wi-open-invoices details{margin-top:10px}.wi-open-invoices ul{margin:0}.wi-dialog .wi-history-invoice{display:inline-flex;align-items:center;gap:9px;min-height:64px;padding:10px 12px;border:1px solid #a9cabc;border-radius:10px;background:#f5faf7;color:#155a47;box-shadow:0 3px 0 #b4cec0;text-align:left;transition:transform .1s,box-shadow .1s,background .1s}.wi-dialog .wi-history-invoice svg{width:25px;height:30px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}.wi-dialog .wi-history-invoice strong{display:block;font-size:13px;overflow-wrap:anywhere}.wi-dialog .wi-history-invoice small{display:block;margin:4px 0 0;font-size:11px;font-weight:400;white-space:nowrap}.wi-dialog .wi-history-invoice:hover{background:#e8f4ed;border-color:#16785c}.wi-dialog .wi-history-invoice:active{transform:translateY(3px);box-shadow:0 0 0 #b4cec0}.wi-dialog .wi-history-invoice:focus-visible{outline:3px solid #319879;outline-offset:3px}.wi-history-invoice[aria-busy=true]{opacity:.65;cursor:progress}.wi-open-invoices summary{cursor:pointer;font-weight:700;padding:8px 0}.wi-open-invoices ul{list-style:none;padding:0}.wi-open-invoices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #dce8e1}.wi-open-invoices li>span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wi-history-payment{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap;background:#e6ebe8;color:#46584f}.wi-history-payment[data-tone=paid]{background:#dff1e7;color:#17623f}.wi-history-payment[data-tone=unpaid]{background:#fff0cc;color:#754a00}.wi-history-overdue{color:#9b361d!important;font-weight:700}.wi-order-history-table{min-width:680px}.wi-order-history-table th,.wi-order-history-table td{vertical-align:middle}.wi-order-history-table td:last-child{white-space:nowrap}
.wi-performance{margin-top:24px;padding-top:22px;border-top:1px solid #bfd7ca;min-width:0}.wi-performance-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.wi-performance-heading h3{margin:0 0 6px}.wi-performance-heading label{min-width:160px}.wi-performance .wi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0}.wi-performance .wi-metrics strong{font-size:20px;overflow-wrap:anywhere}.wi-performance .wi-metrics small{display:block;margin-top:5px}.wi-performance-chart{overflow:auto;background:white;border:1px solid #d1e2d7;border-radius:12px;margin-top:16px;max-width:100%}.wi-performance-chart svg{display:block;width:100%;height:250px}.wi-performance-chart text{font:11px system-ui;fill:#4c685b}.wi-performance-chart [role=button]{cursor:pointer}.wi-performance-chart [role=button]:focus-visible .wi-chart-hit{stroke:#087d66;stroke-width:2}.wi-performance-chart [role=button]:hover .wi-chart-hit{fill:#edf5f0}.wi-chart-legend{display:flex;gap:10px 20px;list-style:none;padding:0;flex-wrap:wrap;font-size:12px}.wi-chart-legend li{display:flex;gap:7px;align-items:center}.wi-chart-legend li>span{width:11px;height:11px;border-radius:3px;flex-shrink:0}.wi-chart-empty{padding:28px;text-align:center;border:1px dashed #acc9ba;border-radius:12px}.wi-month-breakdown{padding:12px 0}.wi-month-breakdown summary{font-weight:700;cursor:pointer}.wi-month-breakdown ul{list-style:none;padding:0}.wi-month-breakdown li{display:flex;justify-content:space-between;gap:16px;padding:8px;border-bottom:1px solid #d9e6de}.wi-month-breakdown li>strong{white-space:nowrap}.wi-performance-table{min-width:620px}.wi-performance-table caption{text-align:left;padding:12px 0;font-weight:700}.wi-share-track{display:block;width:70px;height:5px;border-radius:4px;background:#e1ece5;margin-top:6px;overflow:hidden}.wi-share-track>span{display:block;height:100%;background:#087d66}
@media(max-width:600px){.wi-open-invoices{padding:12px}.wi-balance-status{justify-content:flex-start}.wi-dialog .wi-history-invoice{padding:8px;gap:6px}.wi-performance .wi-metrics{grid-template-columns:1fr!important}.wi-performance-heading>label{width:100%}.wi-month-breakdown li{flex-direction:column;gap:4px}.wi-open-invoices li{align-items:flex-start}.wi-open-invoices li>strong{white-space:nowrap}.wi-order-history-table,.wi-performance-table{font-size:13px}}

.wi-performance-chart svg{stroke:none;stroke-width:1}.wi-performance-chart text{stroke:none}.wi-performance-notes summary{font-size:12px;cursor:pointer;color:#466c59}.wi-performance-notes{margin-bottom:12px}
@media(max-width:600px){
 .wi-order-history-table,.wi-performance-table{display:block;min-width:0;width:100%;border:0}.wi-order-history-table thead,.wi-performance-table thead{display:none}.wi-order-history-table tbody,.wi-performance-table tbody{display:block}.wi-order-history-table tr,.wi-performance-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:white;border:1px solid #c9ded1;border-radius:12px;padding:12px;margin:12px 0}.wi-order-history-table td,.wi-performance-table td{display:block;border:0;padding:0;overflow-wrap:anywhere;white-space:normal!important}.wi-order-history-table td:before,.wi-performance-table td:before{content:attr(data-label);display:block;color:#536d60;font-size:11px;font-weight:600;margin-bottom:5px}.wi-order-history-table td:nth-child(3),.wi-order-history-table td:last-child,.wi-performance-table td:first-child{grid-column:1/-1}.wi-performance-table caption{display:block}.wi-order-history-table td[colspan],.wi-performance-table td[colspan]{grid-column:1/-1}
}

/* Compact added invoice items; stock conversion is an explicit disclosure. */
.wi-line{grid-template-columns:48px minmax(140px,1fr) 76px 98px 88px auto;gap:10px;align-items:end}.wi-line .wi-line-photo{width:48px;height:44px;font-size:15px;border:1px solid #dce9e1;box-sizing:border-box}.wi-line>label{min-width:0}.wi-line-actions{display:flex;align-items:center;gap:6px}.wi-line-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:8px;box-shadow:0 3px 0 #adcbbd;transition:transform 100ms ease,box-shadow 100ms ease}.wi-line-actions [data-stock-toggle]{min-width:100px;font-size:12px;white-space:nowrap}.wi-line-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.wi-line-actions [data-remove-line]{width:40px}.wi-line-actions button:active,.wi-stock-pack-controls button:active{transform:translateY(2px);box-shadow:0 1px 0 #adcbbd}.wi-line-actions button:focus-visible,.wi-stock-pack-controls button:focus-visible{outline:3px solid #409878;outline-offset:2px}.wi-line-stock-panel{grid-column:1/-1;background:#eff7f2;border:1px solid #bdd7c8;border-radius:10px;padding:14px}.wi-line-stock-panel[hidden]{display:none!important}.wi-line-stock-panel p{font-size:12px;color:#526f63;line-height:1.5;margin:6px 0 12px;max-width:620px}.wi-stock-pack-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.wi-stock-pack-controls label{width:180px}.wi-stock-pack-controls button{min-height:42px;box-shadow:0 3px 0 #adcbbd}.wi-line-stock-panel>small{display:block;margin-top:12px}
@media(max-width:800px){.wi-line{grid-template-columns:44px minmax(0,1fr) 80px 95px;gap:10px}.wi-line .wi-line-photo{width:44px}.wi-line .wi-line-name{grid-column:2/-1}.wi-line .wi-line-quantity{grid-column:1/3}.wi-line .wi-line-price{grid-column:3}.wi-line .wi-line-total{grid-column:4}.wi-line-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:480px){.wi-line{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);gap:10px}.wi-line .wi-line-name{grid-column:2/-1}.wi-line .wi-line-quantity{grid-column:1/3}.wi-line .wi-line-price{grid-column:3}.wi-line .wi-line-total{grid-column:1/3}.wi-line-actions{grid-column:3;justify-content:flex-end;flex-wrap:wrap}.wi-line-actions [data-stock-toggle]{min-width:0;width:100%}.wi-line-actions [data-remove-line]{width:40px}.wi-line .wi-line-total{align-self:start}.wi-stock-pack-controls label{width:100%}}
@media(prefers-reduced-motion:reduce){.wi-line-actions button,.wi-stock-pack-controls button{transition:none}}

.wi-line-actions{min-width:146px;justify-content:flex-end}
@media(max-width:480px){.wi-line{grid-template-columns:repeat(4,minmax(0,1fr))}.wi-line .wi-line-photo{grid-column:1}.wi-line .wi-line-name{grid-column:2/-1}.wi-line .wi-line-quantity{grid-column:1/3}.wi-line .wi-line-price{grid-column:3/-1}.wi-line .wi-line-total{grid-column:1/3;align-self:end}.wi-line-actions{grid-column:3/-1;min-width:0;flex-wrap:nowrap;gap:5px}.wi-line-actions [data-stock-toggle]{width:auto;flex:1;min-width:0;padding:8px 5px;font-size:11px}.wi-line-actions [data-stock-toggle] svg{display:none}.wi-line-actions [data-remove-line]{width:32px;flex:0 0 32px;padding:6px}}

/* Product chart controls and detailed views. */
.wi-chart-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:14px 0}
.wi-dialog .wi-chart-product{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;text-align:left;border:1px solid #b9d3c5;border-left:4px solid var(--series-color);border-radius:12px;background:#fff;box-shadow:0 3px 0 #bed4c7;transition:transform .1s,box-shadow .1s}
.wi-chart-product>span:nth-child(2){flex:1;min-width:0}.wi-chart-product strong{display:block;font-size:13px;overflow-wrap:anywhere}.wi-chart-product small{display:block;font-size:11px;margin-top:5px;font-weight:400}.wi-dialog .wi-chart-product[aria-pressed=true]{background:#eaf5ee;border-color:#188266;border-left-color:var(--series-color)}
.wi-chart-product-state{border-radius:20px;padding:4px 8px;font-size:11px;background:#e4eae6}.wi-chart-product[aria-pressed=true] .wi-chart-product-state{background:#14765a;color:white}.wi-dialog .wi-chart-product:active{transform:translateY(3px);box-shadow:none}
.wi-chart-product:focus-visible,.wi-performance-views button:focus-visible{outline:3px solid #319879;outline-offset:3px}
.wi-performance .wi-product-photo{width:44px;height:48px;flex:0 0 44px;margin:0;background:#eef4f0;border-radius:8px;overflow:hidden;position:relative;display:grid;place-items:center;color:#46725d}.wi-performance .wi-product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.wi-performance-heading h4{margin:0}.wi-performance-views{display:flex;gap:5px}.wi-performance-views button{display:inline-flex;align-items:center;gap:6px;min-height:40px}.wi-performance-views svg,.wi-tag-presets svg,.wi-invoice-tags-section svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.wi-performance-views button[aria-pressed=true]{background:#dff0e6;border-color:#168264;color:#12553d}
.wi-performance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;margin-top:14px}.wi-performance-card{min-width:0;border:1px solid #bed7c9;border-radius:12px;padding:16px;background:white}.wi-performance-card header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3ede7;padding-bottom:12px}.wi-performance-card header strong{display:block;overflow-wrap:anywhere}.wi-performance-card small{display:block;color:#536d60;margin-top:5px}.wi-performance-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:14px 0 0}.wi-performance-card dt{font-size:12px;color:#536d60}.wi-performance-card dd{font-size:14px;font-weight:700;margin:5px 0 0;overflow-wrap:anywhere}.wi-performance-product{display:flex;gap:10px;align-items:center;min-width:0}
.wi-performance-cards[hidden],[data-performance-rows][hidden]{display:none!important}
.wi-order-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.wi-order-tags:empty{display:none}.wi-order-tag{display:inline-block;border-radius:6px;padding:3px 7px;background:#edf0fa;color:#3f5080;font-size:11px;overflow-wrap:anywhere}.wi-invoice-tags-section{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0}.wi-invoice-tags-section .wi-order-tags{margin:0}.wi-invoice-tags-section button,.wi-tag-presets button{display:inline-flex;align-items:center;gap:6px}
.wi-tags-editor{grid-column:1/-1;border:1px solid #c5ddd0;border-radius:12px;padding:14px;background:white}.wi-tags-editor small{display:block;margin:8px 0;color:#536d60;line-height:1.5}.wi-tag-presets{display:flex;flex-wrap:wrap;gap:8px}.wi-tag-presets button{font-size:12px;min-height:36px}.wi-history-tag-filter{display:block;max-width:260px;margin:12px 0}
@media(max-width:600px){.wi-chart-products,.wi-performance-cards{grid-template-columns:1fr}.wi-performance-views{width:100%}.wi-performance-views button{flex:1;justify-content:center}.wi-history-tag-filter{max-width:none}.wi-performance-product{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.wi-dialog .wi-chart-product{transition:none}}

@media(max-width:600px){[data-performance-rows]{overflow-x:auto}[data-performance-rows] .wi-performance-table{display:table;min-width:680px}[data-performance-rows] .wi-performance-table thead{display:table-header-group}[data-performance-rows] .wi-performance-table tbody{display:table-row-group}[data-performance-rows] .wi-performance-table tr{display:table-row}[data-performance-rows] .wi-performance-table td{display:table-cell;padding:12px;border-bottom:1px solid #d7e6dd}[data-performance-rows] .wi-performance-table td:before{display:none}[data-performance-rows] .wi-performance-table caption{display:table-caption}}

/* On phones the invoice is a single full-screen workspace, not nested panels. */
@media screen and (max-width:600px){
  .wi-dialog.wi-invoice-editor{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;overscroll-behavior:contain}
  .wi-invoice-editor>header{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:#fff;gap:12px}
  .wi-invoice-editor>header h2{font-size:21px;margin:6px 0 0}
  .wi-invoice-editor>header [data-close]{width:44px;height:44px;padding:0;flex:none}
  .wi-invoice-editor .wi-invoice-type{font-size:12px;gap:4px}
  .wi-invoice-editor .wi-invoice-type select{height:40px;max-width:210px;padding:8px 10px}
  .wi-invoice-editor>.wi-dialog-body{padding:0 max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .wi-invoice-editor .wi-form{gap:16px}
  .wi-invoice-editor .wi-invoice-setup{border:0;border-radius:0;background:transparent;overflow:visible}
  .wi-invoice-editor .wi-setup-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin:0 -12px;border-bottom:1px solid #d6e4dc;overflow:visible}
  .wi-invoice-editor .wi-setup-nav button{min-height:72px;padding:10px 4px;gap:5px;align-items:center;justify-content:center;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;text-align:center;box-shadow:none}
  .wi-invoice-editor .wi-setup-nav button[aria-selected=true]{border-bottom-color:#088367;background:#edf7f2;box-shadow:none}
  .wi-invoice-editor .wi-setup-nav strong{font-size:11px;line-height:1.25}
  .wi-invoice-editor .wi-setup-nav small{display:none}
  .wi-invoice-editor .wi-setup-nav svg{width:19px;height:19px}
  .wi-invoice-editor .wi-setup-content{padding:16px 0 0;border:0;background:transparent}
  .wi-invoice-editor .wi-setup-content section>header{margin-bottom:12px}
  .wi-invoice-editor .wi-product-picker{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .wi-invoice-editor .wi-product-picker>.wi-fields{gap:10px}
  .wi-invoice-editor .wi-product-picker>.wi-muted{margin:8px 0;line-height:1.4}
  .wi-invoice-editor .wi-product-grid{padding:2px;margin:12px 0;gap:8px;scrollbar-gutter:auto;max-height:55dvh;min-height:200px;grid-auto-rows:190px}
  .wi-invoice-editor .wi-card-quantity input{min-height:44px;font-size:16px}
  .wi-invoice-editor .wi-product-basket{padding-top:12px;gap:10px}
  .wi-invoice-editor .wi-basket-heading{gap:10px;align-items:stretch}
  .wi-invoice-editor .wi-basket-heading>.wi-basket-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;width:100%}
  .wi-invoice-editor .wi-basket-heading button{min-width:0;min-height:44px;padding:8px;font-size:12px;white-space:normal}
  .wi-invoice-editor .wi-basket-heading [data-clear-selection] svg{display:none}
  .wi-invoice-editor .wi-basket-row{border:0;border-bottom:1px solid #d6e4dc;border-radius:0;padding:10px 0;background:transparent}
  .wi-invoice-editor .wi-tags-editor,.wi-invoice-editor .wi-update-snapshot{border:0;border-top:1px solid #d6e4dc;border-radius:0;background:transparent;padding:14px 0}
  .wi-invoice-editor input,.wi-invoice-editor select,.wi-invoice-editor textarea{font-size:16px}
}

/* Keep section navigation with the sticky editor heading, above the scrollable form. */
.wi-invoice-editor>.wi-editor-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 24px 0;z-index:3;background:#fff}
.wi-editor-header>.wi-setup-nav{grid-column:1/-1;min-width:0;width:auto;margin:0 -24px;padding:0 24px 12px;background:#fff}
.wi-invoice-editor .wi-editor-header .wi-setup-nav button{min-height:92px;flex-basis:140px;padding:12px;gap:6px}
.wi-editor-header .wi-setup-nav svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-product-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);align-items:end}
.wi-product-filters .wi-invoice-type{font-size:13px;gap:6px}.wi-product-filters .wi-invoice-type select{width:100%;max-width:none;min-height:42px;font-size:inherit}
@media screen and (max-width:600px){
  .wi-invoice-editor>.wi-editor-header{padding:8px max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));gap:6px}
  .wi-invoice-editor>.wi-editor-header h2{margin:0;font-size:20px}
  .wi-invoice-editor .wi-editor-header>.wi-setup-nav{margin:0 -12px;padding:0}
  .wi-invoice-editor .wi-editor-header .wi-setup-nav button{min-height:66px;padding:8px 4px;gap:5px}
  .wi-invoice-editor .wi-product-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wi-invoice-editor .wi-product-filters>label:last-child{grid-column:1/-1}
  .wi-invoice-editor .wi-product-filters select{height:44px;max-width:none;font-size:16px}
}

.wi-invoice-editor .wi-product-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;align-items:end}
.wi-product-filters>.wi-search-disclosure{grid-column:1/-1}
.wi-invoice-editor [data-toggle-product-search]{width:44px;height:44px;min-height:44px;padding:11px;display:grid;place-items:center}
.wi-invoice-editor [data-toggle-product-search][aria-expanded=true]{background:#eaf5ee;border-color:#138162}
.wi-invoice-editor .wi-product-filters [data-toggle-product-search] svg{width:20px;height:20px}
@media screen and (max-width:600px){.wi-invoice-editor .wi-setup-content:has([data-invoice-setup-panel=items]:not([hidden])){padding-top:12px}}

/* Quiet filters and a roomier product shelf in the invoice composer. */
.wi-invoice-editor .wi-product-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px;gap:8px}
.wi-invoice-editor .wi-product-filters>label{font-size:11px;font-weight:500;color:#597469;gap:4px}
.wi-invoice-editor .wi-product-filters select{height:38px;min-height:38px;padding:6px 8px;font-size:14px;font-weight:400;border-color:#d6e4dc;background-color:#f8fbf9;border-radius:7px}
.wi-invoice-editor [data-toggle-product-search]{width:38px;height:38px;min-height:38px;padding:9px;border-color:#d6e4dc;background-color:#f8fbf9;border-radius:7px}
.wi-invoice-editor .wi-product-grid{padding:4px 4px 8px;gap:10px}
.wi-invoice-editor .wi-product-card{box-shadow:0 2px 5px #164a3514,0 4px 10px #164a3508}
.wi-invoice-editor .wi-product-card[data-selected=true]{box-shadow:inset 0 0 0 1px #138162,0 2px 5px #164a3514,0 4px 10px #164a3508}
@media screen and (min-width:601px){.wi-invoice-editor .wi-product-grid{max-height:460px}}

/* Raised, neutral selection counters remain legible over product photos. */
.wi-invoice-editor .wi-selection-badge{display:grid;place-items:center;box-sizing:border-box;min-width:32px;min-height:32px;width:max-content;aspect-ratio:1;padding:4px;top:5px;right:5px;border:1px solid #cbd0ce;border-radius:8px;background:linear-gradient(145deg,#f5f6f5,#e0e3e1);color:#345047;font-size:11px;font-weight:700;line-height:14px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #c9cfcb,0 2px 3px #173f3026}
.wi-invoice-editor .wi-selection-badge:empty{display:none}

/* Numbering changes require an explicit edit and save, with compact inline actions. */
.wi-numbering-controls{flex-wrap:nowrap;gap:8px}
.wi-numbering-controls>label{flex:1 1 0;max-width:none}
.wi-dialog .wi-numbering-controls>button{flex:0 0 42px;width:42px;height:42px;min-height:42px;padding:10px;display:grid;place-items:center}
.wi-numbering-controls>button[hidden]{display:none!important}
.wi-numbering-controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* All optional invoice settings share one square toggle treatment. */
.wi-invoice-editor .wi-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px}
.wi-invoice-editor .wi-option-grid .wi-option-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-sizing:border-box;min-width:0;width:100%;aspect-ratio:1;margin:0;padding:6px;border:1px solid #c5d9ce;border-radius:9px;background:#f8faf9;color:#174b39;box-shadow:0 3px 0 #ccddd3;font-size:12px;font-weight:500;text-align:center;cursor:pointer;transition:transform 100ms ease,box-shadow 100ms ease,background 100ms ease}
.wi-option-card .wi-option-label{line-height:1.2;min-height:26px;display:flex;align-items:center;justify-content:center}
.wi-option-card svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-option-card input[type=checkbox]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.wi-invoice-editor .wi-option-card:is([aria-pressed=true],[data-checked=true]){background:#e7f6ee;border-color:#138162}
.wi-option-card[data-checked=true] [data-toggle-state]{background:#146e53;color:#fff}
.wi-invoice-editor .wi-option-card:focus-within,.wi-invoice-editor .wi-option-card:focus-visible{outline:2px solid #138162;outline-offset:3px}
.wi-invoice-editor .wi-option-card:not(:disabled):not(:has(input:disabled)):active{transform:translateY(2px);box-shadow:0 1px 0 #ccddd3}
.wi-invoice-editor .wi-option-card:has(input:disabled){opacity:.5;cursor:default}
.wi-option-card input:disabled{cursor:default}
@media(prefers-reduced-motion:reduce){.wi-invoice-editor .wi-option-card{transition:none}}

/* Navigation and large creation actions stay separate from financial totals. */
.wi-workspace .wi-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-bottom:16px;padding:10px 0;border-top:1px solid #dce7e1;border-bottom:1px solid #dce7e1}
.wi-workspace .wi-kpi-strip>button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:6px 16px;border:0;border-right:1px solid #dce7e1;border-radius:0;background:transparent;box-shadow:none;text-align:left}
.wi-workspace .wi-kpi-strip>button:first-child{padding-left:0}.wi-workspace .wi-kpi-strip>button:last-child{border-right:0}
.wi-kpi-strip span{font-size:12px;color:#526f63}.wi-kpi-strip strong{font-size:22px;color:#135c48;font-variant-numeric:tabular-nums}
.wi-workspace .wi-kpi-strip>button:hover{background:#f4f9f6}
.wi-workspace .wi-invoice-filters{grid-template-columns:40px minmax(120px,180px) 40px;align-items:center;gap:8px}
.wi-workspace .wi-invoice-filters>button{display:grid;place-items:center;width:40px;height:40px;padding:9px}
.wi-workspace .wi-invoice-filters .wi-status-filter select{height:40px;font-size:13px;padding:8px}
.wi-invoice-search{grid-column:1/-1;grid-row:2}.wi-invoice-search[hidden]{display:none!important}
.wi-workspace .wi-invoice-search input{font-size:16px}

.wi-overview-heading{font-size:22px;margin:0 0 14px}
.wi-workspace .wi-create-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.wi-workspace .wi-create-actions .wi-summary-tile{min-height:92px;align-items:center;justify-content:center}
.wi-workspace .wi-create-actions .wi-summary-tile>span{max-width:none;min-height:0;justify-content:center;font-size:12px}
.wi-workspace .wi-create-actions button:active{transform:translateY(2px)}
.wi-kpi-strip button:focus-visible{outline:2px solid #138162;outline-offset:3px}
@media(max-width:760px),(hover:none) and (pointer:coarse){
 .wi-workspace .wi-layout{min-width:0;max-width:100%}
 .wi-workspace .wi-drawer{display:flex;position:sticky;top:var(--wi-nav-top,0px);z-index:24;align-items:stretch;gap:8px;width:100%;height:auto;padding:6px 2px 8px;margin:0 0 10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;background:#f1f7f3;border-bottom:1px solid #d6e5dc;box-shadow:0 3px 8px #123e3010;scroll-padding-inline:2px}
 .wi-workspace .wi-drawer>[data-tab],.wi-workspace .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned)>[data-tab]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 100px;width:100px;min-width:100px;min-height:80px;height:80px;padding:8px 5px;gap:6px;transition:height 160ms ease,min-height 160ms ease,padding 160ms ease,background 140ms ease}
 .wi-workspace .wi-drawer .wi-drawer-label{width:100%;text-align:center}
 .wi-workspace.wi-nav-compact .wi-drawer>[data-tab],.wi-workspace.wi-nav-compact .wi-drawer:is([data-rail-click-open],:hover,:focus-visible,:has(:focus-visible),.is-pinned)>[data-tab]{height:60px;min-height:60px;padding:5px;gap:3px}
 .wi-workspace.wi-nav-compact .wi-drawer-icon{height:20px}
 .wi-workspace.wi-nav-compact .wi-drawer svg{width:16px;height:16px}
 .wi-workspace .wi-main{padding:12px}
 .wi-overview-heading{display:none}
 .wi-workspace .wi-create-actions{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;overscroll-behavior-x:contain}
 .wi-workspace .wi-create-actions .wi-summary-tile{flex:0 0 145px;width:145px}
 .wi-workspace .wi-create-actions .wi-summary-tile{min-height:84px}
 .wi-workspace .wi-kpi-strip{width:100%;margin-bottom:12px;padding:9px 0}
 .wi-workspace .wi-kpi-strip>button{padding:5px 9px;gap:6px}
 .wi-kpi-strip span{font-size:11px}.wi-kpi-strip strong{font-size:clamp(15px,4.5vw,20px)}
 .wi-workspace .wi-invoice-filters{max-width:none;grid-template-columns:40px minmax(0,1fr) 40px;margin-bottom:12px}
}

.wi-invoice-filters>button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media(prefers-reduced-motion:reduce){.wi-workspace .wi-drawer>[data-tab]{transition:none!important}}
.wi-library .wi-history-reorder{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border:1px solid #bdd7cb;background:white;white-space:nowrap;box-shadow:0 3px 0 #b7cfc6}
.wi-history-reorder svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.wi-reorder-shortcut{display:inline-flex;align-items:center;gap:8px;justify-self:start}
.wi-reorder-shortcut svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.wi-history-reorder:active,.wi-reorder-footer button:active{transform:translateY(2px);box-shadow:none}
.wi-reorder-dialog{width:min(920px,calc(100vw - 24px))}
.wi-reorder-intro{margin:0;color:#466c61;line-height:1.6}
.wi-reorder-list{display:grid;gap:0}
.wi-reorder-row{display:grid;grid-template-columns:24px 48px minmax(140px,1fr) minmax(150px,1fr) 80px 90px;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #d5e4de;min-width:0}
.wi-reorder-row .wi-reorder-check{display:flex;align-items:center}
.wi-reorder-row input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#0e6856}
.wi-reorder-row .wi-reorder-photo{width:48px;height:48px;margin:0;border-radius:8px;overflow:hidden;background:#f3f7f5}
.wi-reorder-product{min-width:0;overflow-wrap:anywhere}
.wi-reorder-product small{display:block;margin-top:4px;font-weight:400;line-height:1.4}
.wi-reorder-row select,.wi-reorder-row input[type=number]{width:100%;min-width:0}
.wi-reorder-row output{text-align:right;font-weight:600;font-size:14px}
.wi-reorder-row .wi-reorder-flavor{grid-column:4}
.wi-reorder-row:has(.wi-reorder-flavor) .wi-reorder-quantity{grid-column:5;grid-row:1 / 3}
.wi-reorder-row:has(.wi-reorder-flavor) output{grid-column:6;grid-row:1 / 3}
.wi-reorder-warning{color:#875500}
.wi-reorder-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;position:sticky;bottom:0;padding:16px 0;background:white;border-top:1px solid #d5e4de}
.wi-reorder-footer>div{display:flex;gap:8px}
.wi-reorder-footer button{box-shadow:0 3px 0 #b7cfc6}
@media(max-width:600px){
 .wi-reorder-dialog{width:100%;max-width:100%;max-height:100dvh;margin:auto 0;border-radius:0}
 .wi-reorder-row{grid-template-columns:24px 42px minmax(0,1fr) 76px;gap:10px;padding:16px 0}
 .wi-reorder-row .wi-reorder-photo{width:42px;height:42px}
 .wi-reorder-product{grid-column:3 / 5}
 .wi-reorder-row .wi-reorder-variant{grid-column:1 / 4}
 .wi-reorder-row .wi-reorder-quantity,.wi-reorder-row:has(.wi-reorder-flavor) .wi-reorder-quantity{grid-column:4;grid-row:2}
 .wi-reorder-row .wi-reorder-flavor{grid-column:1 / 4;grid-row:3}
 .wi-reorder-row output,.wi-reorder-row:has(.wi-reorder-flavor) output{grid-column:4;grid-row:3;font-size:12px}
 .wi-reorder-footer>div{width:100%}.wi-reorder-footer button{flex:1}
}
.wi-product-history-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0}
.wi-dialog .wi-product-history-filter button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;font-size:12px;box-shadow:0 2px 0 #c5d8d1}
.wi-product-history-filter button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.wi-dialog .wi-product-history-filter button[aria-pressed=true]{background:#e5f3ee;border-color:#13866c;color:#075a47}
.wi-dialog .wi-product-history-filter button:active{transform:translateY(2px);box-shadow:none}
.wi-product-history-filter small{font-size:11px;color:#526f63}
.wi-product-tile .wi-product-frequency{font-size:11px;color:#476d60}
/* Mobile invoice summaries: customer first, account details, then documents. */
@media(max-width:600px){
 .wi-workspace .wi-invoice-library{--invoice-card-bg:#f5f6f8;--invoice-card-accent:#7b8794}
 .wi-workspace .wi-invoice-library tbody tr[data-invoice-status]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"customer customer" "status due" "total balance" "documents documents";gap:14px 12px;padding:16px 14px;background:var(--invoice-card-bg);border:2px solid var(--invoice-card-accent);box-shadow:0 2px 5px #183f3209}
 .wi-workspace .wi-invoice-library tr[data-invoice-status="paid"],.wi-workspace .wi-invoice-library tr[data-invoice-status="settled_by_credit"]{--invoice-card-bg:#edf8f1;--invoice-card-accent:#32815c}
 .wi-workspace .wi-invoice-library tr[data-invoice-status="unpaid"]{--invoice-card-bg:#fff8e9;--invoice-card-accent:#b17b16}
 .wi-workspace .wi-invoice-library tr[data-invoice-status="partially_paid"]{--invoice-card-bg:#eef5fc;--invoice-card-accent:#397aaa}
 .wi-workspace .wi-invoice-library tr[data-invoice-status="overdue"]{--invoice-card-bg:#fff0ee;--invoice-card-accent:#bc5245}
 .wi-workspace .wi-invoice-library tr[data-invoice-status="void"]{--invoice-card-bg:#f3f3f3;--invoice-card-accent:#898989}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] .wi-invoice-customer{grid-area:customer;font-size:18px;line-height:1.3;font-weight:700}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] .wi-invoice-customer::before{display:none}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] .wi-invoice-customer>small{font-size:12px;font-weight:400}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Status"]{grid-area:status;align-self:center}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Status"]::before{display:none}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] .wi-status{background:white;color:#284b3e;border:1px solid color-mix(in srgb,var(--invoice-card-accent) 40%,white);font-weight:600;padding:5px 9px}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Due"]{grid-area:due}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Total"]{grid-area:total;font-size:18px;font-weight:600}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Balance"]{grid-area:balance;font-size:18px;font-weight:700}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] td[data-label="Balance"]::before{content:"Balance due"}
 .wi-workspace .wi-invoice-library tr[data-invoice-status] .wi-invoice-document-cell{grid-area:documents;min-width:0;max-width:100%;width:100%;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--invoice-card-accent) 25%,white)}
 .wi-workspace .wi-invoice-library .wi-invoice-document-cell>.od-strip{max-width:100%;gap:8px;padding:1px 1px 4px;align-items:stretch}
 .wi-workspace .wi-invoice-library .wi-invoice-document-cell .wi-document-action{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;justify-items:start;column-gap:8px;row-gap:4px;flex:1 0 calc((100% - 8px)/2);width:auto;min-width:0;min-height:64px;height:auto;max-width:160px;padding:9px;text-align:left;background:#ffffffd9;border-color:color-mix(in srgb,var(--invoice-card-accent) 35%,white);box-shadow:0 2px 0 color-mix(in srgb,var(--invoice-card-accent) 20%,white)}
 .wi-workspace .wi-invoice-library .wi-invoice-document-cell .wi-document-action>.wi-document-paper{grid-column:1;grid-row:1 / 3;transform:scale(.7);transform-origin:left center}
 .wi-workspace .wi-invoice-library .wi-invoice-document-cell .wi-document-action>:not(.wi-document-paper){grid-column:2;margin:0;overflow-wrap:anywhere}
 .wi-workspace .wi-invoice-library .wi-invoice-document-cell .wi-document-action:active{transform:translateY(2px);box-shadow:none}
}
.wi-account-status-editor [hidden]{display:none!important}
.wi-account-status-editor [data-account-status-help]{margin:10px 0 0;line-height:1.5}
.wi-internal-details{margin:16px 0;padding:12px 16px;border:1px solid #c7dcd4;border-radius:8px;background:#f6faf8}
.wi-internal-details>summary{cursor:pointer;font-weight:600;min-height:24px;line-height:24px}
.wi-internal-details>summary:focus-visible{outline:2px solid #26775c;outline-offset:4px}
.wi-internal-details .wi-payment-history{margin-top:16px}
.bp-catalog-pack-default{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #ccdfd4}
.bp-catalog-pack-default label{display:grid;gap:6px;max-width:420px;font-size:13px;font-weight:600}
.bp-catalog-pack-default input{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #bdd5c9;border-radius:7px;background:white;color:#183f32;font:inherit}
.bp-catalog-pack-default .bp-catalog-help{margin-top:8px}
.bp-catalog-variation-fields .bp-variation-pack-size{grid-column:1/-1}
.bp-catalog-variation-fields .bp-variation-pack-size small{font-weight:400;line-height:1.5;color:#607368}

/* Compact invoice actions; print remains directly available. */
.wi-dialog .wi-detail-actions.wi-action-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;position:relative}
.wi-dialog .wi-action-bar>button[data-print]{width:42px;min-width:42px;height:42px;justify-content:center;padding:10px}
.wi-action-bar>[data-print]>span{display:none}
.wi-action-dropdown{position:static;min-width:0}
.wi-action-dropdown>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:11px 10px;border-radius:7px;font-size:13px;white-space:nowrap;color:#365f50}
.wi-action-dropdown>summary::-webkit-details-marker{display:none}
.wi-action-dropdown>summary::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.wi-action-dropdown[open]>summary,.wi-action-dropdown>summary:hover{background:#edf5f0;color:#155a44}
.wi-action-dropdown>summary:focus-visible{outline:2px solid #168365;outline-offset:2px}
.wi-action-options{position:absolute;top:calc(100% + 5px);left:0;z-index:4;width:min(280px,100%);box-sizing:border-box;padding:6px;border:1px solid #ccddd4;border-radius:10px;background:#fff;box-shadow:0 8px 24px #153f3226;display:grid;gap:2px;max-height:55dvh;overflow-y:auto}
.wi-dialog .wi-action-options>button{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;text-align:left;border:0;background:white;padding:10px;font-size:13px;border-radius:6px}
.wi-action-options>button>svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wi-dialog .wi-action-options>button:hover{background:#edf5f0}
.wi-dialog .wi-action-options>.wi-action-destructive{color:#a62727}
.wi-action-options>.wi-action-destructive:first-of-type{border-top:1px solid #e6ece8}
@media(max-width:380px){.wi-dialog .wi-detail-actions.wi-action-bar{gap:2px}.wi-action-dropdown>summary{padding:11px 7px;gap:6px;font-size:12px}}

.wi-dialog .wi-action-options>button{justify-content:flex-start}

.wi-dialog.wi-payment-dialog{width:min(660px,calc(100vw - 24px))}
.wi-payment-form{gap:18px}.wi-payment-form>.wi-muted{margin:0;line-height:1.55}
.wi-payment-summary{display:flex;justify-content:space-between;gap:18px;padding:18px;background:#f0f7f3;border:1px solid #d4e5da;border-radius:12px}
.wi-payment-summary>div{display:grid;gap:6px;min-width:0}.wi-payment-summary>div:last-child{text-align:right;flex-shrink:0}.wi-payment-summary strong{overflow-wrap:anywhere}.wi-payment-summary>div:last-child strong{font-size:24px}
.wi-payment-methods{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}.wi-payment-methods legend{font-weight:bold;font-size:13px;margin-bottom:10px}
.wi-dialog .wi-payment-methods label{display:flex;align-items:center;gap:8px;padding:13px 10px;border:1px solid #c5dcd0;border-radius:9px;cursor:pointer;font-weight:normal}
.wi-payment-methods label:has(:checked){background:#e9f5ee;border-color:#19856a;box-shadow:inset 0 0 0 1px #19856a}
.wi-dialog .wi-payment-methods input{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:#14795e}
.wi-payment-fields{padding:18px;border:1px solid #d6e4dc;border-radius:12px}.wi-payment-fields h3{font-size:15px;margin:0 0 16px}.wi-payment-reference{grid-column:1/-1}
.wi-payment-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #d6e4dc}.wi-payment-form [data-status]:empty{display:none}
.wi-payment-form [data-link-result]{display:grid;gap:12px}.wi-payment-form [hidden]{display:none!important}
@media(max-width:600px){.wi-payment-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.wi-payment-summary{padding:14px;gap:12px}.wi-payment-summary>div:last-child strong{font-size:20px}.wi-payment-fields{padding:14px}.wi-payment-footer button{flex:1}}

.wi-internal-details[hidden]{display:none!important}
.wi-dialog.wi-internal-dialog{width:min(720px,calc(100vw - 24px))}
.wi-internal-details.wi-internal-panel{margin:0;padding:0;border:0;background:transparent}
.wi-internal-panel>summary{display:none}
.wi-internal-panel>p:first-of-type{margin-top:0}
.wi-internal-panel .wi-payment-history>div{flex-wrap:wrap;gap:10px}

.wi-dialog-body>[hidden]{display:none!important}
.wi-internal-view-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.wi-dialog [data-back-invoice]{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
[data-back-invoice] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wi-internal-view-heading>div{display:grid;gap:6px;text-align:right;min-width:0;overflow-wrap:anywhere}
.wi-internal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wi-internal-panel .wi-internal-card{margin:0;padding:20px;border:1px solid #d4e3da;border-radius:12px;background:#f7faf8;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.wi-internal-card h3{margin:0 0 12px;font-size:16px}.wi-internal-card p{margin:8px 0}.wi-internal-card p:last-child{margin-bottom:0}
.wi-internal-card.wi-invoice-tags-section{align-content:start;align-items:center}.wi-internal-card.wi-invoice-tags-section>strong{flex-basis:100%;font-size:16px}
.wi-internal-card.wi-payment-history>div{padding:10px 0}
@media(max-width:600px){.wi-internal-grid{grid-template-columns:minmax(0,1fr);gap:12px}.wi-internal-panel .wi-internal-card{padding:16px}.wi-internal-view-heading{align-items:flex-start;flex-direction:column}.wi-internal-view-heading>div{text-align:left}}