/* Sold usernames — phone layout, white mode (monochrome): paper surfaces, black ink; the coins keep their black finish.
 * Loaded after sold-mobile.css on pages/sold.php. */
@media (max-width: 1023px) {
    html[data-theme="light"] .sdm { --sdm-bg: var(--theme-paper); color: var(--theme-ink); }
    html[data-theme="light"] .sdm__glow { background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 65%); }
    html[data-theme="light"] :is(.sdm__crumbs a, .sdm__meta, .sdm__lead, .sdm__title span, .sdm-rec__label, .sdm-rec__cap, .sdm-bar__count, .sdm-card__pl, .sdm-row__meta, .sdm-row__sold, .sdm-empty p) { color: var(--theme-muted); }
    html[data-theme="light"] :is(.sdm__crumbs span, .sdm__title, .sdm-rec__val, .sdm-bar__count b, .sdm-card__user, .sdm-card__price, .sdm-card__pl i, .sdm-row__user, .sdm-row__price, .sdm-row__sold i, .sdm-row__ico, .sdm-empty h2, .sdm-empty h3, .sdm-more) { color: var(--theme-ink); }
    html[data-theme="light"] :is(.sdm__crumbs i, .sdm-card__no, .sdm-more__n) { color: rgba(0, 0, 0, 0.4); }
    html[data-theme="light"] .sdm__stack > span { background: var(--theme-surface-2); box-shadow: 0 0 0 2px var(--theme-paper), inset 0 0 0 1px var(--theme-line); }

    html[data-theme="light"] .sdm-rec { background: linear-gradient(180deg, var(--theme-line-strong) 0%, var(--theme-line) 55%, var(--theme-line-strong) 100%); }
    html[data-theme="light"] .sdm-rec__in { background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-2) 100%); box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.35); }
    html[data-theme="light"] .sdm-rec__art img { filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.3)); }
    html[data-theme="light"] .sdm-rec__art::after { background: radial-gradient(ellipse, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0) 70%); }
    html[data-theme="light"] .sdm-rec__vol { background-image: linear-gradient(180deg, #0a0a0a 0%, #2c2c30 50%, #6b6b72 100%); }
    html[data-theme="light"] :is(.sdm-rec__split, .sdm-rec__cell:first-child) { border-color: var(--theme-line); }
    html[data-theme="light"] .sdm-rec__icons > span { background: var(--theme-ink); box-shadow: 0 0 0 2px var(--theme-surface); color: #fff; }

    html[data-theme="light"] .sdm-tabs { border-bottom-color: var(--theme-line); }
    html[data-theme="light"] .sdm-tabs__ind { background: var(--theme-ink); box-shadow: none; }
    html[data-theme="light"] .sdm-tab { color: var(--theme-muted); }
    html[data-theme="light"] .sdm-tab__n { background: rgba(0, 0, 0, 0.06); color: var(--theme-muted); }
    html[data-theme="light"] .sdm-tab[aria-pressed="true"] { color: var(--theme-ink); }
    html[data-theme="light"] .sdm-tab[aria-pressed="true"] .sdm-tab__n { background: var(--theme-ink); color: #fff; }
    html[data-theme="light"] :is(.sdm-tab, .sdm-view, .sdm-more):focus-visible { outline-color: var(--theme-ink); }

    html[data-theme="light"] .sdm-views { border-color: var(--theme-line); background: var(--theme-surface); }
    html[data-theme="light"] .sdm-view { color: var(--theme-muted); }
    html[data-theme="light"] .sdm-view[aria-pressed="true"] { background: var(--theme-ink); color: #fff; }

    html[data-theme="light"] .sdm-card { border-color: var(--theme-line); background: linear-gradient(180deg, var(--theme-surface) 0%, var(--theme-surface-2) 100%); box-shadow: 0 10px 24px -20px rgba(0, 0, 0, 0.35); }
    html[data-theme="light"] .sdm-card__perf { border-top-color: var(--theme-line-strong); }
    html[data-theme="light"] .sdm-card__perf::before, html[data-theme="light"] .sdm-card__perf::after { border-color: var(--theme-line); }
    html[data-theme="light"] .sdm-card__tag { border-color: var(--theme-line-strong); color: var(--theme-ink); }

    html[data-theme="light"] .sdm-rows { background: linear-gradient(180deg, var(--theme-line-strong) 0%, var(--theme-line) 55%, var(--theme-line-strong) 100%); }
    html[data-theme="light"] .sdm-rows__in { background: var(--theme-surface); }
    html[data-theme="light"] .sdm-row + .sdm-row { border-top-color: var(--theme-line); }
    html[data-theme="light"] .sdm-row__ico { background: var(--theme-surface-2); border-color: var(--theme-line); }

    html[data-theme="light"] .sdm-empty { border-color: var(--theme-line-strong); }
    html[data-theme="light"] .sdm-empty__ico { background: var(--theme-surface-2); color: var(--theme-ink); }
    html[data-theme="light"] .sdm-more { border-color: var(--theme-line-strong); background: var(--theme-surface); }
    html[data-theme="light"] .sdm-more:active { background: var(--theme-surface-2); }
}