/* ============================================================================
   VitrinCar — MARKETPLACE CUSTOMER PANEL · theme bridge
   ----------------------------------------------------------------------------
   The private-seller panel (/overview, /marketplace/my_vin_sale.php, …) was
   authored dark-only: the shell (.sidebar/.content) and ~300 text colours were
   written as literals — #070e1d surfaces and rgba(220,231,255,α) "light ink".
   In light mode the page chrome around it flipped (vc-tokens.css) but those
   literals did not, so the panel stayed a dark slab AND every token-driven
   heading (var(--vc-text) = #0b1220 on light) turned dark-on-dark.

   Fix shape — the same one vc-tokens.css uses: the literals become named
   variables whose DARK value is byte-identical to what shipped, so dark mode is
   unchanged, and whose LIGHT value is the inverted equivalent.

     --mpi-NN      translucent ink, NN = the original alpha ×100
                   dark  : rgba(220,231,255,.NN)   (light ink on a dark panel)
                   light : rgba(11,18,32,.MM)      (dark ink on a white panel)
                   MM > NN on purpose: dark ink on white reads weaker than white
                   ink on dark at the same alpha, so each step is lifted to keep
                   the original contrast rank (body copy ≥ 4.5:1, headings ≥ 7:1).

     --mp-surface / -2 / -3 / --mp-media   panel, nested card, field, photo well
     --mp-ink / -2 / -3                    opaque ink: primary, secondary, faint
     --mp-violet / -2                      the panel's violet accent TEXT
                                           (#c4b5fd is 1.9:1 on white — unusable,
                                            so light resolves to --vc-brand-text)

   Loaded by mpl_start() on every panel page, before the page's own <style>.
   Marker for deploy verification: mp-panel-light-v1
   ============================================================================ */

html:root,
html:root body[data-theme]{
  /* ---- translucent ink — DARK (identical to the literals it replaces) ---- */
  --mpi-10:rgba(220,231,255,.10);
  --mpi-25:rgba(220,231,255,.25);
  --mpi-30:rgba(220,231,255,.30);
  --mpi-32:rgba(220,231,255,.32);
  --mpi-35:rgba(220,231,255,.35);
  --mpi-40:rgba(220,231,255,.40);
  --mpi-45:rgba(220,231,255,.45);
  --mpi-50:rgba(220,231,255,.50);
  --mpi-55:rgba(220,231,255,.55);
  --mpi-58:rgba(220,231,255,.58);
  --mpi-60:rgba(220,231,255,.60);
  --mpi-62:rgba(220,231,255,.62);
  --mpi-65:rgba(220,231,255,.65);
  --mpi-70:rgba(220,231,255,.70);
  --mpi-72:rgba(220,231,255,.72);
  --mpi-75:rgba(220,231,255,.75);
  --mpi-76:rgba(220,231,255,.76);
  --mpi-78:rgba(220,231,255,.78);
  --mpi-80:rgba(220,231,255,.80);
  --mpi-85:rgba(220,231,255,.85);
  --mpi-90:rgba(220,231,255,.90);

  /* ---- opaque surfaces — DARK ---- */
  --mp-surface:#070e1d;      /* the sidebar + content slab */
  --mp-surface-2:#0c1428;    /* nested card, dropdown, popover */
  --mp-surface-3:#12193a;    /* input / progress track / chip well */
  --mp-media:#111a2b;        /* photo placeholder well */

  /* ---- opaque ink — DARK ---- */
  --mp-ink:#e8eefc;
  --mp-ink-2:#bdc7ff;
  --mp-ink-3:#8a93ad;
  --mp-ink-4:#6a7da0;

  /* ---- violet accent TEXT + its tinted surface — DARK ---- */
  --mp-violet:#c4b5fd;
  --mp-violet-2:#bfb2ff;
  --mp-violet-soft:rgba(167,139,250,.16);
  --mp-violet-line:rgba(124,91,255,.32);

  /* ---- semantic TEXT inks — DARK ----------------------------------------
     These are the pastels (#86efac, #fcd34d, #fecaca …) the panel puts on
     tinted chips. A pastel on a dark tint reads at ~9:1; the SAME pastel on
     the light tint measures ~1.4:1, so light mode needs the saturated end of
     the ramp instead of the pale end. */
  --mp-ok:#86efac;
  --mp-ok-2:#bbf7d0;
  --mp-warn:#fcd34d;
  --mp-warn-2:#fde68a;
  --mp-bad:#fecaca;
  --mp-bad-2:#ffd0d6;
  --mp-info:#cde0ff;
  --mp-teal:#7ce0e3;

  /* tinted chip SURFACES that pair with the inks above */
  --mp-ok-bg:#10351f;
  --mp-warn-bg:#3a2b0a;
  --mp-bad-bg:#3a1414;


  /* ---- per-literal ink bridge — DARK (each value IS the literal it replaced,
     so dark mode is byte-identical). The light twins below were hand-picked
     from the vc-tokens ramp rather than solved numerically: a pure
     contrast-maximising solver returns neon (#1f40f9, #ea0c0c) that clears
     4.5:1 and still looks wrong next to the rest of the site. ---- */
  --mpc-16a34a:#16a34a;
  --mpc-22c55e:#22c55e;
  --mpc-34d399:#34d399;
  --mpc-3b82f6:#3b82f6;
  --mpc-3ed598:#3ed598;
  --mpc-5b8cff:#5b8cff;
  --mpc-5fd2ff:#5fd2ff;
  --mpc-60a5fa:#60a5fa;
  --mpc-7c5bff:#7c5bff;
  --mpc-7c8aa8:#7c8aa8;
  --mpc-7c9bff:#7c9bff;
  --mpc-7d8cff:#7d8cff;
  --mpc-7faaff:#7faaff;
  --mpc-8294b4:#8294b4;
  --mpc-8a93ad:#8a93ad;
  --mpc-8b5cf6:#8b5cf6;
  --mpc-93b5ff:#93b5ff;
  --mpc-9ba6ff:#9ba6ff;
  --mpc-9eb3d4:#9eb3d4;
  --mpc-9eb8ff:#9eb8ff;
  --mpc-9fb0cf:#9fb0cf;
  --mpc-a4b2cf:#a4b2cf;
  --mpc-a78bfa:#a78bfa;
  --mpc-a98bff:#a98bff;
  --mpc-a9b8d0:#a9b8d0;
  --mpc-b8c6de:#b8c6de;
  --mpc-bdc7ff:#bdc7ff;
  --mpc-c5b4ff:#c5b4ff;
  --mpc-caa14e:#caa14e;
  --mpc-cfb1ff:#cfb1ff;
  --mpc-cfc4ff:#cfc4ff;
  --mpc-ec4899:#ec4899;
  --mpc-f0b341:#f0b341;
  --mpc-f87171:#f87171;
  --mpc-fb923c:#fb923c;
  --mpc-fdba74:#fdba74;
  --mpc-ff5b5b:#ff5b5b;
  --mpc-ff5e6c:#ff5e6c;
  --mpc-ff6a3d:#ff6a3d;
  --mpc-ff6a9d:#ff6a9d;
  --mpc-ff8a8a:#ff8a8a;
  --mpc-ff8e98:#ff8e98;
  --mpc-ff9f9f:#ff9f9f;
  --mpc-ffa6c5:#ffa6c5;

  /* surfaced by the rendered contrast audit: page-local palettes */
  --mpc-16d385:#16d385;
  --mpc-6a7da0:#6a7da0;
  --mpc-8597b8:#8597b8;
  --mpc-8c7bff:#8c7bff;
  --mpc-9fb0c9:#9fb0c9;
  --mpc-c8d2eb:#c8d2eb;
  --mpc-e8eef9:#e8eef9;
  --mpc-eef3ff:#eef3ff;
  --mpc-ef4444:#ef4444;
  --mpc-f4f7fb:#f4f7fb;
  --mpc-f59e0b:#f59e0b;

  /* ---- panel elevation/hairline that must not vanish on white ---- */
  --mp-hairline:var(--vc-border);
  --mp-panel-shadow:none;
}

html:root.vc-light,
html:root[data-theme="light"],
html:root.vc-light body,
html:root body[data-theme="light"]{
  /* ---- translucent ink — LIGHT ---- */
  --mpi-10:rgba(11,18,32,.16);
  --mpi-25:rgba(11,18,32,.34);
  --mpi-30:rgba(11,18,32,.42);
  --mpi-32:rgba(11,18,32,.44);
  --mpi-35:rgba(11,18,32,.46);
  --mpi-40:rgba(11,18,32,.60);
  --mpi-45:rgba(11,18,32,.63);
  --mpi-50:rgba(11,18,32,.64);
  --mpi-55:rgba(11,18,32,.68);
  --mpi-58:rgba(11,18,32,.71);
  --mpi-60:rgba(11,18,32,.72);
  --mpi-62:rgba(11,18,32,.74);
  --mpi-65:rgba(11,18,32,.76);
  --mpi-70:rgba(11,18,32,.80);
  --mpi-72:rgba(11,18,32,.82);
  --mpi-75:rgba(11,18,32,.84);
  --mpi-76:rgba(11,18,32,.85);
  --mpi-78:rgba(11,18,32,.86);
  --mpi-80:rgba(11,18,32,.88);
  --mpi-85:rgba(11,18,32,.92);
  --mpi-90:rgba(11,18,32,.95);

  /* ---- opaque surfaces — LIGHT ---- */
  --mp-surface:#ffffff;
  --mp-surface-2:#f4f7fc;
  --mp-surface-3:#e9eef8;
  --mp-media:#dfe6f3;

  /* ---- opaque ink — LIGHT ---- */
  --mp-ink:#0b1220;
  --mp-ink-2:#3a4a6b;
  --mp-ink-3:#5a6884;
  --mp-ink-4:#68758f;

  /* ---- violet accent — LIGHT (#c4b5fd measures 1.9:1 on white) ---- */
  --mp-violet:#5b34c9;
  --mp-violet-2:#5b34c9;
  --mp-violet-soft:rgba(124,92,255,.12);
  --mp-violet-line:rgba(124,92,255,.30);

  /* ---- semantic TEXT inks — LIGHT (all ≥ 4.5:1 on their tinted chip) ---- */
  --mp-ok:#15803d;
  --mp-ok-2:#166534;
  --mp-warn:#a16207;
  --mp-warn-2:#92600e;
  --mp-bad:#b91c1c;
  --mp-bad-2:#be123c;
  --mp-info:#1d4ed8;
  --mp-teal:#0e7490;

  --mp-ok-bg:rgba(22,163,74,.12);
  --mp-warn-bg:rgba(180,120,0,.14);
  --mp-bad-bg:rgba(220,38,38,.10);


  /* ---- per-literal ink bridge — LIGHT (every value ≥ 4.5:1 on white) ---- */

  --mpc-16a34a:#15803d;
  --mpc-22c55e:#15803d;
  --mpc-34d399:#15803d;
  --mpc-3b82f6:#1d4ed8;
  --mpc-3ed598:#15803d;
  --mpc-5b8cff:#1d4ed8;
  --mpc-5fd2ff:#0e7490;
  --mpc-60a5fa:#1d4ed8;
  --mpc-7c5bff:#5b34c9;
  --mpc-7c8aa8:#414f66;
  --mpc-7c9bff:#2f5fd0;
  --mpc-7d8cff:#2f5fd0;
  --mpc-7faaff:#1d4ed8;
  --mpc-8294b4:#414f66;
  --mpc-8a93ad:#414f66;
  --mpc-8b5cf6:#5b34c9;
  --mpc-93b5ff:#2f5fd0;
  --mpc-9ba6ff:#2f5fd0;
  --mpc-9eb3d4:#414f66;
  --mpc-9eb8ff:#2f5fd0;
  --mpc-9fb0cf:#414f66;
  --mpc-a4b2cf:#414f66;
  --mpc-a78bfa:#5b34c9;
  --mpc-a98bff:#5b34c9;
  --mpc-a9b8d0:#414f66;
  --mpc-b8c6de:#414f66;
  --mpc-bdc7ff:#3a4a6b;
  --mpc-c5b4ff:#5b34c9;
  --mpc-caa14e:#a16207;
  --mpc-cfb1ff:#5b34c9;
  --mpc-cfc4ff:#5b34c9;
  --mpc-ec4899:#be123c;
  --mpc-f0b341:#a16207;
  --mpc-f87171:#b91c1c;
  --mpc-fb923c:#c2410c;
  --mpc-fdba74:#c2410c;
  --mpc-ff5b5b:#b91c1c;
  --mpc-ff5e6c:#b91c1c;
  --mpc-ff6a3d:#c2410c;
  --mpc-ff6a9d:#be123c;
  --mpc-ff8a8a:#b91c1c;
  --mpc-ff8e98:#b91c1c;
  --mpc-ff9f9f:#b91c1c;
  --mpc-ffa6c5:#be123c;

  --mpc-16d385:#0f7a4d;
  --mpc-6a7da0:#68758f;
  --mpc-8597b8:#5a6884;
  --mpc-8c7bff:#5b34c9;
  --mpc-9fb0c9:#5a6884;
  --mpc-c8d2eb:#414f66;
  --mpc-e8eef9:#0b1220;
  --mpc-eef3ff:#0b1220;
  --mpc-ef4444:#b91c1c;
  --mpc-f4f7fb:#0b1220;
  --mpc-f59e0b:#a16207;

  --mp-hairline:rgba(16,32,64,.14);
  /* On dark the slab separated itself from the page by being darker than it.
     On light it is white on a light-grey page, so it needs a real shadow or the
     panel edge disappears. */
  --mp-panel-shadow:0 18px 44px -26px rgba(16,32,64,.30);
}


/* ══ Shell ═════════════════════════════════════════════════════════════════
   .sidebar and .content are painted from --mp-surface in marketplace_layout,
   so nothing is needed here for the fills. What IS needed: the pieces the
   layout could not express as a single colour. */

body[data-theme="light"] .sidebar,
body[data-theme="light"] .content{
  box-shadow:var(--mp-panel-shadow);
}

/* The sidebar's app badge / avatar glows were tuned for a navy backdrop. */
body[data-theme="light"] .mpl-app-badge{
  background:linear-gradient(135deg,rgba(99,80,255,.12),rgba(31,124,255,.08));
  border-color:rgba(99,80,255,.22);
}
body[data-theme="light"] .mpl-app-badge svg{color:#5b34c9}

/* Menu: hover/active tints inverted; the active row keeps its violet identity
   but at a weight that reads on white. */
body[data-theme="light"] .menu-link:hover,
body[data-theme="light"] .menu-sublink:hover{background:rgba(16,32,64,.05)}
body[data-theme="light"] .menu-link.active,
body[data-theme="light"] .menu-sublink.active{
  background:var(--mp-violet-soft);
  color:var(--mp-violet);
}
body[data-theme="light"] .menu-link.active .menu-icon,
body[data-theme="light"] .menu-sublink.active .menu-subicon{color:var(--mp-violet)}

/* Per-item icon hues: the pale ones (chosen to glow on navy) wash out on white.
   Only the near-white ones need darkening — the saturated hues already pass. */
body[data-theme="light"] .menu-icon--car_park,
body[data-theme="light"] .menu-icon--settings,
body[data-theme="light"] .menu-icon--messenger{color:#4a5b7d}
body[data-theme="light"] .menu-icon--overview{color:#5b34c9}
body[data-theme="light"] .menu-icon--my_drafts{color:#5a6884}
body[data-theme="light"] .menu-icon--pricing{color:#0f9d63}
body[data-theme="light"] .menu-icon--analytics_realtime{color:#0f9d63}
body[data-theme="light"] .menu-icon--reviews{color:#b7860b}
body[data-theme="light"] .menu-icon--discounts{color:#b7860b}
body[data-theme="light"] .menu-icon--my_bids{color:#b7860b}
body[data-theme="light"] .menu-icon--my_vin_sale,
body[data-theme="light"] .menu-icon--advanced_sale,
body[data-theme="light"] .menu-icon--warranty,
body[data-theme="light"] .menu-icon--sell_to_dealers,
body[data-theme="light"] .menu-icon--contact_support{color:#2f5fd0}
body[data-theme="light"] .menu-icon--logout{color:#d63b1c}
body[data-theme="light"] .menu-link[data-key="logout"]{color:#a8321a}
body[data-theme="light"] .menu-link[data-key="logout"]:hover{background:rgba(214,59,28,.07)}
body[data-theme="light"] .menu-chevron{color:rgba(11,18,32,.45)}

/* Mobile: the section-tab strip inherits the slab colour. */
@media(max-width:860px){
  body[data-theme="light"] .sidebar .mpl-side-menu{background:var(--mp-surface)}
  body[data-theme="light"] .sidebar .mpl-side-menu.mpl-pinned{
    background:var(--mp-surface);
    box-shadow:0 10px 24px rgba(16,32,64,.16);
  }
}

/* ══ Generic panel primitives from marketplace_layout ═════════════════════ */
body[data-theme="light"] .status-chip.approved{background:rgba(22,163,74,.12);color:#15803d;border-color:rgba(22,163,74,.28)}
body[data-theme="light"] .status-chip.pending {background:rgba(180,120,0,.12);color:#a16207;border-color:rgba(180,120,0,.28)}
body[data-theme="light"] .status-chip.rejected{background:rgba(220,38,38,.10);color:#b91c1c;border-color:rgba(220,38,38,.26)}
body[data-theme="light"] .pill{background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.22);color:var(--mp-violet)}
body[data-theme="light"] .favorite-chip,
body[data-theme="light"] .favorite-button{background:rgba(124,92,255,.10);color:var(--mp-violet)}
body[data-theme="light"] .favorite-chip.is-active,
body[data-theme="light"] .favorite-button.is-active{background:rgba(225,29,72,.10);color:#be123c;border-color:rgba(225,29,72,.26)}

/* Flash boxes + soft pills that were tinted for a dark backdrop. */
body[data-theme="light"] .flash-box.success{background:rgba(22,163,74,.10);border-color:rgba(22,163,74,.26);color:#15803d}
body[data-theme="light"] .flash-box.error  {background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.24);color:#b91c1c}
body[data-theme="light"] .warranty-pills .live{background:rgba(22,163,74,.12);color:#15803d;border-color:rgba(22,163,74,.26)}
body[data-theme="light"] .warranty-pills .off {background:rgba(220,38,38,.09);color:#b91c1c;border-color:rgba(220,38,38,.24)}
body[data-theme="light"] .discount-status-pill.pending {background:rgba(180,120,0,.12);border-color:rgba(180,120,0,.26);color:#a16207}
body[data-theme="light"] .discount-status-pill.approved{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.26);color:#15803d}
body[data-theme="light"] .discount-status-pill.rejected{background:rgba(220,38,38,.09);border-color:rgba(220,38,38,.24);color:#b91c1c}
body[data-theme="light"] .discount-latest-banner{border-color:rgba(180,120,0,.26);background:linear-gradient(135deg,rgba(245,166,35,.10),rgba(255,122,89,.05))}
body[data-theme="light"] .discount-latest-banner.approved{border-color:rgba(22,163,74,.26);background:linear-gradient(135deg,rgba(22,163,74,.09),rgba(22,163,74,.04))}
body[data-theme="light"] .discount-latest-banner.rejected{border-color:rgba(220,38,38,.24);background:linear-gradient(135deg,rgba(220,38,38,.08),rgba(220,38,38,.04))}
body[data-theme="light"] .favorite-discount-note{background:rgba(234,88,12,.09);border-color:rgba(234,88,12,.22);color:#c2410c}
body[data-theme="light"] .mpl-favorite-price-stack .vd-old-price,
body[data-theme="light"] .vd-price-stack .vd-old-price{color:#b91c1c;text-decoration-color:#e11d48}
body[data-theme="light"] .note-box{background:rgba(234,88,12,.07);border-color:rgba(234,88,12,.18)}
body[data-theme="light"] .reply-box{background:rgba(124,92,255,.07);border-color:rgba(124,92,255,.16)}
body[data-theme="light"] .ai-track span{background:var(--mp-surface-3)}
body[data-theme="light"] .warranty-field select option{color:#0b1220;background:#fff}

/* Cards on the panel used a dark-only drop shadow that reads as soot on white. */
body[data-theme="light"] .vehicle-card-compact,
body[data-theme="light"] .favorite-tile,
body[data-theme="light"] .warranty-card{box-shadow:0 14px 34px -22px rgba(16,32,64,.34)}
body[data-theme="light"] .vehicle-card-compact:before,
body[data-theme="light"] .favorite-tile:before,
body[data-theme="light"] .warranty-card:before{background:none}
body[data-theme="light"] .vehicle-card-compact .thumb,
body[data-theme="light"] .favorite-tile .thumb,
body[data-theme="light"] .warranty-thumb{box-shadow:0 10px 24px -16px rgba(16,32,64,.4)}
body[data-theme="light"] .favorite-source-badge{color:#0b1220}
body[data-theme="light"] .favorite-warranty-badge,
body[data-theme="light"] .tc-warranty-badge.tc-warranty-badge--overlay{
  background:linear-gradient(135deg,#ffffff,#eef2fa);
  border-color:rgba(124,92,255,.28);
  color:#0b1220;
  box-shadow:0 12px 26px -16px rgba(16,32,64,.42);
}

/* Shared .vc card: two accent inks were pale-on-dark and land on light glass
   in light mode (the auction timer chip and the "Auction" market pill). */
body[data-theme="light"] .vc-timer{color:#6b21a8;border-color:rgba(147,51,234,.45)}
body[data-theme="light"] .ms-auc{background:rgba(147,51,234,.12);color:#6b21a8}

/* ══ Light-mode fixes traced to measured failures (audit_panel.py) ═══════════
   Each rule below closes one ratio the rendered walker reported; the class and
   the number are named so a re-run maps 1:1 back to the fix. */

/* The account menu in the top nav: its name is token-driven, and the panel's
   nav is an always-dark island — dark ink on dark chrome, 1.72:1. */
body[data-theme="light"] .market-header .vc-am-trigger-name,
body[data-theme="light"] .mpnav .vc-am-trigger-name,
body[data-theme="light"] .market-header .vc-am-trigger,
body[data-theme="light"] .mpnav .vc-am-trigger{color:#eef4ff}

/* Sell-To-Dealers status pills: pale accent on its own pale tint (2.32 / 3.03). */
body[data-theme="light"] .aa-row .body .aa-status{color:#4c1d95}
body[data-theme="light"] .aa-row .body .aa-status[class*="blue"],
body[data-theme="light"] .aa-row .body .aa-status[class*="info"]{color:#1d4ed8}

/* White ink on a light success/neutral chip (1.06 / 1.10). */
body[data-theme="light"] .aa-row strong,
body[data-theme="light"] .rb-summary strong{color:#0b1220}

/* Pricing status badge: white on #41cc74, 2.08. */
body[data-theme="light"] .pr-image-badge{background:#0f7a4d}
body[data-theme="light"] .pr-image-badge.draft{background:#4b5563}

/* Green chips sat at 4.27–4.35; one step darker clears the floor. */
body[data-theme="light"] .wr-chip-yes,
body[data-theme="light"] .wr-chip-active{color:#166534}

/* Reviews tab + its badge, both 4.35 on white / on brand. */
body[data-theme="light"] .mpr-tab.is-on{color:#5b34c9;border-bottom-color:#5b34c9}
.mpr-tab.is-on .mpr-tab-badge{background:#5b34c9}

/* Seller pill on the discount thumbnail read 2.82 in DARK (pre-existing). */
.rb-img-seller--private{color:#ffffff}

/* ── Round 2: the remaining measured ratios ──────────────────────────────── */

/* Sell-To-Dealers status pill paints its colour INLINE from PHP (do_status_color),
   and the theme is a client-side decision the server cannot see. The markup now
   also carries aa-st-<status>, so light mode can win with !important — the only
   thing that beats an inline style. Measured 2.32 (pending) and 3.03 (accepted). */
body[data-theme="light"] .aa-status.aa-st-pending,
body[data-theme="light"] .aa-status.aa-st-draft{color:#5b34c9!important;border-color:rgba(91,52,201,.35)!important}
body[data-theme="light"] .aa-status.aa-st-accepted,
body[data-theme="light"] .aa-status.aa-st-completed{color:#1d4ed8!important;border-color:rgba(29,78,216,.35)!important}
body[data-theme="light"] .aa-status.aa-st-active{color:#15803d!important;border-color:rgba(21,128,61,.35)!important}
body[data-theme="light"] .aa-status.aa-st-rejected{color:#b91c1c!important;border-color:rgba(185,28,28,.35)!important}
body[data-theme="light"] .aa-status.aa-st-ai_flagged{color:#a16207!important;border-color:rgba(161,98,7,.35)!important}
body[data-theme="light"] .aa-status.aa-st-expired{color:#475569!important;border-color:rgba(71,85,105,.35)!important}
/* dark: the blue "accepted" sat at 4.28 on its own tint */
body[data-theme="dark"] .aa-status.aa-st-accepted,
body[data-theme="dark"] .aa-status.aa-st-completed{color:#93b8ff!important}

/* Chips that measured 4.27-4.45 — one step down the ramp clears the floor. */
body[data-theme="light"] .mvs-status.approved,
body[data-theme="light"] .dash-tips .btn,
body[data-theme="light"] .std-card .btn{color:#166534}
body[data-theme="light"] .mvs-status.pending,
body[data-theme="light"] .cs-pill.cs-st-wait,
body[data-theme="light"] .rb-pending{color:#8a5406}
body[data-theme="light"] .rb-summary strong,
body[data-theme="light"] .rb-card strong{color:#0b1220}

/* Reviews tab badge: white on --vc-brand is 4.35 in BOTH themes. Needs to beat
   the page's own .mpr-tab.is-on .mpr-tab-badge rule, which is same-specificity
   but emitted later, so qualify with the body attribute. */
body[data-theme] .mpr-tab.is-on .mpr-tab-badge{background:#5b34c9}
body[data-theme="dark"] .mpr-tab.is-on .mpr-tab-badge{background:#a78bfa;color:#140b2e}
body[data-theme="dark"] .mpr-tab.is-on{color:#c4b5fd;border-bottom-color:#c4b5fd}

/* Live pill on the analytics card: brand violet on its own tint, 3.38. */
body[data-theme="light"] .vc-an .vc-live-pill{color:#4c1d95}

/* Pre-existing DARK marginals the audit surfaced on Overview / Contact Support. */
body[data-theme="dark"] .ov-price-strike,
body[data-theme="dark"] .price-row .strike{color:rgba(255,138,148,.92)}
body[data-theme="dark"] .ov-stat-trend .delta.zero{color:var(--mpi-60)}
body[data-theme="dark"] .ov-period-btn .caret{color:var(--mpi-65)}
body[data-theme="dark"] .cs-conv-time,
body[data-theme="dark"] .cs-empty p{color:var(--mpi-65)}

/* ── Round 3: the last measured ratios ───────────────────────────────────── */

/* Rabatte "Private" pill sits on a saturated blue in BOTH themes, so it is an
   island: pin one background that carries white ink (dark measured 2.82 with
   near-white on #5b8cff; light 2.79 with dark ink on #1d4ed8). */
body[data-theme] .rb-img-seller.rb-img-seller--private{background:#1d4ed8;color:#ffffff}
body[data-theme] .rb-img-seller{color:#ffffff}

/* AI verdict chips, 3.97 in both themes on their own tint. */
body[data-theme="light"] .rb-verdict.fair,
body[data-theme="light"] .wr-verdict.fair{color:#7a4a05}
body[data-theme="dark"] .rb-verdict.over,
body[data-theme="dark"] .wr-verdict.over{color:#ff8a8a}

/* Review-journey count bubble: green ink on a green tint inside a green pill. */
body[data-theme="light"] .mvs-jp-ok b{color:#0f5132}
body[data-theme="light"] .mvs-jp-no b{color:#8c1414}
body[data-theme="light"] .mvs-jp-re b{color:#6b3f04}

/* Status pill again — the live statuses are pending_admin_review / etc., so match
   on the prefix rather than an exact list. */
body[data-theme="light"] .aa-status[class*="aa-st-pending"]{color:#5b34c9!important;border-color:rgba(91,52,201,.35)!important}

/* Live pill, dark side (3.38). */
body[data-theme="dark"] .vc-an .vc-live-pill{color:#b9a6ff}

/* Struck-through original price on the Overview discount card (3.14, dark). */
body[data-theme="dark"] .ov-discount-body .pricing .strike{color:rgba(255,138,148,.92)}

/* Messenger/support empty-state copy (4.45, dark). */
body[data-theme="dark"] .cs-empty p,
body[data-theme="dark"] .cs-thread-empty p{color:var(--mpi-65)}

/* ── Round 4: last two ─────────────────────────────────────────────────────── */
/* Overview discount card, LIGHT: the struck original price is a translucent red
   that composites to rgb(255,150,159) on white — 1.97:1. */
body[data-theme="light"] .ov-discount-body .pricing .strike{color:#b91c1c}
/* Contact Support empty state (.cs-chat-empty, not .cs-empty) measured 4.45. */
body[data-theme="dark"] .cs-chat-empty{color:var(--mpi-62)}
