/* SERO clean overlay: black / white / gray. Existing functions stay in the DOM. */

html.skin-clean,
html.skin-clean.force-dark {
  --bg: #000000;
  --bg-elevated: #111111;
  --fill: #1c1c1e;
  --fill-2: #2c2c2e;
  --label: #ffffff;
  --label-2: #a1a1a6;
  --label-3: #8e8e93;
  --separator: rgba(255, 255, 255, .12);
  --tint: #ffffff;
  --tint-soft: rgba(255, 255, 255, .08);
  --surface: #1c1c1e;
  --font-sero: "SERO Sans Beta", sans-serif;
}
  --surface-solid: #1c1c1e;
  --card: #1c1c1e;
  --glass: #111111;
  --glass-strong: #1c1c1e;
  --glass-bg: rgba(28, 28, 30, .72);
  --glass-inlay: rgba(255, 255, 255, .12);
  --glass-border: rgba(255, 255, 255, .12);
  --glass-edge: rgba(255, 255, 255, .08);
  --glass-spec: none;
  --glass-blur: saturate(1.55) blur(18px);
  --glass-shadow: 0 10px 28px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .16);
  --glass-radius: 4px;
  --glass-radius-sm: 2px;
  --bar: #000000;
  --sheet: #1c1c1e;
  --shadow-card: none;
  --hairline: rgba(255, 255, 255, .10);
  --thumb-bg: #0B0B0D;
  --btn-fg: #000000;
  --btn-bg-top: #ffffff;
  --btn-bg-bot: #ffffff;
  --navy: #ffffff;
  --glow: #ffffff;
  --green: #30d158;
  --red: #ff453a;
  --orange: #ff9f0a;
  --chart-up: #30d158;
  --chart-dn: #8e8e93;
  --radius-card: 4px;
  --radius-sheet: 8px;
  --radius-bar: var(--glass-radius);
  --radius-control: 4px;
  color-scheme: dark;
}

html.skin-clean,
html.skin-clean body,
html.skin-clean #viewApp,
html.skin-clean.force-dark body {
  background: #000 !important;
  color: #fff;
  font-family: var(--font-sero, "SERO Sans Beta", sans-serif);
  font-synthesis: none;
}

html.skin-clean a { color: #fff; }

html.skin-clean :focus-visible,
html.skin-clean button:focus-visible,
html.skin-clean a:focus-visible,
html.skin-clean input:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

html.skin-clean #viewLogin { background: #000; }
html.skin-clean .login-wrap {
  width: min(400px, 92vw);
  min-height: min(100%, var(--vv-height, 100dvh));
  justify-content: space-between;
  padding-top: max(56px, env(safe-area-inset-top, 0px) + 36px);
  padding-bottom: max(20px, calc(env(safe-area-inset-bottom, 0px) + 16px));
  gap: 28px;
}
html.skin-clean .login-hero { text-align: center; }
html.skin-clean .login-mark {
  display: block;
  width: 72px;
  height: 72px;
  max-height: none;
  margin: 0 auto 20px;
  object-fit: contain;
  filter: none;
  background: transparent;
  border: 0;
}
html.skin-clean .login-soon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 18px;
}
html.skin-clean .login-app-icon {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  border: 0;
  filter: none;
}
html.skin-clean .login-soon-copy {
  margin: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #a1a1a6;
  max-width: 12em;
  letter-spacing: -.01em;
}
html.skin-clean .login-sub {
  color: #a1a1a6;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  margin: 0 auto 4px;
  max-width: 16em;
  letter-spacing: -.02em;
}
html.skin-clean .login-feats { display: none !important; }
html.skin-clean .login-dock { width: 100%; }
html.skin-clean .login-card {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  padding: 16px;
  animation: pageIn .5s var(--spring) backwards;
}
html.skin-clean .login-card label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #8e8e93;
  margin: 0;
  padding: 0 2px 8px;
  background: transparent;
  border-radius: 0;
}
html.skin-clean .login-card input {
  display: block;
  width: 100%;
  background: #2c2c2e;
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  margin: 0 0 12px;
  padding: 14px 16px;
  color: #fff;
  box-shadow: none;
  font-size: 17px;
}
html.skin-clean .login-card input + label {
  margin-top: 4px;
  border-radius: 0;
}
html.skin-clean .login-card input:focus { box-shadow: none; }
html.skin-clean .login-card .btn-primary {
  margin-top: 4px;
  border-radius: var(--glass-radius);
}
html.skin-clean .login-hint,
html.skin-clean .login-foot { color: #8e8e93; }
html.skin-clean .login-link { color: #fff; text-decoration: underline; font-weight: 500; }
html.skin-clean .oauth-divider { color: #636366; }
html.skin-clean .login-social { margin-top: 14px; }
html.skin-clean .oauth-btn,
html.skin-clean .login-social .btn-secondary {
  background: #2c2c2e;
  color: #fff;
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius);
  box-shadow: none;
}

html.skin-clean .btn-primary,
html.skin-clean.force-dark .btn-primary {
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
  border-radius: var(--glass-radius);
  font-weight: 600;
}
html.skin-clean .btn-primary:active { filter: brightness(.92); transform: scale(.96); }
html.skin-clean .btn-primary.destructive { background: #ff453a !important; color: #fff !important; }
html.skin-clean .btn-secondary {
  background: #1c1c1e;
  color: #fff;
  border-radius: var(--glass-radius);
}
html.skin-clean .btn-plain { color: #fff; }

html.skin-clean .topbar,
html.skin-clean.force-dark .topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  --brand-ink: #fff;
  --brand-wash: #000;
  overflow: visible;
}
html.skin-clean .topbar-brand {
  justify-content: flex-start;
  overflow: visible;
  flex: 1 1 auto;
  min-width: 0;
}
html.skin-clean .topbar-spacer { display: none; }
html.skin-clean .topbar-actions {
  margin-left: auto;
  flex: 0 0 auto;
}
html.skin-clean .topbar-logo {
  width: 56px;
  height: 56px;
  object-fit: contain;
  filter: none;
  border-radius: 0;
  background: transparent;
  border: 0;
  flex: 0 0 auto;
}
html.skin-clean.force-dark .topbar-logo.logo-light { display: none !important; }
html.skin-clean.force-dark .topbar-logo.logo-dark { display: block !important; }
html.skin-clean.force-light .topbar-logo.logo-dark { display: none !important; }
html.skin-clean.force-light .topbar-logo.logo-light { display: block !important; }
html.skin-clean.force-light .topbar-logo {
  filter: invert(1);
  mix-blend-mode: multiply;
}
html.skin-clean .topbar-rule,
html.skin-clean .topbar-section,
html.skin-clean .page-tab-title,
html.skin-clean .tab-title-glass,
html.skin-clean .ov-title-glass { display: none !important; }
html.skin-clean #eyeBtn,
html.skin-clean #dashRefresh { display: none !important; }
html.skin-clean .topbar-ava {
  display: grid !important;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  border: 0;
  background: transparent !important;
  color: #fff;
}
html.skin-clean .topbar-ava .top-person {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  color: inherit;
}
html.skin-clean .topbar-ava img { width: 100%; height: 100%; object-fit: cover; }
html.skin-clean.force-light .topbar-ava {
  background: transparent !important;
  color: #1c1c1e;
}
html.skin-clean .topbar-badge {
  background: #1c1c1e;
  color: #a1a1a6;
  border: 0;
}

/* ── Bodenleiste: Pille mit zwei Reitern, Scannen als runder Knopf rechts ──
   Die Leiste selbst ist nur noch ein durchsichtiger Rahmen. Das Glas sitzt
   auf der Pille; der Plus-Knopf steht frei daneben und öffnet das Scan-Menü. */
html.skin-clean .tabbar,
html.skin-clean.force-dark .tabbar {
  position: absolute;
  left: 50%;
  right: auto;
  width: min(430px, calc(100% - 28px));
  max-width: none;
  transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom, 0px) + 16px);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;   /* nur Pille und Plus fangen Tipps ab */
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0;
  min-height: 56px;
  gap: 0;
}
html.skin-clean .tabbar::before { display: none !important; }
html.skin-clean .tabbar-pill,
html.skin-clean.force-dark .tabbar-pill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: calc(100% - 74px);   /* Plus-Knopf bleibt frei */
  min-height: 56px;
  padding: 4px 6px;
  gap: 2px;
  pointer-events: auto;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: 18px;
  box-shadow: var(--glass-shadow), 0 4px 14px rgba(0, 0, 0, .28);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}
html.skin-clean .tabbar .tab[data-tab="tabHome"] {
  display: none !important;
}
html.skin-clean .tabbar .tab[data-tab="tabCollection"] { order: 1; }
html.skin-clean .tabbar .tab-sep { order: 2; }
/* Verkaufen ist eine Registerkarte wie die anderen: gleiches Linien-Icon,
   gleiche Breite. Die Sonderbreite war nur für die eBay-Wortmarke da. */
html.skin-clean .tabbar .tab[data-tab="tabSales"] {
  order: 3;
  flex: 0 0 auto;
}
html.skin-clean .tabbar #btnCamera { order: 4; }
/* Feiner Strich zwischen den beiden Reitern — kurz, halbtransparent. */
html.skin-clean .tab-sep {
  display: block;
  flex: 0 0 auto;
  width: 1px;
  height: 22px;
  border-radius: 1px;
  background: rgba(255, 255, 255, .16);
}
html.skin-clean .tab {
  flex: 0 0 auto;
  width: auto;
  /* Beide Reiter gleich breit: das englische „Sell" ist kürzer als
     „Collection" und quetschte sich sonst schmal — die Pille wächst über
     width: max-content automatisch mit. */
  min-width: 104px;
  min-height: 44px;
  border-radius: var(--glass-radius-sm);
  color: #8e8e93;
  font-size: 11px;
  font-weight: 500;
  gap: 3px;
  padding: 0 18px;
}
/* Aktiv heißt: Symbol und Wort in voller Farbe. Die gefüllte Kachel
   dahinter machte die Pille unruhig — der Mockup zeigt sie ohne. */
html.skin-clean .tab.active,
html.skin-clean.force-dark .tab.active {
  color: #fff !important;
  background: none !important;
  box-shadow: none;
}
html.skin-clean .tab .tic {
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Dünnere Linien: das Icon-Wörterbuch zeichnet mit Strichstärke 2. */
html.skin-clean .tab .tic svg {
  width: 21px;
  height: 21px;
  stroke-width: 1.6;
}
html.skin-clean .tab.active .tic {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.skin-clean .tab-ebay-mark {
  display: grid;
  place-items: center;
  height: 22px;
  color: currentColor;
  filter: grayscale(1);
}
html.skin-clean .tab-ebay-mark svg {
  display: block;
  height: 22px;
  width: auto;
  fill: currentColor;
}
/* Scannen: runder Knopf rechts neben der Pille, umgekehrte Farben —
   im Dunkeln weiß auf Schwarz, im Hellen schwarz auf Weiß. */
html.skin-clean .tab-cam,
html.skin-clean.force-dark .tab-cam,
html.skin-clean.force-dark #btnCamera {
  position: absolute;
  right: 0;
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  min-height: 56px;
  margin: 0;
  padding: 0;
  gap: 0;
  border-radius: 50%;
  pointer-events: auto;
  color: #000;
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .48) !important;
  transition: transform .16s ease;
}
html.skin-clean .tab-cam svg {
  width: 26px;
  height: 26px;
  stroke-width: 2;
  transition: transform .24s cubic-bezier(.22, 1, .36, 1);
}
/* Offenes Menü: das Plus dreht sich zum Kreuz. */
html.skin-clean .tab-cam.is-open svg { transform: rotate(45deg); }
html.skin-clean .tab-cam:active { transform: scale(.94); }
/* Der Scan-Reiter existiert intern weiter — der Knopf sieht dabei gleich aus. */
html.skin-clean .tab-cam.active,
html.skin-clean .tab-cam[aria-current="page"] {
  background: #ffffff !important;
  color: #000;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .48) !important;
}
html.skin-clean .tab-cam::after { display: none !important; }
html.skin-clean .cam-ico {
  width: 24px;
  height: 24px;
  filter: grayscale(1) brightness(1.4);
}
html.skin-clean .tab-cam-lab,
html.skin-clean.force-dark .tab-cam-lab {
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  margin: 0;
}

/* ── Scan-Menü: kleines Popover über dem Plus ──
   Kein Bottom-Sheet, keine Vollbildfläche. Die Scrim fängt nur Tipps
   außerhalb ab und bleibt unsichtbar. */
/* Die Scrim liegt UNTER der Bodenleiste (20), nicht darüber. Bei z-index 21
   deckte sie den Plus-Knopf mit ab: der Knopf konnte sein eigenes Menü nicht
   mehr schließen, und die Leiste fühlte sich tot an. Das ausdrückliche
   [hidden] gehört dazu — eine unsichtbare Vollbildfläche, die aus Versehen
   stehen bleibt, legt die ganze App lahm. */
html.skin-clean .scan-menu-scrim {
  position: fixed;
  inset: 0;
  z-index: 19;
  background: transparent;
}
html.skin-clean .scan-menu-scrim[hidden] { display: none !important; }
html.skin-clean .scan-menu {
  position: absolute;
  right: max(14px, calc((100% - 430px) / 2));
  bottom: calc(env(safe-area-inset-bottom, 0px) + 82px);
  z-index: 22;
  width: max-content;
  min-width: 214px;
  max-width: calc(100vw - 28px);
  padding: 5px;
  border-radius: 18px;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow), 0 16px 34px rgba(0, 0, 0, .34);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  transform-origin: calc(100% - 24px) bottom;
  transform: translateY(10px) scale(.86);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease, transform .24s cubic-bezier(.22, 1, .36, 1);
}
html.skin-clean .scan-menu.is-open {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}
html.skin-clean .scan-menu[hidden] { display: none; }
html.skin-clean .scan-menu-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 0;
  border-radius: 14px;
  background: none;
  color: var(--label);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.2px;
  text-align: left;
  -webkit-appearance: none;
  appearance: none;
}
html.skin-clean .scan-menu-row svg {
  flex: 0 0 auto;
  stroke-width: 1.7;
  opacity: .92;
}
html.skin-clean .scan-menu-row:active { background: var(--glass-inlay); }
html.skin-clean .scan-menu-sep {
  display: block;
  height: 1px;
  margin: 2px 12px;
  background: var(--separator);
}
@media (prefers-reduced-motion: reduce) {
  html.skin-clean .scan-menu,
  html.skin-clean .tab-cam,
  html.skin-clean .tab-cam svg { transition: none; }
}

html.skin-clean .gitem,
html.skin-clean .ov-card,
html.skin-clean .stat,
html.skin-clean .ilist,
html.skin-clean .scan-hero,
html.skin-clean .scan-finder,
html.skin-clean .sale-tile,
html.skin-clean .sale-row,
html.skin-clean .card,
html.skin-clean .rc,
html.skin-clean .news-card,
html.skin-clean .setup-card,
html.skin-clean .value-card,
html.skin-clean .tv-prof-card,
html.skin-clean .tv-tile,
html.skin-clean .act-tile,
html.skin-clean .set-card,
html.skin-clean .prof-plan-card,
html.skin-clean .home-sell-hero,
html.skin-clean .home-draft-card,
html.skin-clean.force-dark .gitem,
html.skin-clean.force-dark .scan-hero,
html.skin-clean.force-dark .scan-finder {
  background: #1c1c1e !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 4px;
}
html.skin-clean .gitem .gph { box-shadow: none !important; background: #0B0B0D; }
html.skin-clean #colGrid.grid:not(.col-list) .gitem .gph,
html.skin-clean #colGrid.grid:not(.col-list) .gph-slide .gph {
  background: transparent !important;
}
html.skin-clean .impact-card {
  background: #1c1c1e !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.skin-clean .col-top-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.skin-clean .col-port-val {
  font-size: 40px !important;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 1.05;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
html.skin-clean .col-hub-date {
  color: #8e8e93;
  font-size: 13px;
  font-weight: 500;
  min-height: 1.15em;
  margin: 4px 0 0;
}
html.skin-clean .col-hub-delta {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 0;
  line-height: 1.2;
}
html.skin-clean .col-hub-delta-nums {
  color: #8e8e93;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.3px;
}
html.skin-clean .col-hub-delta.up .col-hub-delta-nums { color: var(--green); }
html.skin-clean .col-hub-delta.down .col-hub-delta-nums { color: var(--red); }
html.skin-clean .col-hub-delta-lab {
  color: #8e8e93;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
html.skin-clean #colEbayHub:empty { display: none; }
html.skin-clean .col-spark {
  height: 44px;
  margin: 2px 0 0;
  color: var(--chart-up);
}
html.skin-clean .col-spark svg {
  display: block;
  width: 100%;
  height: 44px;
}
html.skin-clean .ov-label { color: #8e8e93; font-weight: 500; }
html.skin-clean .icon-btn:not(.col-act),
html.skin-clean.force-dark .icon-btn:not(.col-act) {
  background: #1c1c1e !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #fff;
  border-radius: 14px;
}
html.skin-clean .col-actions .col-act,
html.skin-clean.force-dark .col-actions .col-act,
html.skin-clean.force-dark .col-act {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
  color: #fff;
}
html.skin-clean .fchip,
html.skin-clean .range-pill {
  background: #1c1c1e;
  color: #a1a1a6;
  border: 0;
  border-radius: 2px !important;
}
html.skin-clean .fchip.on,
html.skin-clean .range-pill.on,
html.skin-clean.force-dark .fchip.on {
  background: #2c2c2e !important;
  color: #fff !important;
  box-shadow: none !important;
}
html.skin-clean .seg,
html.skin-clean #detailBody .seg {
  background: #1c1c1e;
  border-radius: 4px;
  padding: 4px;
}
html.skin-clean .seg button.on,
html.skin-clean.force-dark .seg button.on {
  background: #2c2c2e !important;
  color: #fff !important;
  box-shadow: none !important;
  border-radius: 2px;
}

html.skin-clean .scan-hero { text-align: center; padding: 28px 18px; }
html.skin-clean .scan-hero p { color: #a1a1a6; }
html.skin-clean .scan-finder { background: #0B0B0D !important; border-radius: 0 !important; }
html.skin-clean .scan-finder p { color: #a1a1a6; }
html.skin-clean .empty h2 { color: #fff; font-weight: 600; }
html.skin-clean .empty p { color: #8e8e93; }
html.skin-clean .empty img:not(.empty-wordmark) { display: none; }
/* Anthrazit-Well statt Dashboard: die Fläche, auf der später das Foto liegt. */
html.skin-clean .empty.empty-well {
  background: #1c1c1e;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 4px;
  padding: 34px 22px 30px;
}
html.skin-clean .empty.empty-well .es-ic { color: #6e6e73; }

html.skin-clean .sheet,
html.skin-clean.force-dark .sheet {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow: var(--glass-shadow) !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
}
html.skin-clean .detail,
html.skin-clean .detail-bar,
html.skin-clean.force-dark .detail-bar,
html.skin-clean .settings-view,
html.skin-clean .settings-bar {
  background: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.skin-clean #toast,
html.skin-clean.force-dark #toast {
  background: #1c1c1e !important;
  border: 0 !important;
  color: #fff;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.skin-clean .tab-page {
  padding-bottom: 0;
}
html.skin-clean .page-scroll {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 96px) !important;
}
html.skin-clean #splash { background: #000; }

html.skin-clean .tv-line,
html.skin-clean .big-chart { color: var(--chart-up) !important; }
html.skin-clean .cgrid,
html.skin-clean .tv-grid { stroke: rgba(255, 255, 255, .08); }

html.skin-clean .set-section-title { color: #8e8e93; }
html.skin-clean .set-row { border-color: rgba(255, 255, 255, .08); }
html.skin-clean .version { color: #636366; }

html.skin-clean .scan-done-ph {
  display: block;
  width: 72px;
  height: 96px;
  object-fit: cover;
  border-radius: 14px;
  background: #111;
  margin: 4px auto 16px;
}
html.skin-clean .scan-done-acts {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
html.skin-clean .scan-done-acts .btn-plain {
  width: 100%;
  min-height: 48px;
  text-align: center;
  color: #a1a1a6;
}
html.skin-clean .sheet.sheet-scan-done .sheet-actions { display: none; }
html.skin-clean .sheet.sheet-no-actions .sheet-actions { display: none; }

html.skin-clean .login-card .login-hint {
  margin: 0 2px 10px;
  padding: 0;
  background: transparent;
}
html.skin-clean .login-card label + .login-hint + input {
  border-radius: var(--glass-radius);
  margin-bottom: 12px;
}
html.skin-clean .login-card .login-err { margin: 8px 2px 0; }
html.skin-clean .topbar-badge { position: static; margin-left: 8px; }

/* .ebay-hub-chart & Co. leben weiter: das Sammlungs-Chart (colHubChartMarkup)
   nutzt genau diese Klassen. Der alte Hub selbst (Kopfzahl, Sektionen) ist
   gelöscht — paintEbayHub räumt nur noch #colEbayHub leer. */
html.skin-clean .ebay-hub-chart {
  position: relative;
  width: calc(100% + 28px);
  margin: 10px -14px 8px;
  height: 160px;
  color: var(--chart-up);
  touch-action: pan-y pinch-zoom;
  pointer-events: auto;
  cursor: ew-resize;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
html.skin-clean .ebay-hub-chart svg,
html.skin-clean .ebay-hub-spark {
  display: block;
  width: 100%;
  height: 160px;
  pointer-events: none;
}
html.skin-clean .ebay-hub-scrub {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html.skin-clean .ebay-hub-hair {
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: rgba(255, 255, 255, .42);
  transform: translateX(-50%);
}
html.skin-clean .ebay-hub-dot {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .4);
  transform: translate(-50%, -50%);
}
@media (prefers-reduced-motion: reduce) {
  html.skin-clean .ebay-hub-hair,
  html.skin-clean .ebay-hub-dot { transition: none; }
}
html.skin-clean .sheet,
html.skin-clean .sheet-backdrop {
  z-index: 130;
}
html.skin-clean .sheet input[type="text"],
html.skin-clean .sheet input[type="email"],
html.skin-clean .sheet textarea,
html.skin-clean .sheet #sheetField {
  font-size: 17px;
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--fill-2);
  background-clip: padding-box;
  color: var(--label);
  border-radius: 12px;
  -webkit-user-select: text;
  user-select: text;
  touch-action: manipulation;
}
html.skin-clean .sheet #sheetField::placeholder {
  color: var(--label-3);
  opacity: 1;
}

html.skin-clean .sheet .chips {
  flex-wrap: wrap;
}
html.skin-clean .inv-range input.is-bad {
  border-color: var(--red);
  box-shadow: inset 0 0 0 1px var(--red);
}
html.skin-clean .gitem.gitem-fresh {
  outline: 1px solid rgba(255,255,255,.28);
  outline-offset: 2px;
}
html.skin-clean .ebay-design {
  padding: 4px 0 16px;
}
html.skin-clean .ebay-design-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  color: #8e8e93;
}
html.skin-clean .ebay-design-kicker .tab-ebay-mark svg {
  height: 14px;
  width: auto;
}
html.skin-clean .ebay-design-studio {
  display: grid;
  place-items: center;
  border-radius: 4px;
  min-height: 280px;
  padding: 22px 18px;
  margin: 0 0 16px;
  background: #FFFFFF;
  overflow: hidden;
}
html.skin-clean .ebay-design-studio img {
  max-width: 100%;
  max-height: 340px;
  width: auto;
  height: auto;
  object-fit: contain;
}
html.skin-clean .ebay-design-price {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.8px;
  color: #1c1c1e;
  margin: 4px 0 12px;
}
html.skin-clean .ebay-design-sub {
  color: #8e8e93;
  font-size: 14px;
  margin: 0 0 14px;
}

html.skin-clean #detailTrash { display: none !important; }
html.skin-clean .detail-body {
  padding: 8px 16px calc(env(safe-area-inset-bottom, 0px) + 28px);
}
html.skin-clean .d-hero-title {
  margin: 4px 0 12px;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -.6px;
  line-height: 1.18;
  color: #fff;
}
html.skin-clean .d-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
html.skin-clean .d-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 2px;
  background: #1c1c1e;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}
html.skin-clean .d-gallery { margin: 0 0 18px; }
html.skin-clean .d-gallery-main {
  position: relative;
  border-radius: 4px;
  background: var(--listing-bg, #FFFFFF);
  overflow: hidden;
}
html.skin-clean .d-gallery-track {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
html.skin-clean .d-gallery-track::-webkit-scrollbar { display: none; }
html.skin-clean .d-gal-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  min-height: 320px;
  display: grid;
  place-items: center;
  padding: 18px;
  background: var(--listing-bg, #FFFFFF);
}
html.skin-clean .d-gal-slide img {
  max-width: 100%;
  max-height: min(58vh, 420px);
  width: auto;
  height: auto;
  object-fit: contain;
}
html.skin-clean .d-gal-empty { color: #8e8e93; min-height: 240px; }
html.skin-clean .d-gallery-zoom {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: rgba(28,28,30,.88);
  color: #fff;
  display: grid;
  place-items: center;
}
html.skin-clean .d-gallery-thumbs {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
  scrollbar-width: none;
}
html.skin-clean .d-gallery-thumbs::-webkit-scrollbar { display: none; }
html.skin-clean .d-gal-th {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 1.5px solid transparent;
  border-radius: 12px;
  background: var(--listing-bg, #FFFFFF);
  overflow: hidden;
}
html.skin-clean .d-gal-th img {
  /* contain statt cover — sonst ist das Grading-Label im Thumb abgeschnitten. */
  width: 100%;
  height: 100%;
  object-fit: contain;
}
html.skin-clean .d-gallery-th.on {
  border-color: #1c1c1e;
}
html.skin-clean .d-gallery.is-ebay .d-gal-slide {
  background: var(--listing-bg, #FFFFFF);
}
html.skin-clean .d-seg-sticky {
  position: sticky;
  top: 0;
  z-index: 3;
  margin: 0 0 14px;
  padding: 8px 0 10px;
  background: #000;
}
html.skin-clean .d-panes { min-height: 120px; }
html.skin-clean .d-pane[hidden] { display: none !important; }
html.skin-clean .d-ebay-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 16px;
  color: #8e8e93;
  font-size: 13px;
}
html.skin-clean .d-ebay-hint {
  margin-left: auto;
  color: #8e8e93;
  font-size: 12px;
}
html.skin-clean .d-ebay-photos {
  margin-left: auto;
  border: 0;
  background: #2c2c2e;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 12px;
}
html.skin-clean .d-ebay-kicker .d-ebay-hint {
  margin-left: 0;
}
html.skin-clean .d-sell-card { padding: 18px 16px 20px; }
html.skin-clean .d-sell-card .d-card-h { font-size: 15px; margin: 0 0 10px; color: #a1a1a6; font-weight: 650; }
html.skin-clean .d-sell-input {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border: 0;
  border-radius: 4px;
  background: #2c2c2e;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  white-space: pre-wrap;
}
html.skin-clean .d-sell-k {
  margin: 14px 0 8px;
  color: #8e8e93;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}
html.skin-clean .d-pane[data-pane="ebay"] .lr-sec.d-card { margin-bottom: 16px; }
html.skin-clean .d-pane[data-pane="ebay"] .price-tap {
  margin: 0 0 14px;
  padding: 16px;
  border-radius: 4px;
  background: #2c2c2e;
}
html.skin-clean .d-pane[data-pane="ebay"] .ilist {
  background: transparent;
  border-radius: 4px;
}
html.skin-clean .d-card {
  background: #1c1c1e;
  border-radius: 4px;
  padding: 16px;
  margin: 0 0 14px;
}
html.skin-clean .d-card-h {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px;
}
html.skin-clean .d-pc-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 10px;
  color: #a1a1a6;
  font-size: 15px;
}
html.skin-clean .d-pc-val {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.4px;
}
/* Hell war der Wert weiß auf heller Karte — praktisch unsichtbar. */
html.skin-clean.force-light .d-pc-val { color: #1c1c1e; }
html.skin-clean .d-pc-range {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #8e8e93;
  text-align: right;
}
html.skin-clean .d-pc-conf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #d1d1d6;
  font-weight: 650;
}
html.skin-clean .d-pc-dots {
  display: inline-flex;
  gap: 4px;
}
html.skin-clean .d-pc-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3a3a3c;
}
html.skin-clean .d-pc-dots[data-n="1"] i:nth-child(1),
html.skin-clean .d-pc-dots[data-n="2"] i:nth-child(-n+2),
html.skin-clean .d-pc-dots[data-n="3"] i {
  background: #d1d1d6;
}
html.skin-clean .d-pc-hint,
html.skin-clean .d-pc-meta,
html.skin-clean .d-notes-disc {
  margin: 8px 0 0;
  color: #8e8e93;
  font-size: 13px;
  line-height: 1.4;
}
html.skin-clean .d-notes-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}
html.skin-clean .d-notes-h span { display: inline-flex; align-items: center; gap: 8px; }
html.skin-clean .d-notes-chev { color: #8e8e93; transition: transform .2s; }
html.skin-clean .d-notes.open .d-notes-chev { transform: rotate(180deg); }
html.skin-clean .d-notes-b { display: none; padding-top: 8px; }
html.skin-clean .d-notes.open .d-notes-b { display: block; }
html.skin-clean .d-notes-k {
  margin: 14px 0 8px;
  color: #8e8e93;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .01em;
}
html.skin-clean .d-notes-p {
  margin: 0 0 10px;
  color: #a1a1a6;
  font-size: 15px;
  line-height: 1.45;
}
html.skin-clean .d-notes-title {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
html.skin-clean .d-facts,
html.skin-clean .d-sources,
html.skin-clean .d-attr {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
html.skin-clean .d-fact,
html.skin-clean .d-chip,
html.skin-clean .d-src {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 2px;
  background: #2c2c2e;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
}
html.skin-clean .d-fact i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d1d1d6;
}
html.skin-clean.force-light .d-fact,
html.skin-clean.force-light .d-chip,
html.skin-clean.force-light .d-src {
  background: #f2f2f7;
  color: #1c1c1e;
}
html.skin-clean.force-light .d-fact i {
  background: #1c1c1e;
}
html.skin-clean .d-ebay-cta-wrap { display: none; }
html.skin-clean .d-cta-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: var(--vv-keyboard, 0px);
  z-index: 16;
  padding: 12px 16px calc(env(safe-area-inset-bottom, 0px) + 14px);
  background: #000;
  transform: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* Der Dock steht fest über dem Inhalt: 148px, damit die letzte Zeile im Detail
   und der Teilen-Hinweis nicht darunter verschwinden. */
html.skin-clean #detail.has-cta-dock .detail-body {
  padding-bottom: calc(148px + env(safe-area-inset-bottom, 0px) + var(--vv-keyboard, 0px));
}
html.skin-clean .d-ebay-cta {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  direction: ltr;
}
html.skin-clean .d-ebay-cta .tab-ebay-mark,
html.skin-clean .d-cta-mark {
  order: 1;
  flex: 0 0 auto;
  height: 16px;
}
html.skin-clean .d-ebay-cta .d-cta-lab {
  order: 0;
  flex: 0 0 auto;
}
html.skin-clean .d-ebay-cta .tab-ebay-mark svg {
  height: 16px;
  width: auto;
}
html.skin-clean .d-desc-card .d-card-h {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
html.skin-clean .d-desc-edit,
html.skin-clean .d-desc-more {
  padding: 0;
  border: 0;
  background: none;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}
html.skin-clean .d-desc-more {
  display: block;
  margin-top: 10px;
  color: #8e8e93;
  text-align: left;
}
html.skin-clean .d-desc-preview {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.55;
  color: #fff;
  text-align: left;
  white-space: normal;
}
html.skin-clean .d-desc-preview p {
  margin: 0 0 12px;
  white-space: pre-wrap;
}
html.skin-clean .d-desc-preview p:last-child {
  margin-bottom: 0;
}
html.skin-clean .d-desc-preview ol {
  margin: 0 0 12px;
  padding-left: 1.35em;
}
html.skin-clean .d-desc-preview li {
  margin: 0 0 8px;
  white-space: pre-wrap;
}
html.skin-clean .d-desc-preview.is-collapsed {
  max-height: 7.75em;
  overflow: hidden;
  position: relative;
}
html.skin-clean .d-desc-preview.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.4em;
  background: linear-gradient(180deg, transparent, #1c1c1e);
  pointer-events: none;
}
html.skin-clean #lightbox img { touch-action: none; }

/* Ein Block statt zweier verstreuter (der zweite stand bei .scan-review und
   gewann still bei padding/Farbe). Aktiv zeigt allein die gleitende Ink —
   die Knöpfe selbst färben nie ihre Unterkante, sonst stehen beim Wechsel
   200 ms lang zwei Striche gleichzeitig da. */
html.skin-clean #salesSeg {
  position: relative;
  margin: 0 0 12px;
  background: #f2f2f7;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 4px;
  padding: 3px;
  display: flex;
  gap: 2px;
  overflow: visible;
}
html.skin-clean.force-dark #salesSeg,
html.skin-clean:not(.force-light) #salesSeg {
  background: #1c1c1e;
}
html.skin-clean #salesSeg button {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 600;
  border-radius: 2px;
  min-height: 34px;
  padding: 6px 12px;
  background: transparent;
  color: #8e8e93;
  border: 0;
  flex: 1 1 0;
}
html.skin-clean #salesSeg button.on {
  background: #fff;
  color: #1c1c1e;
  border-bottom: 0;
}
html.skin-clean:not(.force-light) #salesSeg button.on {
  background: #2c2c2e;
  color: #fff;
}
html.skin-clean #salesBulk {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
}
html.skin-clean #salesBulk:empty { display: none; margin: 0; }
html.skin-clean .sales-bulk-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  background: #1c1c1e;
  border: 0;
  border-radius: var(--glass-radius);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 8px 10px;
}
html.skin-clean .sales-bulk-bar .btn-primary,
html.skin-clean .sales-bulk-bar .btn-secondary,
html.skin-clean .sales-bulk-bar .btn-plain {
  margin: 0;
  min-height: 40px;
}
html.skin-clean .sales-bulk-bar .btn-secondary,
html.skin-clean .sales-bulk-bar .btn-plain {
  background: transparent;
  color: #fff;
  box-shadow: none;
}
html.skin-clean .sales-bulk-n {
  font-size: 13px;
  font-weight: 600;
  color: #a1a1a6;
  margin-right: auto;
}
html.skin-clean .sale-row {
  align-items: flex-start;
  padding: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
}
html.skin-clean .sale-row img,
html.skin-clean .sale-row .mv-ph {
  width: 56px;
  height: 56px;
  border-radius: 2px;
  background: #0B0B0D;
}
html.skin-clean .sr-t {
  font-size: 15px;
  font-weight: 650;
  -webkit-line-clamp: 2;
}
html.skin-clean .sr-m {
  font-size: 12.5px;
  color: #a1a1a6;
  margin-top: 3px;
}
html.skin-clean .sr-hint {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
  color: #ff453a;
}
html.skin-clean .sr-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
html.skin-clean .sale-row .schip {
  margin: 0;
}
html.skin-clean .sale-row.is-select {
  outline: 1.5px solid rgba(255, 255, 255, .28);
}
html.skin-clean .sale-row.is-blocked {
  opacity: .72;
}
html.skin-clean .bulk-sum-row {
  width: 100%;
  text-align: left;
  border: 0;
  color: inherit;
  background: #1c1c1e;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer;
}
html.skin-clean .bulk-sum-row.is-blocked {
  opacity: .7;
}
html.skin-clean .bulk-prog {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 8px;
}
html.skin-clean .bulk-prog-sub {
  font-size: 13px;
  color: #a1a1a6;
  margin: 0 0 12px;
}

html.skin-clean .inv-search {
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--glass-radius-sm);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}
html.skin-clean .inv-chip {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .22);
  color: #a1a1a6;
  border-radius: var(--glass-radius-sm);
}
html.skin-clean .inv-chip.on,
html.skin-clean.force-dark .inv-chip.on {
  background: #2c2c2e !important;
  color: #fff !important;
  border-color: transparent;
  box-shadow: none !important;
}
html.skin-clean .inv-applied-chip {
  background: #1c1c1e;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--glass-radius-sm);
  color: #fff;
}
html.skin-clean .inv-clear-all { color: #a1a1a6; }
html.skin-clean .inv-count { color: #8e8e93; }
html.skin-clean .inv-range input {
  background: #1c1c1e;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: var(--glass-radius-sm);
  color: #fff;
}
html.skin-clean .sheet.sheet-inv {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--glass-radius) var(--glass-radius) 0 0 !important;
  backdrop-filter: var(--glass-blur) !important;
  -webkit-backdrop-filter: var(--glass-blur) !important;
}
html.skin-clean .sheet.sheet-inv .fchip {
  border-radius: var(--glass-radius-sm);
}

@media (prefers-reduced-transparency: reduce) {
  html.skin-clean,
  html.skin-clean.force-dark {
    --glass-bg: #1c1c1e;
    --glass-inlay: #2c2c2e;
    --glass-blur: none;
    --glass-shadow: 0 8px 24px rgba(0, 0, 0, .4);
  }
}

html.skin-clean #splash { background: #000; }
html.skin-clean #splash img {
  width: 88px;
  max-width: 88px;
  height: 88px;
  object-fit: contain;
  filter: none;
}
html.skin-clean .empty-wordmark {
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin: 0 auto 16px;
  display: block;
  background: transparent;
  border: 0;
}
html.skin-clean .d-cutout-chrome {
  margin: 8px 16px 0;
  color: #8e8e93;
  font-size: 13px;
  line-height: 1.4;
}
html.skin-clean .d-cutout-chrome .btn-plain {
  color: #fff;
  margin-left: 8px;
}
html.skin-clean .lr-prep-fail {
  padding: 16px 4px 8px;
  color: #fff;
}
html.skin-clean .lr-prep-fail .v-sub { color: #8e8e93; margin-top: 6px; }
html.skin-clean #scanFinder { cursor: pointer; }
html.skin-clean #sellTplRow .irow {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.skin-clean #sellTplRow .rlabel {
  flex: 1 1 auto;
  min-width: 0;
}
html.skin-clean #sellTplRow .rvalue {
  flex: 0 1 auto;
  max-width: 42%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.skin-clean .tour-skip {
  position: absolute;
  top: 14px;
  right: 16px;
  background: none;
  border: 0;
  color: #8e8e93;
  font-size: 15px;
}
html.skin-clean .legal-skel {
  min-height: 48px;
  color: #8e8e93;
}
html.skin-clean .ptr {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html.skin-clean .ptr-spin {
  width: 18px; height: 18px; border-radius: 50%;
  border: 1px solid transparent;
  /* Dunkel = weißer Ring, hell = dunkler Ring — sonst unsichtbar. */
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  animation: ptrSpin .7s linear infinite;
}
html.skin-clean.force-light .ptr-spin {
  border-top-color: #1c1c1e;
  border-right-color: #1c1c1e;
}
@keyframes ptrSpin { to { transform: rotate(360deg); } }

/* Hell: Canvas #FFF, Text #000, gleiche IA. */
html.skin-clean.force-light {
  --bg: #ffffff;
  --bg-elevated: #ffffff;
  --fill: #f2f2f7;
  --fill-2: #e5e5ea;
  --label: #1c1c1e;
  --label-2: #636366;
  --label-3: #8e8e93;
  --separator: rgba(0, 0, 0, .12);
  --tint: #000000;
  --tint-soft: rgba(0, 0, 0, .06);
  --surface: #f2f2f7;
  --surface-solid: #f2f2f7;
  --card: #f2f2f7;
  --glass: #ffffff;
  --glass-strong: #f2f2f7;
  --glass-bg: rgba(255, 255, 255, .86);
  --glass-inlay: rgba(0, 0, 0, .06);
  --glass-border: rgba(0, 0, 0, .1);
  --bar: #ffffff;
  --sheet: #ffffff;
  --thumb-bg: #f2f2f7;
  --btn-fg: #ffffff;
  --btn-bg-top: #000000;
  --btn-bg-bot: #000000;
  --navy: #000000;
  --hairline: rgba(0, 0, 0, .1);
  --green: #248a3d;
  --red: #ff3b30;
  --orange: #ff9f0a;
  --chart-up: #248a3d;
  color-scheme: light;
}
html.skin-clean.force-light,
html.skin-clean.force-light body,
html.skin-clean.force-light #viewApp,
html.skin-clean.force-light .topbar,
html.skin-clean.force-light .detail,
html.skin-clean.force-light .detail-bar,
html.skin-clean.force-light .settings-view,
html.skin-clean.force-light .settings-bar,
html.skin-clean.force-light .tab-page,
html.skin-clean.force-light .page-scroll {
  background: #fff !important;
  color: #000;
}
html.skin-clean.force-light a { color: #000; }
html.skin-clean.force-light .gitem,
html.skin-clean.force-light .set-card,
html.skin-clean.force-light .ilist,
html.skin-clean.force-light .d-card,
html.skin-clean.force-light .ov-card,
html.skin-clean.force-light .sale-row,
html.skin-clean.force-light .sale-tile {
  background: #f2f2f7 !important;
  color: #000;
}
html.skin-clean.force-light .tab.active,
html.skin-clean.force-light .tab.active .tic { color: #000; }
html.skin-clean.force-light .btn-primary {
  background: #000 !important;
  color: #fff !important;
}
html.skin-clean.force-light .btn-secondary {
  background: #f2f2f7 !important;
  color: #000 !important;
}
html.skin-clean.force-light .sheet {
  background: #fff !important;
  color: #000;
}
html.skin-clean.force-light #toast {
  background: #f2f2f7 !important;
  color: #000;
}
html.skin-clean.force-light .ptr-spin {
  border-top-color: #1c1c1e;
  border-right-color: #1c1c1e;
}

/* Teil B — Sammlung / Scan / Verkaufen / Profil, Maße nur wenn das Briefing sie nennt */
html.skin-clean .col-hist-hint {
  margin: 4px 0 0;
  color: #8e8e93;
  font-size: 13px;
  font-weight: 500;
}
html.skin-clean .col-range { margin: 10px 0 4px; }
html.skin-clean .inv-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
html.skin-clean .inv-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 0;
  min-width: 0;
}
html.skin-clean .inv-end {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex: 0 0 auto;
}
html.skin-clean .inv-count {
  margin: 0;
  white-space: nowrap;
}
html.skin-clean .inv-view {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .14);
  background: #1c1c1e;
  color: #fff;
  border-radius: 0;
}
html.skin-clean.force-light .inv-view {
  background: #f2f2f7;
  border-color: rgba(28, 28, 30, .12);
  color: #1c1c1e;
}
html.skin-clean .inv-tool,
html.skin-clean .inv-chip {
  background: #1c1c1e;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 0;
  padding: 8px 14px;
  color: #a1a1a6;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  min-height: 36px;
}
html.skin-clean .inv-tool.on,
html.skin-clean .inv-chip.on {
  background: #2c2c2e;
  color: #fff;
  border-color: rgba(255, 255, 255, .22);
}
html.skin-clean.force-light .inv-tool,
html.skin-clean.force-light .inv-chip {
  background: #fff;
  border: 1px solid rgba(28, 28, 30, .18);
  border-radius: 2px;
  color: #1c1c1e;
}
html.skin-clean.force-light .inv-tool.on,
html.skin-clean.force-light .inv-chip.on {
  background: #f2f2f7;
  color: #1c1c1e;
  border-color: rgba(28, 28, 30, .22);
}
/* Sammlung Gitter: enge weiße Trennfuge, hellgraue Produktflächen,
   Produkte klein + mittig (contain), Tags unter Name/Preis. */
html.skin-clean #colGrid.grid:not(.col-list) {
  gap: 2px;
  margin-left: -14px;
  margin-right: -14px;
  width: calc(100% + 28px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 720px) {
  html.skin-clean #colGrid.grid:not(.col-list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: calc(430px + 28px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem:not(.gitem-add) {
  display: flex;
  flex-direction: column;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0;
  padding: 0 0 14px;
  overflow: hidden;
  touch-action: manipulation;
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem::after {
  display: none !important;
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem:active {
  transform: none;
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem.dragging:active,
html.skin-clean #colGrid.grid:not(.col-list) .gitem.armed:active {
  transform: none;
}
html.skin-clean #colGrid.grid:not(.col-list) .gph-box {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 1 / 1.08;
  min-height: 0;
  background: #2c2c2e;
  border-radius: 0;
  overflow: hidden;
}
html.skin-clean.force-light #colGrid.grid:not(.col-list) .gph-box {
  background: #f2f2f7;
}
html.skin-clean #colGrid .gph-rail {
  display: flex;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y pinch-zoom;
  scrollbar-width: none;
}
html.skin-clean #colGrid .gph-rail::-webkit-scrollbar { display: none; }
html.skin-clean #colGrid .gph-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: grid;
  place-items: center;
  padding: 0;
  box-sizing: border-box;
  pointer-events: none;
}
html.skin-clean #colGrid.grid:not(.col-list) .gph-box > .gph,
html.skin-clean #colGrid.grid:not(.col-list) .gph-box > .gph-none {
  width: 80%;
  height: 80%;
  max-width: 80%;
  max-height: 80%;
  padding: 0;
  box-sizing: border-box;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  box-shadow: none !important;
  background: transparent !important;
  /* Optisch mittig: Freisteller wirken sonst etwas zu tief. */
  transform: translateY(-5%);
}
html.skin-clean #colGrid .gph-slide .gph,
html.skin-clean #colGrid .gph-slide .gph-none {
  width: 80%;
  height: 80%;
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0;
  transform: translateY(-5%);
}
html.skin-clean #colGrid .gph-ind {
  position: absolute;
  left: 12px;
  bottom: 12px;
  width: 36px;
  height: 4px;
  border-radius: 0;
  background: #000;
  z-index: 3;
  pointer-events: none;
}
html.skin-clean.force-dark #colGrid .gph-ind,
html.skin-clean:not(.force-light) #colGrid .gph-ind {
  background: #fff;
}
html.skin-clean.force-light #colGrid .gph-ind {
  background: #000;
}
html.skin-clean #colGrid.grid:not(.col-list) .gbody {
  padding: 10px 10px 0;
  text-align: left;
}
html.skin-clean #colGrid.grid:not(.col-list) .gname {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  min-height: 0;
  max-height: none;
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.2px;
  overflow: hidden;
  white-space: normal;
}
html.skin-clean #colGrid.grid:not(.col-list) .gfoot {
  display: block;
  margin: 0 0 8px;
  min-height: 0;
}
html.skin-clean #colGrid.grid:not(.col-list) .gval {
  display: block;
  font-size: 16px;
  font-weight: 750;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
html.skin-clean #colGrid .gtags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
html.skin-clean #colGrid.grid:not(.col-list) .gchip-cat {
  margin-top: 0;
  border-radius: 2px !important;
}
html.skin-clean #colGrid.grid:not(.col-list) .gseal-in {
  border-radius: 2px !important;
}
html.skin-clean #colGrid.grid:not(.col-list) .gstat {
  margin: 0;
  padding: 2px 7px;
  border-radius: 2px !important;
  background: rgba(120, 120, 128, .16);
  font-size: 11px;
  font-weight: 600;
}
html.skin-clean #colGrid.grid:not(.col-list) .gstat.live {
  background: rgba(48, 209, 88, .16);
  color: #30d158;
}
html.skin-clean #colGrid.grid:not(.col-list) .gmore {
  top: 6px;
  right: 6px;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 2px;
  background: rgba(16, 24, 40, .42);
}
html.skin-clean #colGrid.grid:not(.col-list) .gbadge {
  top: 8px;
  left: 8px;
  border-radius: 2px;
}
html.skin-clean #colGrid.grid:not(.col-list) .gfav {
  top: 44px;
  right: 10px;
}
html.skin-clean #colGrid .gitem .gcat,
html.skin-clean #colGrid .gitem .gmeta {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  color: #8e8e93;
  font-size: 12px;
}
html.skin-clean .gitem-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 180px;
  background: transparent !important;
  border: 1.5px dashed rgba(255, 255, 255, .28) !important;
  color: #a1a1a6;
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem-add {
  min-height: 220px;
  margin: 0;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.skin-clean.force-light .gitem-add {
  border-color: rgba(0, 0, 0, .22) !important;
  color: #3a3a3c;
}
html.skin-clean #salesSeg button.on,
html.skin-clean.force-dark #salesSeg button.on {
  background: #2c2c2e !important;
  box-shadow: none !important;
  color: #fff !important;
}
html.skin-clean.force-light #salesSeg button.on {
  background: #fff !important;
  color: #1c1c1e !important;
}
html.skin-clean .scan-review {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 20px calc(24px + env(safe-area-inset-bottom));
}
html.skin-clean .scan-review[hidden] { display: none; }
html.skin-clean .scan-review-inner {
  width: min(390px, 100%);
  text-align: center;
}
html.skin-clean .scan-review-inner h2 {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 700;
}
html.skin-clean .scan-review-inner p {
  margin: 0 0 20px;
  color: #8e8e93;
}
html.skin-clean .scan-review-ph {
  width: min(280px, 72vw);
  aspect-ratio: 1;
  margin: 0 auto 22px;
  border-radius: 4px;
  overflow: hidden;
  background: #1c1c1e;
}
html.skin-clean .scan-review-ph img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
html.skin-clean .scan-review-inner .btn-primary,
html.skin-clean .scan-review-inner .btn-secondary {
  width: 100%;
  margin-top: 8px;
}
html.skin-clean .scan-finder {
  min-height: 52vh;
}
html.skin-clean .cam-shutter {
  background: #fff;
  border-color: #fff;
}
html.skin-clean .guest-save-bar {
  padding: 8px 16px 0;
}
html.skin-clean .guest-save-status,
html.skin-clean .guest-save-err {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.35;
  color: #8e8e93;
}
html.skin-clean .guest-save-btn {
  display: block;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border: 0;
  border-radius: 12px;
  background: #1c1c1e;
  color: #fff;
  font: inherit;
  font-size: 15px;
  text-align: center;
}
html.skin-clean.force-light .guest-save-btn,
html.skin-clean.force-light body .guest-save-btn {
  background: #f2f2f7;
  color: #000;
}
/* Die Pille sitzt IM gepolsterten .page-scroll (14px Seiten): volle Breite,
   kein zusätzlicher Einzug — vorher stand sie 30px schmaler als jede
   .sale-row daneben. Kapselradius bleibt, sie heißt Pille. */
html.skin-clean .sales-foto-pill {
  display: block;
  width: 100%;
  margin: 0;
  border-radius: 0;
  min-height: 52px;
}
html.skin-clean #salesFotoPill {
  display: none !important;
}

/* Gesperrt, aber tippbar (Upload läuft gerade): sichtbar gedämpft, der Tipp
   bekommt einen Hinweis statt ins Leere zu gehen. Die Live-Preiszeile
   (.price-live) trägt aria-disabled nur für Vorleser — sie ist eine Anzeige
   und bleibt voll deckend. Wirklich abgeschaltete Knöpfe im Entwurf werden
   ebenso gedämpft, damit tot nie wie aktiv aussieht. */
html.skin-clean .price-tap[aria-disabled="true"]:not(.price-live),
html.skin-clean .irow[aria-disabled="true"],
html.skin-clean .d-sell-input[aria-disabled="true"],
html.skin-clean .d-desc-edit[aria-disabled="true"],
html.skin-clean .d-desc-preview[aria-disabled="true"],
html.skin-clean #detailBody .quick:disabled,
html.skin-clean #detailBody .btn-primary:disabled,
html.skin-clean #detailBody .btn-secondary:disabled {
  opacity: .55;
}

/* ── 4.1.0 clean motion ── */
html.skin-clean #viewApp.recede {
  transform: none;
  filter: none;
  border-radius: 0;
  overflow: visible;
}
html.skin-clean .ov-hero.themed,
html.skin-clean .ov-hero {
  background: #1c1c1e !important;
  box-shadow: none !important;
  border: 0 !important;
}
html.skin-clean .ov-hero.themed .ov-value,
html.skin-clean .ov-hero .ov-value {
  color: #fff !important;
  text-shadow: none !important;
}
html.skin-clean .ov-hero.themed .ov-delta,
html.skin-clean .ov-hero .ov-delta { color: #8e8e93; }
html.skin-clean .ov-hero .ov-delta.up,
html.skin-clean .ov-hero.themed .ov-delta.up { color: var(--green); }
html.skin-clean .ov-hero .ov-delta.down,
html.skin-clean .ov-hero.themed .ov-delta.down { color: var(--red); }
html.skin-clean .ov-hero.themed .tv-line { stroke: var(--chart-up); }
html.skin-clean.force-light .ov-hero.themed,
html.skin-clean.force-light .ov-hero {
  background: #f2f2f7 !important;
}
html.skin-clean.force-light .ov-hero.themed .ov-value,
html.skin-clean.force-light .ov-hero .ov-value { color: #000 !important; }

html.skin-clean .home-sell-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html.skin-clean .scan-gal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 40px;
  margin-top: 8px;
  padding: 8px 14px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, .18);
  background: transparent;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
}
html.skin-clean.force-light .scan-gal {
  border-color: rgba(0, 0, 0, .16);
  color: #000;
}
html.skin-clean .scan-finder .scan-actions {
  width: 100%;
}
html.skin-clean .sell-tpl-stack {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
html.skin-clean .sell-tpl-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
}
html.skin-clean .sell-tpl-text .rlabel {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
html.skin-clean .sell-tpl-text .rvalue {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  color: #8e8e93;
}
html.skin-clean.force-light .sell-tpl-text .rlabel { color: #000; }

html.skin-clean .gitem .ghead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
html.skin-clean .gitem .ghead .gname { flex: 1; min-width: 0; }
html.skin-clean .gitem .ghead .gval {
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  white-space: nowrap;
}
html.skin-clean #colGrid.grid:not(.col-list) .gitem .ghead {
  display: block;
}
html.skin-clean .gchip-cat {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 7px;
  border-radius: 2px;
  background: #2c2c2e;
  color: #8e8e93;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
html.skin-clean.force-light .gchip-cat {
  background: #e5e5ea;
  color: #636366;
}
html.skin-clean .grid.col-list .gval {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

html.skin-clean .tab:active,
html.skin-clean .tab-cam:active,
html.skin-clean .gitem:active,
html.skin-clean .inv-tool:active,
html.skin-clean .inv-chip:active,
html.skin-clean .scan-gal:active,
html.skin-clean .range-pill:active,
html.skin-clean .sale-row:active,
html.skin-clean .fchip:active {
  transform: scale(.96);
  transition: transform 120ms var(--spring);
}

html.skin-clean .sales-seg-ink {
  display: none;
}
html.skin-clean.force-light .sales-seg-ink { background: #000; }
html.skin-clean #salesEmpty,
html.skin-clean #salesList {
  min-height: 220px;
}
html.skin-clean #salesList.sales-xfade {
  animation: pageInR .2s var(--spring);
}
html.skin-clean .sales-empty-muted {
  margin: 24px 8px;
  color: #8e8e93;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
html.skin-clean .skel-stat {
  display: block;
  width: 36px;
  height: 18px;
  margin: 0 auto 4px;
  border-radius: 6px;
}
html.skin-clean .help-faq {
  margin-top: 16px;
}
html.skin-clean .help-faq details {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding: 10px 0;
}
html.skin-clean .help-faq summary {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  list-style: none;
}
html.skin-clean .help-faq summary::-webkit-details-marker { display: none; }
html.skin-clean .help-faq details p {
  margin: 8px 0 0;
  color: #8e8e93;
  font-size: 14px;
  line-height: 1.4;
}
html.skin-clean.force-light .help-faq details { border-bottom-color: rgba(0, 0, 0, .08); }
html.skin-clean.force-light .help-faq summary { color: #000; }

html.skin-clean .inv-bar .inv-search { display: flex; }

html.skin-clean .d-seg {
  display: flex;
  position: relative;
  gap: 4px;
  padding: 0 4px;
  margin: 4px 0 10px;
  border-bottom: 1px solid var(--separator);
}
html.skin-clean .d-seg button {
  flex: 1 1 0;
  min-height: 40px;
  padding: 8px 6px 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: none;
  color: var(--label-3);
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.2px;
}
html.skin-clean .d-seg button.on {
  color: var(--label);
  border-bottom-color: var(--label);
}
html.skin-clean .d-pane[hidden] { display: none !important; }
html.skin-clean .sheet-head { min-height: 44px; }

html.skin-clean.force-light .d-seg { border-bottom-color: rgba(0, 0, 0, .08); }
html.skin-clean.force-light .d-seg button { color: #8e8e93; }
html.skin-clean.force-light .d-seg button.on {
  color: #000;
  border-bottom-color: #000;
}

/* aaaa.md Light: keine Near-Black-Inseln, keine weißen Glyphs auf hell */
html.skin-clean.force-light .tv-prof-card,
html.skin-clean.force-light .prof-plan-card,
html.skin-clean.force-light .tv-tile,
html.skin-clean.force-light .act-tile,
html.skin-clean.force-light .setup-card,
html.skin-clean.force-light .value-card,
html.skin-clean.force-light .news-card,
html.skin-clean.force-light .home-sell-hero,
html.skin-clean.force-light .home-draft-card,
html.skin-clean.force-light .impact-card,
html.skin-clean.force-light .scan-hero:not(.scan-finder),
html.skin-clean.force-light .sell-tpl-row,
html.skin-clean.force-light #sellTplRow .rrow,
html.skin-clean.force-light .empty,
html.skin-clean.force-light #salesEmpty .empty,
html.skin-clean.force-light .sales-empty-well {
  background: #f2f2f7 !important;
  color: #000 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.skin-clean.force-light .tv-pname,
html.skin-clean.force-light .tv-phandle,
html.skin-clean.force-light .tv-prof-stat b,
html.skin-clean.force-light .tv-prof-stats b,
html.skin-clean.force-light .set-section-title,
html.skin-clean.force-light .prof-plan-card b,
html.skin-clean.force-light .prof-plan-cta,
html.skin-clean.force-light .gname,
html.skin-clean.force-light .gval,
html.skin-clean.force-light .dtitle,
html.skin-clean.force-light .d-card-h,
html.skin-clean.force-light .d-desc-preview,
html.skin-clean.force-light .d-desc-edit,
html.skin-clean.force-light .d-fact,
html.skin-clean.force-light .sero-price-val,
html.skin-clean.force-light #detailBody,
html.skin-clean.force-light #detailBody .section-label {
  color: #000 !important;
}
html.skin-clean.force-light .d-fact,
html.skin-clean.force-light .d-chip,
html.skin-clean.force-light .d-src {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
}
html.skin-clean.force-light .tv-phandle,
html.skin-clean.force-light .tv-prof-stat span,
html.skin-clean.force-light .tv-prof-stats span,
html.skin-clean.force-light .gcat,
html.skin-clean.force-light .d-desc-more,
html.skin-clean.force-light .d-ebay-hint,
html.skin-clean.force-light .set-sub,
html.skin-clean.force-light .version {
  color: #636366 !important;
}
html.skin-clean.force-light .detail,
html.skin-clean.force-light .detail-bar,
html.skin-clean.force-light .d-cta-dock,
html.skin-clean.force-light .settings-view,
html.skin-clean.force-light .settings-bar {
  background: #fff !important;
  color: #000 !important;
}
html.skin-clean.force-light .d-cta-dock {
  border-top: 1px solid rgba(0, 0, 0, .08);
}
html.skin-clean.force-light .d-cta-sub { color: #8e8e93 !important; }
html.skin-clean.force-light .tabbar-pill {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .12) !important;
}
html.skin-clean.force-light .tab-sep { background: rgba(0, 0, 0, .10); }
/* Hell: schwarzer Kreis mit weißem Plus — wie im Entwurf. */
html.skin-clean.force-light .tab-cam,
html.skin-clean.force-light #btnCamera,
html.skin-clean.force-light .tab-cam.active,
html.skin-clean.force-light .tab-cam[aria-current="page"] {
  background: #000000 !important;
  color: #fff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .24) !important;
}
html.skin-clean.force-light .scan-menu {
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .16) !important;
}
html.skin-clean.force-light .scan-menu-row { color: #000; }
html.skin-clean.force-light .scan-menu-row:active { background: rgba(0, 0, 0, .05); }
html.skin-clean.force-light .scan-menu-sep { background: rgba(0, 0, 0, .08); }
html.skin-clean.force-light .tab,
html.skin-clean.force-light .tab .tic,
html.skin-clean.force-light .tab-lab { color: #8e8e93; }
html.skin-clean.force-light .tab.active,
html.skin-clean.force-light .tab.active .tic,
html.skin-clean.force-light .tab.active .tab-lab { color: #000 !important; }
html.skin-clean.force-light .scan-finder .btn-secondary,
html.skin-clean.force-light .scan-actions .btn-secondary,
html.skin-clean.force-light #btnScanGallery {
  background: #f2f2f7 !important;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, .12) !important;
}
html.skin-clean.force-light .scan-finder p,
html.skin-clean.force-light #scanHeroText { color: #a1a1a6 !important; }
html.skin-clean.force-light .sell-tpl-text .rvalue { color: #636366 !important; }
html.skin-clean.force-light .set-row { border-color: rgba(0, 0, 0, .08); }
html.skin-clean.force-light .help-faq summary { color: #000 !important; }
html.skin-clean.force-light a,
html.skin-clean.force-light .sec-link,
html.skin-clean.force-light .rrow {
  color: #000;
}
html.skin-clean.force-light .rrow .tic,
html.skin-clean.force-light .scan-ic {
  color: #000 !important;
  filter: none !important;
}

html.skin-clean.force-light .d-hero-title {
  color: #1c1c1e !important;
}
html.skin-clean.force-light .d-gallery-th.on {
  border-color: #1c1c1e;
}
html.skin-clean.force-light .d-pill {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
}
html.skin-clean.force-light .empty h2,
html.skin-clean.force-light .empty.empty-well h2 {
  color: #1c1c1e !important;
}
html.skin-clean.force-light .empty p,
html.skin-clean.force-light .empty.empty-well p {
  color: #636366 !important;
}
html.skin-clean.force-light .empty.empty-well {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, .08) !important;
  color: #1c1c1e !important;
}
html.skin-clean.force-light .impact-value,
html.skin-clean.force-light .impact-card-title {
  color: #1c1c1e !important;
}
html.skin-clean.force-light .impact-card {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
}
html.skin-clean.force-light .d-card,
html.skin-clean.force-light .btn-secondary,
html.skin-clean.force-light .seg {
  color: #1c1c1e;
}
html.skin-clean.force-light .btn-secondary {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
}
html.skin-clean.force-light .tab-page,
html.skin-clean.force-light #tabScan .page-scroll {
  overflow-x: hidden;
}
html.skin-clean #tabScan .page-scroll {
  overflow-x: hidden;
  max-width: 100%;
}
html.skin-clean .sell-tpl-chips,
html.skin-clean #sheetBody .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}
html.skin-clean #sheetBody .fchip {
  flex: 0 1 auto;
  max-width: 100%;
}
/* Der Reiter-Balken schwebt über dem Inhalt. Die Scrollfläche hält schon 96px
   frei (siehe .page-scroll); leere Zustände legen nur noch etwas Luft darunter,
   damit „Filter zurücksetzen" nicht am Balken klebt. Zweimal 96px ergäbe ein
   Loch von fast 200px. */
html.skin-clean #colEmpty,
html.skin-clean #colGrid .empty.compact,
html.skin-clean #salesEmpty {
  padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 24px);
}
/* Der Toast wohnt OBEN unter der Topbar (Sven, 31.08.): unten stand er
   mitten im Weg — vor Bodenleiste, Pille und Rückgängig-Momenten. Die
   Einblend-Bewegung kommt dann von oben statt von unten. */
html.skin-clean #toast {
  bottom: auto;
  top: calc(env(safe-area-inset-top, 0px) + 64px);
  transform: translate(-50%, -16px);
}
html.skin-clean #toast.show {
  transform: translate(-50%, 0);
}

html.skin-clean.force-light #viewLogin { background: #fff; }
/* Der Fokusring bleibt sichtbar, aber nicht als 2 px reines Schwarz.
   Das Profil setzt den Fokus beim Öffnen auf den Zurück-Knopf; im Hellen
   sah das aus wie ein dicker schwarzer Rahmen um den Knopf. */
html.skin-clean.force-light :focus-visible,
html.skin-clean.force-light button:focus-visible,
html.skin-clean.force-light a:focus-visible,
html.skin-clean.force-light input:focus-visible {
  outline: 2px solid rgba(0, 0, 0, .42);
  outline-offset: 2px;
}
html.skin-clean.force-light #colGrid .gitem:not(.gitem-add) {
  color: #000;
}
html.skin-clean.force-light #colGrid.grid:not(.col-list) .gitem:not(.gitem-add) {
  background: transparent !important;
}
html.skin-clean.force-light #colGrid.col-list .gitem:not(.gitem-add),
html.skin-clean.force-light .impact-card {
  background: #f2f2f7 !important;
  color: #000;
}
html.skin-clean.force-light .col-port-val,
html.skin-clean.force-light .icon-btn:not(.col-act),
html.skin-clean.force-light .col-actions .col-act {
  color: #000;
}
html.skin-clean.force-light .icon-btn:not(.col-act) {
  background: #f2f2f7 !important;
}
html.skin-clean.force-light .gitem .gph { background: #f2f2f7; }
html.skin-clean.force-light #colGrid.grid:not(.col-list) .gitem .gph,
html.skin-clean.force-light #colGrid.grid:not(.col-list) .gph-slide .gph {
  background: transparent !important;
}
html.skin-clean.force-light .fchip,
html.skin-clean.force-light .range-pill,
html.skin-clean.force-light .seg,
html.skin-clean.force-light #detailBody .seg {
  background: #f2f2f7;
  color: #636366;
}
html.skin-clean.force-light .fchip.on,
html.skin-clean.force-light .range-pill.on,
html.skin-clean.force-light .seg button.on {
  background: #e5e5ea !important;
  color: #000 !important;
}
html.skin-clean #sheetBody .sheet-hint { margin-bottom: 8px; }
html.skin-clean #sheetBody .inv-range { margin: 0 0 8px; }

/* ── Hell: die letzten Anthrazit-Inseln ──
   Das Grundgerüst war schon weiß, einzelne Flächen aber noch #1c1c1e/#2c2c2e:
   Login-Felder, Kennzahlen-Kärtchen, Zeilenkarten, der Verkaufs-Sammelbalken
   und der ganze eBay-Bereich im Detail. Auf Weiß standen dort weiße Glyphen
   auf dunklem Grund — lesbar, aber es sah nach halbem Dunkelmodus aus. */
html.skin-clean.force-light .login-card input,
html.skin-clean.force-light .oauth-btn,
html.skin-clean.force-light .login-social .btn-secondary,
html.skin-clean.force-light .d-sell-input,
html.skin-clean.force-light .inv-range input {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
  border: 1px solid rgba(0, 0, 0, .12) !important;
}
html.skin-clean.force-light .login-card input::placeholder,
html.skin-clean.force-light .d-sell-input::placeholder,
html.skin-clean.force-light .inv-range input::placeholder {
  color: #8e8e93;
}
html.skin-clean.force-light .stat,
html.skin-clean.force-light .card,
html.skin-clean.force-light .rc,
html.skin-clean.force-light .scan-done-ph,
html.skin-clean.force-light .sales-bulk-bar,
html.skin-clean.force-light .bulk-sum-row,
html.skin-clean.force-light .inv-applied-chip,
html.skin-clean.force-light .topbar-badge,
html.skin-clean.force-light .d-ebay-photos,
html.skin-clean.force-light .d-fact,
html.skin-clean.force-light .d-chip,
html.skin-clean.force-light .d-src,
html.skin-clean.force-light .d-pane[data-pane="ebay"] .price-tap {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
  border-color: rgba(0, 0, 0, .08);
}
html.skin-clean.force-light .topbar-ava {
  background: transparent !important;
  color: #1c1c1e;
}
html.skin-clean.force-light .d-seg-sticky { background: #fff !important; }
html.skin-clean.force-light .d-desc-preview.is-collapsed::after {
  background: linear-gradient(180deg, transparent, #fff) !important;
}

/* ── Hell: der Scan-Sucher ──
   .scan-finder ist eine randlose, fast bildschirmhohe Fläche in #1c1c1e.
   Im Hell-Modus blieb sie schwarz: der schwarze „Photograph"-Knopf und der
   graue Hinweis verschwanden darin, und der Block sah aus wie ein dicker
   schwarzer Rahmen unter der Kopfzeile. */
html.skin-clean.force-light .scan-hero,
html.skin-clean.force-light .scan-finder {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, .08) !important;
}
html.skin-clean.force-light .scan-hero p,
html.skin-clean.force-light .scan-finder p {
  color: #3c3c43 !important;
}
html.skin-clean.force-light .scan-hero h2,
html.skin-clean.force-light .scan-finder h2,
html.skin-clean.force-light .scan-finder .scan-ic {
  color: #1c1c1e !important;
}
/* Die Sucher-Ecken waren weiß auf Weiß. */
html.skin-clean.force-light .scan-br {
  border-color: rgba(0, 0, 0, .28) !important;
}

/* ── Hell: Profil ──
   Gruppierte Liste nach iOS-Art: die Seite grau, die Karten darauf weiß.
   Vorher lag eine weiße Karte auf weißem Grund, die Kennzahlen-Karte war
   dagegen dunkelblau — im Hell-Modus wirkte das wie ein schwarzer Block. */
html.skin-clean.force-light #tabProfile,
html.skin-clean.force-light #profileScroll,
html.skin-clean.force-light .settings-view {
  background: #f2f2f7 !important;
}
html.skin-clean.force-light .tv-prof-card,
html.skin-clean.force-light .set-card,
html.skin-clean.force-light .impact-card {
  background: #fff !important;
  border-color: rgba(0, 0, 0, .08) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06) !important;
}
html.skin-clean.force-light .impact-card,
html.skin-clean.force-light .impact-card-title,
html.skin-clean.force-light .impact-value {
  color: #1c1c1e !important;
}
html.skin-clean.force-light .impact-card::before { background: none !important; }
html.skin-clean.force-light .impact-badge {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, .10) !important;
  color: #3c3c43 !important;
}

/* ── Hell: Splash ──
   Weiß mit Anthrazit-Glyph. Auf Schwarz blieb der helle Start eine
   schwarze Fläche, und das dunkle Glyph wäre darauf unsichtbar. */
html.skin-clean.force-light #splash { background: #fff !important; }
html.skin-clean.force-light #splash img,
html.skin-clean.force-light .login-mark,
html.skin-clean.force-light .empty-wordmark {
  filter: invert(1);
  mix-blend-mode: multiply;
}

@media (prefers-reduced-motion: reduce) {
  html.skin-clean .login-card,
  html.skin-clean #salesList.sales-xfade,
  html.skin-clean .scanres .party-card,
  html.skin-clean .skel,
  html.skin-clean .skel-stat,
  html.skin-clean .sales-seg-ink {
    animation: none !important;
    transition: none !important;
  }
}

/* ── 30.08. Nacht V: eBay-Wortmarke in Originalfarben, Konto-Block,
   Listenansicht linksbündig ── */

/* Die vier Pfade des Wortmarken-SVG sind e, b, a, y — Originalfarben.
   Steht NACH den grauen Basisregeln, damit die Variante gewinnt. */
html.skin-clean .tab-ebay-mark.ebay-color { filter: none; }
html.skin-clean .tab-ebay-mark.ebay-color svg path:nth-child(1) { fill: #e53238; }
html.skin-clean .tab-ebay-mark.ebay-color svg path:nth-child(2) { fill: #0064d2; }
html.skin-clean .tab-ebay-mark.ebay-color svg path:nth-child(3) { fill: #f5af02; }
html.skin-clean .tab-ebay-mark.ebay-color svg path:nth-child(4) { fill: #86b817; }

/* Wortmarke als Reiter-Beschriftung (Übersicht | eBay) */
html.skin-clean .d-seg-mark { height: 15px; display: inline-grid; place-items: center; }
html.skin-clean .d-seg-mark svg { height: 15px; width: auto; display: block; }

/* eBay-Konto rechts neben dem Wert im Verkaufen-Kopf */
/* Spiegelsymmetrisch zum Wert links: Block mittig ausgerichtet, Texte
   rechtsbündig, das Logo-Rund außen an der Kante. */
html.skin-clean .sales-port .col-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
html.skin-clean .sales-ebay-acct {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  max-width: 55%;
  /* Schmaler Rahmen als Visitenkarten-Kante (Sven, 31.08.) — tippbar,
     führt zum öffentlichen eBay-Profil. */
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, .16);
  cursor: pointer;
}
html.skin-clean.force-light .sales-ebay-acct { border-color: rgba(0, 0, 0, .12); }
html.skin-clean .sales-ebay-acct:active { transform: scale(.97); }
html.skin-clean .sea-ava-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
html.skin-clean .sea-ava {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 auto;
}
/* Das „Profilbild" ist das eBay-Logo im weißen Rund — wie der Homescreen-
   Auftritt der eBay-App. Weiß bleibt in beiden Themen, nur die Kontur wechselt. */
html.skin-clean .sea-ava-ebay {
  display: grid;
  place-items: center;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
}
html.skin-clean .sea-ava-mark { height: 12px; display: grid; place-items: center; }
html.skin-clean .sea-ava-mark svg { height: 12px; width: auto; display: block; }
html.skin-clean .sea-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  align-items: flex-end;
  text-align: right;
}
html.skin-clean .sea-name {
  font-size: 14px;
  font-weight: 650;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.skin-clean.force-light .sea-name { color: #1c1c1e; }
html.skin-clean .sea-fb {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12.5px;
  color: #8e8e93;
}
html.skin-clean .sea-fb b { color: inherit; font-weight: 650; }
html.skin-clean .sea-star { display: inline-grid; place-items: center; }
html.skin-clean .sea-pct { margin-left: 2px; }

/* Sammlung, Listenansicht: Foto LINKS, Text daneben, Wert rechts — die
   Karten-Regeln oben (display:flex column + align center) stapelten sonst
   alles mittig untereinander. */
html.skin-clean #colGrid.col-list .gitem:not(.gitem-add) {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 12px;
  align-items: center;
}
html.skin-clean #colGrid.col-list .gitem .gph-box {
  flex: none;
  min-height: 0;
  width: 56px;
  height: 56px;
}
html.skin-clean #colGrid.col-list .gitem .gph,
html.skin-clean #colGrid.col-list .gitem .gph-none {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  /* contain, nie cover: cover köpfte bei hohen Slabs das Grading-Label. */
  object-fit: contain;
}
html.skin-clean #colGrid.col-list .gitem .gbody { min-width: 0; text-align: left; }
html.skin-clean #colGrid.col-list .gitem .gfoot { text-align: right; }

/* ── 31.08.: Übersicht | eBay als echte Knöpfe ──
   Gefüllte Segment-Pille statt Unterstreichung, Inhalt mittig, größer,
   44-px-Ziele. Steht am Dateiende und gewinnt gegen die Underline-Regeln. */
html.skin-clean .d-seg {
  background: #1c1c1e;
  border-radius: 4px;
  padding: 4px;
  gap: 4px;
  border-bottom: 0;
}
html.skin-clean .d-seg button {
  min-height: 44px;
  padding: 8px 6px;
  border-radius: 2px;
  border-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15.5px;
  font-weight: 650;
}
html.skin-clean .d-seg button.on {
  background: #2c2c2e;
  color: #fff;
  border-bottom: 0;
}
html.skin-clean .d-seg .d-seg-mark { height: 17px; }
html.skin-clean .d-seg .d-seg-mark svg { height: 17px; }
html.skin-clean.force-light .d-seg { background: #f2f2f7; border-bottom: 0; }
html.skin-clean.force-light .d-seg button.on {
  background: #e5e5ea;
  color: #000;
  border-bottom: 0;
}

/* ── Foto-Editor: Vorschau + Werkzeug-Raster in EINEM Sheet ── */
html.skin-clean .foto-ed-prev {
  display: grid;
  place-items: center;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 0 12px;
  min-height: 160px;
  max-height: 34vh;
}
html.skin-clean .foto-ed-prev img {
  display: block;
  max-width: 100%;
  max-height: 34vh;
  object-fit: contain;
}
html.skin-clean .foto-ed-tog { width: 100%; margin: 0 0 8px; }
html.skin-clean .foto-ed-tools {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
html.skin-clean .foto-ed-tools .opt {
  min-height: 48px;
}
html.skin-clean .foto-ed-tools .opt > span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
html.skin-clean .foto-ed-tools .foto-ed-breit { grid-column: 1 / -1; }

/* Visitenkarte: Mitglied-seit-Zeile */
html.skin-clean .tv-member {
  display: block;
  font-size: 12px;
  color: #8e8e93;
  margin-top: 2px;
}

/* ── Hell-Zwillinge für harte #fff-Texte (Audit 01.09.): Abbrechen-Knöpfe,
   Login-Links, Notizen-Kopf & Co. waren im hellen Thema weiß auf Weiß. ── */
html.skin-clean.force-light .btn-plain,
html.skin-clean.force-light .login-link,
html.skin-clean.force-light .d-notes-h,
html.skin-clean.force-light .d-notes-title,
html.skin-clean.force-light .bulk-prog,
html.skin-clean.force-light .d-cutout-chrome .btn-plain,
html.skin-clean.force-light .lr-prep-fail {
  color: #1c1c1e;
}

/* ── Collection Referenz: alles eckig, Produkte kleiner mittig ── */
html.skin-clean #tabCollection .col-range .range-pill {
  border-radius: 2px !important;
  min-width: 48px;
  min-height: 34px;
  padding: 6px 12px;
  transform: none !important;
  box-shadow: none !important;
}
html.skin-clean #tabCollection .inv-search {
  border-radius: 0 !important;
  border: 1px solid rgba(0, 0, 0, .22);
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html.skin-clean:not(.force-light) #tabCollection .inv-search {
  border-color: rgba(255, 255, 255, .22);
  background: #1c1c1e;
}
html.skin-clean #tabCollection .inv-search-clear {
  border-radius: 0 !important;
}
html.skin-clean #colInvTools .inv-chip,
html.skin-clean #tabCollection .inv-chip {
  border-radius: 2px !important;
  border: 1px solid rgba(28, 28, 30, .18) !important;
  background: #fff !important;
  color: #1c1c1e !important;
  padding: 8px 14px;
  min-height: 36px;
  font-weight: 600;
  box-shadow: none !important;
}
html.skin-clean #colInvTools .inv-chip.on,
html.skin-clean #tabCollection .inv-chip.on {
  background: #f2f2f7 !important;
  color: #1c1c1e !important;
  border-color: rgba(28, 28, 30, .22) !important;
}
html.skin-clean:not(.force-light) #colInvTools .inv-chip,
html.skin-clean:not(.force-light) #tabCollection .inv-chip {
  border-color: #fff !important;
  background: transparent !important;
  color: #fff !important;
}
html.skin-clean:not(.force-light) #colInvTools .inv-chip.on,
html.skin-clean:not(.force-light) #tabCollection .inv-chip.on {
  background: #2c2c2e !important;
  color: #fff !important;
  border-color: #fff !important;
}
html.skin-clean #colGrid.grid:not(.col-list) .gchip-cat,
html.skin-clean #colGrid.grid:not(.col-list) .gseal-in,
html.skin-clean #colGrid.grid:not(.col-list) .gstat {
  border-radius: 2px !important;
}
html.skin-clean #colGrid.grid:not(.col-list) .gph-box > .gph,
html.skin-clean #colGrid.grid:not(.col-list) .gph-box > .gph-none,
html.skin-clean #colGrid .gph-slide .gph,
html.skin-clean #colGrid .gph-slide .gph-none {
  width: 80% !important;
  height: 80% !important;
  max-width: 80% !important;
  max-height: 80% !important;
  transform: translateY(-5%) !important;
}

html.skin-clean #tabScan { display: none !important; }
html.skin-clean.force-light,
html.skin-clean.force-light body,
html.skin-clean.force-light #viewApp {
  --label: #1c1c1e;
}

/* STEP 7b — ruhige Typo: Semibold max am Hero, Regular an Achsen, keine 800. */
html.skin-clean .col-port-val,
html.skin-clean .ov-hero .ov-value,
html.skin-clean .ov-value.col-port-val,
html.skin-clean .impact-value {
  font-weight: 600 !important;
  letter-spacing: -0.5px !important;
  font-variant-numeric: tabular-nums;
}
html.skin-clean.force-light .col-port-val,
html.skin-clean.force-light .ov-hero .ov-value,
html.skin-clean.force-light .ov-hero.themed .ov-value,
html.skin-clean.force-light .impact-value {
  color: #1c1c1e !important;
}
html.skin-clean .range-pill {
  font-weight: 400;
  letter-spacing: 0.02em;
}
html.skin-clean .range-pill.on {
  font-weight: 600;
  letter-spacing: 0.02em;
}
html.skin-clean .tv-ylab,
html.skin-clean .tv-xlab {
  font-weight: 400 !important;
  font-family: var(--font-sero, "SERO Sans Beta", sans-serif) !important;
  letter-spacing: 0.02em;
}
html.skin-clean #colGrid .gname,
html.skin-clean #colGrid.grid:not(.col-list) .gname,
html.skin-clean .gitem .gname,
html.skin-clean .sale-tile .st-t {
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  word-spacing: 0.1em;
}
html.skin-clean #colGrid .gval,
html.skin-clean #colGrid.grid:not(.col-list) .gval {
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.1px;
}
html.skin-clean .gdelta,
html.skin-clean .gcat,
html.skin-clean .gtags,
html.skin-clean .col-hub-delta-lab {
  font-weight: 400;
  letter-spacing: 0.01em;
}
html.skin-clean .tab .tab-lab {
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
}
html.skin-clean .tab.active .tab-lab {
  font-weight: 600;
}
html.skin-clean.force-light .tab.active .tab-lab {
  color: #1c1c1e !important;
}