/* Studio's actual six-column sales layout, adapted to live record actions. */
@media screen {
 html:root #app #page .studio-sales-page #sales-results .studio-sale-orders-table { padding:0 12px 12px; min-width:0; }
 html:root #app #page .studio-sales-page #sales-results :is(.studio-sale-orders-header,.studio-sale-order-row) { display:grid; grid-template-columns:minmax(180px,1.65fr) minmax(90px,.75fr) minmax(100px,.8fr) minmax(125px,1fr) 90px 105px; align-items:center; gap:12px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-orders-header { padding:0 13px 12px; font-size:9px; text-transform:uppercase; letter-spacing:.6px; color:var(--studio-muted); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order { display:block; position:relative; padding:0; margin:0 0 8px; border:1px solid var(--studio-line); border-radius:11px; background:transparent; box-shadow:none; cursor:pointer; transition:background-color .2s,border-color .2s; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:last-child { margin-bottom:0; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:hover { background:color-mix(in srgb,var(--studio-text) 1%,transparent); border-color:color-mix(in srgb,var(--studio-accent) 25%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:focus-visible { outline:2px solid var(--studio-accent); outline-offset:3px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:has(.studio-sale-expand[aria-expanded="true"]) { border-color:color-mix(in srgb,var(--studio-accent) 34%,transparent); background:color-mix(in srgb,var(--studio-accent) 1.2%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-row { padding:18px 13px; min-height:79px; box-sizing:border-box; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-customer { display:flex; align-items:center; gap:10px; min-width:0; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-avatar { display:grid; place-items:center; flex:none; width:33px; height:33px; padding:0; margin:0; border:1px solid color-mix(in srgb,var(--studio-accent) 20%,var(--studio-line)); border-radius:10px; background:color-mix(in srgb,var(--studio-accent) 15%,transparent); color:var(--studio-accent); font-size:10px; font-weight:700; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-customer>div { min-width:0; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-name { display:block; margin:0; min-height:0; border:0; padding:0; background:none; color:var(--studio-text); text-align:left; font-size:12px; font-weight:700; line-height:1.6; text-decoration:none; overflow-wrap:anywhere; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-name:hover { color:var(--studio-accent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-customer>div>span { display:block; color:var(--studio-muted); font-size:9px; margin-top:4px; line-height:1.5; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-customer i { font-style:normal; padding:0 5px; color:var(--studio-muted); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-seller { color:var(--studio-text); font-size:12px; font-weight:600; line-height:1.6; min-width:0; overflow-wrap:anywhere; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-seller .sale-commission-paid { display:flex; width:fit-content; max-width:100%; margin-top:4px; padding:2px 5px; gap:3px; border-radius:5px; font-size:8px; line-height:1.5; white-space:normal; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-seller .sale-commission-paid .icon { width:10px; height:10px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-amount strong { display:block; font-size:12px; font-weight:700; color:var(--studio-text); font-variant-numeric:tabular-nums; letter-spacing:0; }
 html:root #app #page .studio-sales-page #sales-results :is(.studio-sale-order-amount,.studio-sale-order-finance) small { display:block; margin-top:5px; color:var(--studio-muted); font-size:9px; line-height:1.5; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge { display:inline-flex; align-items:center; gap:5px; max-width:100%; padding:4px 7px; border:1px solid currentColor; border-color:color-mix(in srgb,currentColor 18%,transparent); border-radius:6px; font-size:8px; font-weight:600; line-height:1.4; white-space:nowrap; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge::before { content:""; width:4px; height:4px; flex:none; background:currentColor; border-radius:50%; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge.green { color:var(--studio-green); background:color-mix(in srgb,var(--studio-green) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge.amber { color:var(--studio-gold); background:color-mix(in srgb,var(--studio-gold) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge.red { color:var(--studio-red); background:color-mix(in srgb,var(--studio-red) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge.blue { color:var(--studio-accent); background:color-mix(in srgb,var(--studio-accent) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-badge.muted { color:var(--studio-muted); background:color-mix(in srgb,var(--studio-muted) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-finance>.refund-pending-badge,
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-finance>.refund-completed-badge { font-size:8px; padding:4px 7px; line-height:1.4; white-space:normal; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions { position:relative; display:flex; gap:3px; align-items:center; justify-content:flex-end; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-status { display:flex; align-items:center; flex-wrap:wrap; gap:5px; }
 html:root #app #page .inventory-launched-tag { display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; flex:none; width:25px; height:25px; min-width:25px; min-height:25px; padding:0; box-sizing:border-box; border:1.5px solid; border-radius:50%; color:var(--studio-green,var(--ds-record-positive)); background:color-mix(in srgb,var(--studio-green,var(--ds-record-positive)) 9%,transparent); border-color:currentColor; }
 html:root #app #page .inventory-launched-tag span.stock-posted-symbol { display:block; width:auto; height:auto; flex:none; font-size:12px; font-weight:750; line-height:1; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions :is(.studio-sale-expand,.sale-actions-menu>summary,.sale-open-direct) { display:grid; place-items:center; flex:none; width:31px; height:31px; min-height:31px; min-width:31px; padding:5px; margin:0; background:var(--studio-surface-2); border:1px solid var(--studio-line); border-radius:8px; box-shadow:none; color:var(--studio-muted); cursor:pointer; font-size:19px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions :is(.studio-sale-expand,.sale-actions-menu>summary,.sale-open-direct):hover { color:var(--studio-accent); border-color:var(--studio-line); background:var(--studio-surface-2); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions .icon { width:17px; height:17px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-expand[aria-expanded="true"] { border-color:color-mix(in srgb,var(--studio-accent) 32%,transparent); background:color-mix(in srgb,var(--studio-accent) 8%,transparent); color:var(--studio-accent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-expand[aria-expanded="true"]>.icon { transform:rotate(-90deg); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions .sale-actions-menu { position:static; padding:0; margin:0; min-width:0; border:0; background:transparent; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-actions .sale-actions-popover { border-radius:14px; border-color:color-mix(in srgb,var(--studio-accent) 27%,var(--studio-line)); background:var(--studio-surface-2); box-shadow:0 15px 50px #0005; padding:10px; cursor:default; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded.sale-record-products { display:block; grid-column:auto; grid-row:auto; margin:0 12px; padding:0 20px 15px; border-top:1px solid var(--studio-line); cursor:default; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded[hidden] { display:none!important; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded-label { display:flex; align-items:center; gap:7px; color:var(--studio-accent); font-size:10px; font-weight:700; padding:17px 0 9px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded-label .icon { width:16px; height:16px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded>ul { margin:0; padding:0; list-style:none; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded>ul>li { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:20px; padding:11px 0; border:0; border-bottom:1px solid var(--studio-line); font-size:11px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded>ul>li>div { display:block; min-width:0; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded>ul>li>span { color:var(--studio-muted); font-size:10px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-expanded small { display:block; font-size:9px; margin-top:6px; color:var(--studio-muted); }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer { display:flex; align-items:center; gap:25px; padding-top:17px; font-size:9px; color:var(--studio-muted); }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer strong { display:block; font-size:11px; color:var(--studio-text); margin-top:4px; font-variant-numeric:tabular-nums; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer .profit>strong { color:var(--studio-green); }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer .loss>strong { color:var(--studio-red); }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer .pending>strong { color:var(--studio-gold); }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer .commission>strong { color:var(--studio-accent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-text-link { display:inline-flex; align-items:center; gap:6px; border:0; padding:4px 0; background:transparent; color:var(--studio-accent); text-decoration:none; font-size:11px; font-weight:700; line-height:1.4; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer .studio-sale-text-link { margin-left:auto; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-notices { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-notices:empty { display:none; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-notices:not(:empty) { margin-top:12px; }
 html:root #app #page .studio-sales-page #sales-results .studio-order-notices .badge { font-size:9px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order>.sale-selection-control { position:absolute; left:8px; top:16px; margin:0; z-index:1; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:has(>.sale-selection-control:not([hidden])) .studio-sale-order-row { padding-left:40px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order:has([data-sale-select]:checked) { border-color:var(--studio-accent); background:var(--studio-accent-soft); }
 @media(max-width:1250px) {
  html:root #app #page .studio-sales-page #sales-results :is(.studio-sale-orders-header,.studio-sale-order-row) { grid-template-columns:minmax(150px,1.5fr) minmax(80px,.7fr) minmax(90px,.8fr) minmax(115px,1fr) 75px 99px; gap:7px; }
  html:root #app #page .studio-sales-page #sales-results .studio-sale-order-customer>.studio-sale-avatar { display:none; }
 }
 @media(max-width:1050px) {
  html:root #app #page .studio-sales-page #sales-results .studio-sale-orders-table { overflow-x:auto; }
  html:root #app #page .studio-sales-page #sales-results :is(.studio-sale-orders-header,.studio-sale-order-row) { grid-template-columns:minmax(150px,1.5fr) 80px 100px 120px 78px 99px; }
  html:root #app #page .studio-sales-page #sales-results :is(.studio-sale-orders-header,.studio-sale-order) { min-width:702px; }
 }
 @media(max-width:650px) {
  html:root #app #page .studio-sales-page #sales-results .studio-order-financial-footer { gap:12px; flex-wrap:wrap; }
 }
 @media(prefers-reduced-motion:reduce) { html:root #app #page .studio-sales-page #sales-results .studio-sale-order { transition:none; } }
}

@media screen { html:root #app #page .studio-sales-page #sales-results .studio-sale-expand>.icon {transform:rotate(90deg)} html:root #app #page .studio-sales-page #sales-results .studio-sale-expand[aria-expanded="true"]>.icon {transform:rotate(-90deg)} html:root #app #page .studio-sales-page #sales-results .sale-actions-menu>summary .sale-actions-dots {writing-mode:vertical-rl} }

/* Keep the previous SVG module contained while assets are being replaced. */
@media screen { html:root #app #page :is(.inventory-launched-tag,.sale-detail-stock-icon) svg.stock-posted-symbol { width:16px; height:16px; flex:none; } }

/* Visible record markers, separate from values and expandable products. */
@media screen {
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-row { padding-top:14px; padding-bottom:14px; min-height:72px; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-order-finance>strong { color:var(--studio-green); font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers { display:flex; flex-wrap:wrap; align-items:center; gap:7px; min-width:0; padding:9px 13px; border-top:1px solid var(--studio-line); border-radius:0 0 11px 11px; background:color-mix(in srgb,var(--studio-surface-2) 45%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers :is(.studio-sale-badge,.sale-commission-paid,.badge,.stock-posting-state,.refund-pending-badge,.refund-completed-badge) { display:inline-flex; align-items:center; gap:5px; margin:0; padding:5px 8px; min-height:25px; box-sizing:border-box; border-radius:6px; font-size:9px; line-height:1.4; font-weight:600; white-space:normal; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers .sale-attention-badges { display:contents; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers .sale-attention-badges>small { display:none; }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers .badge.warn { color:var(--studio-gold); border:1px solid color-mix(in srgb,var(--studio-gold) 22%,transparent); background:color-mix(in srgb,var(--studio-gold) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers .sale-commission-paid { color:var(--studio-green); border:1px solid color-mix(in srgb,var(--studio-green) 22%,transparent); background:color-mix(in srgb,var(--studio-green) 9%,transparent); }
 html:root #app #page .studio-sales-page #sales-results .studio-sale-markers .icon { width:13px; height:13px; flex:none; }
 html:root #app #page .sale-detail-stock-icon:has(.stock-posted-symbol) { display:inline-flex; align-items:center; justify-content:center; flex:none; width:29px; height:29px; min-width:29px; min-height:29px; box-sizing:border-box; color:var(--studio-green); border:1.5px solid currentColor; border-radius:50%; background:transparent; }
 html:root #app #page .sale-detail-stock-icon .stock-posted-symbol { font-size:17px; font-weight:750; line-height:1; }
}