body[data-theme="dark"] .stock-sales-offer-page {
    --offer-hero-bg: color-mix(in srgb, var(--s-color-card, #1a1a1a) 90%, var(--s-color-body-text, #ffffff) 10%);
    --offer-hero-fg: var(--s-color-body-text, #f4f4f5);
    --offer-hero-muted: color-mix(in srgb, var(--offer-hero-fg) 60%, transparent);
    --offer-hero-chip-bg: color-mix(in srgb, var(--offer-hero-fg) 12%, transparent);

    --offer-focused-row-bg: color-mix(in srgb, var(--s-color-primary, #3b82f6) 16%, var(--offer-panel-bg));
}

/* The offer page manages its own height; the layout's bottom padding would otherwise add a page scrollbar. */
@media (min-width: 1280px) and (min-height: 650px) {
    main:has(.stock-sales-offer-page) {
        padding-bottom: 0 !important;
        min-height: 0 !important;
        overflow: hidden;
    }
}