/* Dense order body, semantic figures and a separate metadata footer. */
@media screen {
 html:root { --sales-revenue:#5141b5; --sales-cost:#53627a; --sales-commission:#0b7184; --sales-positive:#18754c; --sales-negative:#bc3047; --sales-pending:#93620a; }
 html[data-theme="dark"] { --sales-revenue:#b4acff; --sales-cost:#b9c8df; --sales-commission:#70d5e7; --sales-positive:#65ddaa; --sales-negative:#ff8f9e; --sales-pending:#f3c36b; }
 html:root #app #page .sale-record-compact { border-radius:12px; }
 html:root #app #page .sale-record-reference { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; }
 html:root #app #page .sale-record-reference>.sale-number { display:inline; min-width:0; min-height:0; padding:0; border:0; border-radius:0; background:transparent; line-height:18px; }
 html:root #app #page .sale-record-reference>.sale-number::before,
 html:root #app #page .sale-record-reference>.sale-number::after { content:none; }
 html:root #app #page .sale-record-meta-line { flex-direction:row; align-items:center; gap:4px; }
 html:root #app #page .sale-record-markers,
 html:root #app #page .sale-record-markers :is(.sale-record-alerts,.sale-attention-badges) { display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; min-width:0; margin:0; padding:0; background:transparent; border:0; }
 html:root #app #page .sale-record-markers { justify-content:flex-start; text-align:left; }
 html:root #app #page .sale-record-markers :is(.sale-record-status-summary,.badge,.wholesale-badge) { font-size:10px; line-height:1.4; border-radius:5px; padding:2px 6px; min-height:0; border:1px solid color-mix(in srgb,currentColor 32%,transparent); }
 html:root #app #page .sale-record-markers .sale-record-seller-badge { color:var(--ds-muted); font-size:11px; font-weight:450; padding:0; background:transparent; border:0; overflow-wrap:anywhere; }
 html:root #app #page .sale-record-markers .wholesale-badge { color:var(--ds-muted); background:transparent; }
 html:root #app #page #sales-results .sale-record-markers :is(.sale-record-status-summary,.badge,.wholesale-badge) { min-height:0; padding:2px 6px; font-size:10px; line-height:14px; }
 html:root #app #page #sales-results .sale-record-markers .sale-record-seller-badge { min-height:0; padding:0; line-height:16px; }
 html:root #app #page .sale-record-compact-values strong { font-variant-numeric:tabular-nums; }
 html:root #app #page #sales-results>.sales-records-compact { gap:8px; }
 html:root #app #page #sales-results[data-layout="list"] .sale-record-compact { grid-template-columns:minmax(0,1fr) minmax(270px,420px) 36px 32px; padding:10px 14px 0; gap:2px 10px; align-items:center; }
 html:root #app #page #sales-results[data-layout="list"] .sale-record-compact:has(.sale-selection-control:not([hidden])) { padding-left:46px; }
 html:root #app #page #sales-results .sale-record-meta-line { grid-column:1; grid-row:1; gap:4px; margin:0; padding:0; }
 html:root #app #page #sales-results .sale-record-compact-identity { grid-column:1; grid-row:2; margin:0; padding:0; }
 html:root #app #page #sales-results .sale-record-compact-identity>strong { font-size:14px; line-height:1.4; }
 html:root #app #page #sales-results .sale-record-compact-values { grid-column:2; grid-row:1/3; align-self:center; padding:0; }
 html:root #app #page #sales-results .sale-record-compact-values>span { padding:3px 8px; gap:3px; }
 html:root #app #page #sales-results .sale-record-compact-values strong { font-size:14px; font-weight:700; letter-spacing:-.02em; }
 html:root #app #page #sales-results .sale-record-header>.sale-actions-menu { grid-column:4; grid-row:1/3; }
 html:root #app #page #sales-results .sale-record-header>.sale-record-open { grid-column:3; grid-row:1/3; width:36px; min-width:36px; height:36px; min-height:36px; padding:8px; }
 html:root #app #page .sale-record-products-heading { justify-content:flex-end; }
 html:root #app #page #sales-results[data-layout="grid"]>.sales-records-compact { grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr)); }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-compact { display:block; position:relative; padding:10px 12px 0; }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-header { display:flex; min-height:36px; padding:0; border:0; background:transparent; }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-header>.sale-actions-menu { margin-left:0; }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-overview { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:4px 0 0; background:transparent; }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-compact-identity { grid-column:1; grid-row:auto; }
 html:root #app #page #sales-results[data-layout="grid"] .sale-record-compact-values { grid-column:1; grid-row:auto; }
 html:root #app #page #sales-results .sale-record-compact-footer { grid-column:1/-1; grid-row:3; min-height:0; margin:5px 0 0; padding:4px 0; border-top:1px solid var(--ds-line); justify-content:flex-start; text-align:left; gap:4px 8px; }
 html:root #app #page #sales-results .sale-record-products { grid-column:1/-1; grid-row:4; padding-top:0; }
 html:root #app #page #sales-results .sale-record-products>ul { margin-top:0; }
 html:root #app #page #sales-results .sale-record-products>ul>li:first-child { border-top:0; }
 html:root #app #page .sale-record-compact-values>.sale-value>strong,
 html:root #app #page #sales-results .sale-record-compact-values>.sale-value>strong { color:var(--sales-revenue); }
 html:root #app #page .sale-record-compact-values>.cost-value>strong,
 html:root #app #page #sales-results .sale-record-compact-values>.cost-value>strong { color:var(--sales-cost); }
 html:root #app #page .sale-record-compact-values>.commission-value>strong,
 html:root #app #page #sales-results .sale-record-compact-values>.commission-value>strong { color:var(--sales-commission); }
 html:root #app #page .sale-record-compact-values>:is(.profit,.received-value)>strong,
 html:root #app #page #sales-results .sale-record-compact-values>:is(.profit,.received-value)>strong { color:var(--sales-positive); }
 html:root #app #page .sale-record-compact-values>.loss>strong,
 html:root #app #page #sales-results .sale-record-compact-values>.loss>strong { color:var(--sales-negative); }
 html:root #app #page .sale-record-compact-values>.pending>strong,
 html:root #app #page #sales-results .sale-record-compact-values>.pending>strong { color:var(--sales-pending); }
 html:root #app #page #filter-form[aria-busy="true"] { border-color:color-mix(in srgb,var(--ds-accent) 45%,var(--ds-line)); }
 html:root #app #page .sales-sync-notice { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 12px; color:var(--ds-muted); font-size:12px; }
}
@media screen and (max-width:850px) {
 html:root #app #page #sales-results[data-layout="list"] .sale-record-compact { grid-template-columns:minmax(0,1fr) 44px 44px; padding:10px 12px 0; gap:3px 6px; }
 html:root #app #page #sales-results .sale-record-header>.sale-actions-menu { grid-column:3; }
 html:root #app #page #sales-results .sale-record-header>.sale-record-open { grid-column:2; width:44px; min-width:44px; height:44px; min-height:44px; }
 html:root #app #page #sales-results .sale-record-compact-values { grid-column:1/-1; grid-row:3; padding-top:6px; border-top:0; }
 html:root #app #page #sales-results .sale-record-compact-footer { grid-row:4; margin-top:4px; padding:4px 0; }
 html:root #app #page #sales-results .sale-record-products { grid-row:5; }
}
@media screen and (max-width:700px) {
 html:root #app #page #sales-results .sale-record-compact-values { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 0; }
 html:root #app #page #sales-results .sale-record-compact-values.values-1 { grid-template-columns:minmax(0,1fr); }
 html:root #app #page #sales-results .sale-record-compact-values.values-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
 html:root #app #page #sales-results .sale-record-compact-values>span { padding:2px 7px; gap:2px; justify-items:start; text-align:left; }
 html:root #app #page #sales-results .sale-record-compact-values>span:nth-child(odd) { border-left:0; padding-left:0; }
 html:root #app #page #sales-results .sale-record-compact-values.values-3>span:not(:first-child) { border-left:1px solid var(--ds-line); padding-left:7px; }
 html:root #app #page #sales-results .sale-record-compact-values strong { font-size:13px; }
 html:root #app #page #sales-results .sale-record-compact-values small { font-size:10px; }
}