/* Pakstoor :: pks-brand.css :: v1.0-000010 :: 2026-10-20 */
/*
  Copyright (c) 2026 Pakstoor (Pty) Ltd. All rights reserved.
  BRAND LAYER (Brand Pack v1.0, owner 2026-10-15). Pakstoor orange #F47A20 takes over the brand moments:
  primary actions, selection, focus, brand links and small brand accents. Replace branding, not meaning:
  gold stays for named tiers (Trust Level 5 "Gold", Pro) and star ratings, yellow-amber means warning or
  pending, green means a completed outcome, red means an error. Illustrations, photos and partner logos
  are not recoloured. The login success seal keeps its locked gold.
  Loaded LAST in <head>, page by page (login first). Remove the <link> to undo.
  Contrast: text on orange is #141414 (6.7:1). Orange text on light surfaces is #B5520F (4.7:1 or better).
  Selectors carry :not(#pkb) so they outrank the page sheets (login-refine, pks-fresh) without touching them.
*/

/* ---- 1. Tokens --------------------------------------------------------------------------------------- */
:root {
  --pk-brand: #F47A20;
  --pk-brand-hover: #FF8A3D;
  --pk-brand-press: #E06A12;
  --pk-brand-ink: #141414;
  --pk-brand-text: #F47A20;
  --pk-brand-text-light: #B5520F;
  --pk-brand-wash: rgba(244, 122, 32, .10);
  --pk-brand-wash-2: rgba(244, 122, 32, .18);
  --pk-brand-line: rgba(244, 122, 32, .45);
  --pk-warn: #E8B339;
  --pk-warn-light: #8A6500;
}
/* Warning moves to yellow-amber so it can never be mistaken for the brand orange. */
:root:not(#pkb), :root[data-theme="dark"]:not(#pkb) { --warning: #E8B339; --warning-wash: rgba(232, 179, 57, .12); }
:root[data-theme="light"]:not(#pkb) { --warning: #8A6500; --warning-wash: rgba(138, 101, 0, .10); }

/* ---- 2. Login + signup (/login, /signup) and the password pages (body.auth-body: forgot / reset) ------- */
/* On this page every use of the shared gold token is a brand moment, so the token itself is re-pointed. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) {
  --gold: #F47A20; --gold-light: #FF9A52; --gold-deep: #E06A12; --gold-dim: #B5520F; --gold-ink: #141414;
  --gold-wash: rgba(244, 122, 32, .08); --gold-wash-2: rgba(244, 122, 32, .14);
}
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) {
  --lr-gold: #F47A20; --lr-gold-hover: #E06A12; --lr-gold-ink: #B5520F; --lr-gold-ring: rgba(244, 122, 32, .22);
}
/* Meaning, not brand: "Caps lock is on" is a warning. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .password-input .caps-pill {
  color: var(--pk-warn) !important;
  background: linear-gradient(rgba(232, 179, 57, .20), rgba(232, 179, 57, .08)) !important;
  border-color: rgba(232, 179, 57, .45) !important;
}
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .password-input .caps-pill {
  color: var(--pk-warn-light) !important;
  background: rgba(232, 179, 57, .16) !important;
  border-color: rgba(138, 101, 0, .38) !important;
}

/* Dark theme ground: Brand Pack neutrals (#141414 page, #1F1F1F surfaces, grey lines) replace the old warm brown. */
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) {
  --bg: #141414; --bg-1: #1F1F1F; --bg-2: #262626; --bg-3: #2E2E2E; --bg-4: #383838;
  --line: #2E2E2E; --line-2: #3A3A3A; --line-bright: #4A4A4A;
  background-color: #141414 !important;
  background-image: radial-gradient(1200px 600px at 80% -160px, rgba(244, 122, 32, .035), rgba(0, 0, 0, 0) 60%) !important;
}
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-form-wrap { background: #141414 !important; border-left-color: #2E2E2E !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-card,
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo { background-color: #1F1F1F !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-card { border-color: #2E2E2E !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb { background: #1A1A1A !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .form-group input:not(:focus),
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-social:not(.pks-passkey-btn) { background-color: #1F1F1F !important; border-color: #3A3A3A !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .form-group input:focus { background-color: #1F1F1F !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-note-title { color: var(--pk-brand) !important; }

/* 2a. Logo: Brand Pack horizontal lockup, matte (no drop shadow, no glint star). */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-logo-img { height: 52px !important; width: auto !important; filter: none !important; animation: none !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-logo::after { display: none !important; }

/* 2b. Brand panel (dark in both themes): #141414 ground, full-strength orange accents. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-brand { background: radial-gradient(circle at 30% 20%, #1C1C1C 0%, #141414 52%, #101010 100%) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-brand .brand-glow { background: radial-gradient(circle, rgba(244, 122, 32, .09) 0%, rgba(244, 122, 32, .035) 32%, rgba(244, 122, 32, 0) 66%) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-brand .brand-beam { background: linear-gradient(115deg, transparent 40%, rgba(244, 122, 32, .09) 50%, rgba(244, 122, 32, .035) 56%, transparent 70%) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-eyebrow { color: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-eyebrow-dot { background: var(--pk-brand) !important; box-shadow: 0 0 10px rgba(244, 122, 32, .7) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-slogan-line-2 em { color: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-slogan-line-2 em::after { background: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-trust .trust-icon { color: var(--pk-brand) !important; }

/* 2c. Form column accents. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-form-wrap::before { background: linear-gradient(to bottom, var(--pk-brand) 0%, transparent 100%) !important; }
@media (max-width: 980px) {
  html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-form-wrap::before { background: linear-gradient(to right, var(--pk-brand) 0%, transparent 100%) !important; }
}
@media (min-width: 1360px) {
  html:not([data-theme="light"]):not(#pkb) body:is(.auth-page-login, .auth-body) .auth-body-grid::before {
    background: linear-gradient(180deg, transparent 0%, rgba(244, 122, 32, .16) 14%, rgba(244, 122, 32, .26) 50%, rgba(244, 122, 32, .16) 86%, transparent 100%) !important;
  }
}

/* 2d. Tabs, links. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-tabs .tab-slider { box-shadow: inset 0 -2px 0 var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-tab:hover:not(.is-active):not(.active) { border-color: var(--pk-brand-line) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .label-link,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .label-link--floating,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-switch a { color: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .label-link,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .label-link--floating,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .auth-switch a { color: var(--pk-brand-text-light) !important; }

/* 2e. Inputs: orange focus ring. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .form-group input:focus,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .phone-input:focus-within,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .dob-select:focus {
  border-color: var(--pk-brand) !important;
  box-shadow: 0 0 0 4px rgba(244, 122, 32, .16), inset 0 0 0 1px rgba(244, 122, 32, .45) !important;
}
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .form-group input:focus,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .phone-input:focus-within,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .dob-select:focus { box-shadow: 0 0 0 4px rgba(244, 122, 32, .22) !important; }

/* 2f. Primary button (Log In, Create Account, wizard steps): orange fill, #141414 text. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit:not(.btn-submit--ghost) {
  color: var(--pk-brand-ink) !important;
  background: var(--pk-brand) !important;
  border: 1px solid var(--pk-brand-press) !important;
  box-shadow: 0 10px 22px -12px rgba(224, 106, 18, .60), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
html:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit:not(.btn-submit--ghost):hover:not(:disabled) {
  background: var(--pk-brand-hover) !important;
  box-shadow: 0 14px 26px -12px rgba(224, 106, 18, .65), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
html:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit:not(.btn-submit--ghost):active:not(:disabled) { background: var(--pk-brand-press) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit:not(.btn-submit--ghost):focus-visible { outline: none !important; box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 5px var(--pk-brand-press) !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit:not(.btn-submit--ghost):focus-visible { box-shadow: 0 0 0 3px #141414, 0 0 0 5px var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-submit--ghost:hover { border-color: var(--pk-brand) !important; color: var(--pk-brand-text) !important; }

/* 2g. Passkey button. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-passkey-btn svg { color: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-passkey-btn svg { color: var(--pk-brand-text-light) !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-passkey-btn { background: linear-gradient(rgba(244, 122, 32, .12), rgba(244, 122, 32, .12)), var(--bg-1, #1F1F1F) !important; border-color: var(--pk-brand-line) !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-passkey-btn:hover:not(:disabled) { background: linear-gradient(rgba(244, 122, 32, .22), rgba(244, 122, 32, .22)), var(--bg-1, #1F1F1F) !important; border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .btn-social:focus-visible { box-shadow: 0 0 0 4px rgba(244, 122, 32, .22) !important; border-color: var(--pk-brand) !important; }

/* 2h. Launch banner (LAUNCHING SOON). */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-cta { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; box-shadow: 0 10px 24px -12px rgba(244, 122, 32, .8) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-cta:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-dot { background: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-seam { background-image: linear-gradient(90deg, transparent, #F47A20 25%, #FF9A52 50%, #F47A20 75%, transparent) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-eyebrow,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-perk-icon { color: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-eyebrow,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-perk-icon { color: var(--pk-brand-text-light) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb-perk-icon { background-color: var(--pk-brand-wash-2) !important; }
html[data-theme="dark"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-lb { border-color: rgba(244, 122, 32, .30) !important; }

/* 2i. "How we protect you" card. Coins stay gold (money); shield, chip and clasp are brand. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-eyebrow,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-icon { color: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-eyebrow,
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-icon { color: var(--pk-brand-text-light) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-dot { background-color: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-road-done { stroke: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .brand-trust { border-top-color: rgba(255, 255, 255, .08) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-shield-body,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-keyhole,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-chip,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-howcard .hc-clasp { fill: var(--pk-brand) !important; }

/* 2j. "See how it works" promo card + its spot illustration (re-pointed art tokens). */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo { box-shadow: 0 1px 2px rgba(30, 27, 24, .05), 0 16px 34px -20px rgba(181, 82, 15, .40) !important; }
html:not([data-theme="light"]):not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo { box-shadow: 0 18px 36px -22px rgba(244, 122, 32, .45) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo::before { background: linear-gradient(105deg, transparent 35%, rgba(255, 214, 184, .55) 50%, transparent 65%) !important; }
html:not([data-theme="light"]):not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo::before { background: linear-gradient(105deg, transparent 35%, rgba(255, 170, 110, .20) 50%, transparent 65%) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo:focus-visible { outline-color: rgba(244, 122, 32, .55) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-new,
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-go { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-eyebrow { color: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-tap { color: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .hp-tap svg path { stroke: var(--pk-brand) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb) body:is(.auth-page-login, .auth-body) .pks-hiw-promo .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }

/* 2k. "No spam, ever" note. */
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-nospam { background-color: rgba(244, 122, 32, .07) !important; }
html:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-nospam-ic { stroke: var(--pk-brand-text) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-nospam { background-color: rgba(244, 122, 32, .06) !important; }
html[data-theme="light"]:not(#pkb) body:is(.auth-page-login, .auth-body) .pks-nospam-ic { stroke: var(--pk-brand-text-light) !important; }

/* ---- 3. Shared framework (every page that loads this layer) ------------------------------------------ */
/* Two ids in the prefix so these outrank pks-fresh.css (one id) and the inline page styles. */
html:not(#pkb):not(#pkc) body .btn.btn-primary,
html:not(#pkb):not(#pkc) body .btn-primary {
  color: var(--pk-brand-ink) !important;
  background: var(--pk-brand) !important;
  border-color: var(--pk-brand-press) !important;
  box-shadow: 0 10px 22px -14px rgba(224, 106, 18, .55), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
  text-shadow: none !important;
}
html:not(#pkb):not(#pkc) body .btn.btn-primary:hover:not(:disabled),
html:not(#pkb):not(#pkc) body .btn-primary:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .btn.btn-primary:active:not(:disabled),
html:not(#pkb):not(#pkc) body .btn-primary:active:not(:disabled) { background: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .btn-primary::before,
html:not(#pkb):not(#pkc) body .nav-sell::before { background: radial-gradient(rgba(244, 122, 32, .30) 0%, transparent 65%) !important; }

/* Focus: orange ring (darker orange on light surfaces for 3:1). */
html:not(#pkb):not(#pkc) body :focus-visible { outline-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :focus-visible { outline-color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.input, .select, .textarea):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body .skip-link { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }

/* Theme switch (top strip). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-theme-toggle { background-color: rgba(244, 122, 32, .16) !important; border-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-theme-knob { background-color: var(--pk-brand) !important; }

/* Floating buttons + the Trust Progress nudge (injected on member pages). */
html:not(#pkb):not(#pkc) body .pks-fab { border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body .pks-trust-nudge-hex { background-color: rgba(244, 122, 32, .14) !important; box-shadow: inset 0 0 0 1px rgba(244, 122, 32, .42) !important; }
html:not(#pkb):not(#pkc) body .pks-trust-nudge-hex svg { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body :is(.pks-trust-nudge-eyebrow, .pks-fab-panel-eyebrow, .pks-prx-eyebrow) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-trust-nudge-eyebrow, .pks-fab-panel-eyebrow, .pks-prx-eyebrow) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.pks-trust-nudge-cta, .pks-prx-btn-primary) {
  color: var(--pk-brand-ink) !important; background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important;
  box-shadow: 0 10px 22px -14px rgba(224, 106, 18, .55), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}
html:not(#pkb):not(#pkc) body .pks-trust-nudge input[type="checkbox"] { accent-color: var(--pk-brand) !important; }

/* Footer: Brand Pack logo (dark lockup on the dark footer, light lockup on the light footer) + orange accents.
   The Verified / Escrow held / Tracked pills stay green (outcomes). */
html:not(#pkb):not(#pkc) body .footer-v2 { --gold: #F47A20; --gold-light: #FF9A52; --gold-deep: #E06A12; }
html:not(#pkb):not(#pkc) body .footer-v2-brand-mark { width: 156px !important; height: auto !important; filter: none !important; animation: none !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body img.footer-v2-brand-mark { content: url("/images/pakstoor-logo-h-light@3x.webp?v=v1.0-000001"); }
html:not(#pkb):not(#pkc) body .footer-v2-trust-cta { background: linear-gradient(180deg, rgba(244, 122, 32, .18) 0%, rgba(244, 122, 32, .08) 100%) !important; border-color: rgba(244, 122, 32, .5) !important; }
html:not(#pkb):not(#pkc) body .footer-v2-trust-cta:hover { border-color: rgba(255, 154, 82, .7) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 0 3px rgba(244, 122, 32, .08), 0 12px 28px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .footer-v2-signature::before { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .4) 50%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .footer-v2-sig-glyph { border-color: rgba(244, 122, 32, .55) !important; background: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .18), transparent 60%), rgba(244, 122, 32, .05) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.footer-v2-trust-eyebrow, .footer-v2-sig-slogan span, .footer-v2-sig-glyph, .footer-v2-bottom-right .is-gold, .footer-v2-col a.is-more) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .footer-v2-trust-eyebrow .dot,
html[data-theme="light"]:not(#pkb):not(#pkc) body .footer-v2-trust-pill .dot { background-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .footer-v2-signature { background-image: linear-gradient(transparent 0%, transparent calc(50% - .5px), rgba(244, 122, 32, .18) 50%, transparent calc(50% + .5px), transparent 100%) !important; }

/* ---- 4. Homepage ------------------------------------------------------------------------------------ */
/* Sections whose shared-gold uses are all brand moments: re-point the token inside them. */
html:not(#pkb):not(#pkc) body :is(.hero, .pks-tf-section, .stops, .closing-seal.landing-protected-marketplace-cta) { --gold: #F47A20; --gold-light: #FF9A52; --gold-deep: #E06A12; --gold-dim: #B5520F; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-tf-section, .stops, .closing-seal.landing-protected-marketplace-cta) { --gold-light: #B5520F; }

/* 4a. Hero (sits on the photo in both themes, so full-strength orange). */
html:not(#pkb):not(#pkc) body .hero-eyebrow {
  border-color: rgba(244, 122, 32, .5) !important;
  background: linear-gradient(90deg, rgba(244, 122, 32, .12), rgba(244, 122, 32, .04)) !important;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 22px rgba(244, 122, 32, .18) !important;
  text-shadow: none !important;
}
html:not(#pkb):not(#pkc) body .hero-eyebrow .hero-eyebrow-dot { background: var(--pk-brand) !important; box-shadow: 0 0 0 1px rgba(255, 214, 184, .6), 0 0 8px rgba(244, 122, 32, .6) !important; }
html:not(#pkb):not(#pkc) body .hero-eyebrow-dot::after { border-color: rgba(244, 122, 32, .7) !important; }
html:not(#pkb):not(#pkc) body .hero-title em { color: var(--pk-brand) !important; -webkit-text-fill-color: var(--pk-brand) !important; background: none !important; }
html:not(#pkb):not(#pkc) body .hero-cta-secondary-link { border-color: rgba(244, 122, 32, .55) !important; color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .hero-cta-secondary-link:hover { background: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .8) !important; color: #FFC59A !important; box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 24px rgba(244, 122, 32, .22), inset 0 1px 0 rgba(255, 255, 255, .08) !important; }
html:not(#pkb):not(#pkc) body .hero-trust-chip svg,
html:not(#pkb):not(#pkc) body .hero-trust-chip strong { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .hero-trust-chip:hover { border-color: rgba(244, 122, 32, .55) !important; }
html:not(#pkb):not(#pkc) body .hero-inner::before { background: radial-gradient(closest-side, rgba(244, 122, 32, .14) 0%, rgba(244, 122, 32, .05) 45%, transparent 75%) !important; }

/* 4b. "Found a deal on another platform?" deal-protection panel. */
html:not(#pkb):not(#pkc) body .pks-dp { background-image: linear-gradient(100deg, rgba(244, 122, 32, .11), rgba(244, 122, 32, .03) 60%, rgba(244, 122, 32, 0)) !important; border-color: rgba(244, 122, 32, .30) !important; border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-dp:hover { border-color: var(--pk-brand) !important; box-shadow: 0 14px 30px -18px rgba(244, 122, 32, .38) !important; }
html:not(#pkb):not(#pkc) body a.pks-dp:focus-visible { outline-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-dp-chip { background: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .38) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-dp-pill { color: var(--pk-brand) !important; background: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .pks-dp-cta { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pks-dp:hover .pks-dp-cta { background: var(--pk-brand-hover) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-dp { background-image: linear-gradient(100deg, rgba(244, 122, 32, .07), rgba(244, 122, 32, 0) 55%) !important; border-color: rgba(181, 82, 15, .22) !important; border-left-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-dp:hover { border-color: var(--pk-brand) !important; box-shadow: 0 1px 2px rgba(30, 27, 24, .05), 0 14px 28px -18px rgba(181, 82, 15, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body a.pks-dp:focus-visible { outline-color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-dp-chip { background: rgba(244, 122, 32, .12) !important; border-color: rgba(181, 82, 15, .30) !important; color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-dp-pill { color: var(--pk-brand-text-light) !important; background: rgba(244, 122, 32, .10) !important; border-color: rgba(181, 82, 15, .35) !important; }

/* 4c. Marketplace strip: brand labels, NEW badge; card meta goes neutral (body copy stays neutral). */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.explore-featured-label, .explore-featured-sub, .explore-featured-count) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .card-new-badge { color: var(--pk-brand-text-light) !important; background-color: rgba(244, 122, 32, .14) !important; border-color: rgba(181, 82, 15, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .card-new-dot { background-color: var(--pk-brand) !important; box-shadow: 0 0 5px rgba(244, 122, 32, .6) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .card-item-body :is(.card-item-loc, .card-item-time) { color: #6B655E !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .explore-head :is(.btn-secondary, a.btn-secondary) { border-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .explore-head .btn-secondary:hover { border-color: rgba(244, 122, 32, .85) !important; color: #FF9A52 !important; }

/* 4d. "Protected transaction" five-step section. Stage pills keep their meaning:
   protected = brand, escrow held = purple, tracking = blue, pending = amber, payout due = green. */
html:not(#pkb):not(#pkc) body .pks-tf-section::before { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .36) 50%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-head::before { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .55) 50%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-promise::before,
html:not(#pkb):not(#pkc) body .pks-tf-promise::after { background: linear-gradient(90deg, transparent, rgba(244, 122, 32, .6), transparent) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-eyebrow { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .45) !important; background: linear-gradient(90deg, rgba(244, 122, 32, .10), rgba(244, 122, 32, .04)) !important; box-shadow: 0 4px 14px rgba(244, 122, 32, .12), inset 0 1px 0 rgba(255, 255, 255, .05) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-eyebrow { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .40) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-eyebrow::before { background: var(--pk-brand) !important; box-shadow: 0 0 8px rgba(244, 122, 32, .7) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-progress { border-color: rgba(244, 122, 32, .22) !important; background: linear-gradient(90deg, rgba(244, 122, 32, .05), rgba(244, 122, 32, 0)) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-progress-seg.is-done { background: linear-gradient(90deg, #E06A12, #F47A20) !important; box-shadow: 0 0 8px rgba(244, 122, 32, .4) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-progress-seg.is-now { background: rgba(244, 122, 32, .6) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-progress-id { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-card { border-color: rgba(244, 122, 32, .2) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-card::before { background: linear-gradient(180deg, rgba(244, 122, 32, .10) 0%, transparent 50%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-card::after { box-shadow: 0 0 80px 4px rgba(244, 122, 32, .07), 0 0 24px rgba(244, 122, 32, .04) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-card {
  background: radial-gradient(130% 90% at 50% -20%, rgba(244, 122, 32, .07), transparent 55%),
    linear-gradient(rgba(30, 24, 18, .045) 1px, transparent 1px) center / 100% 30px,
    linear-gradient(90deg, rgba(30, 24, 18, .045) 1px, transparent 1px) center / 30px 100%,
    linear-gradient(180deg, #FFFFFF 0%, #F4F3F0 100%) !important;
  border-color: #D9D5CF !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-card::before { background: linear-gradient(90deg, transparent, #F47A20 28%, #FF9A52 50%, #F47A20 72%, transparent) !important; box-shadow: 0 0 10px rgba(244, 122, 32, .45) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-node { border-color: rgba(244, 122, 32, .22) !important; color: rgba(244, 122, 32, .65) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-reached .pks-tf-node { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .55) !important; box-shadow: 0 0 0 1px rgba(244, 122, 32, .2) inset, 0 0 22px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-reached .pks-tf-node-ring { border-color: rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-active .pks-tf-node { color: #FF9A52 !important; border-color: rgba(255, 138, 61, .78) !important; box-shadow: 0 0 0 1px rgba(255, 180, 130, .2) inset, 0 0 26px rgba(244, 122, 32, .34), 0 0 64px rgba(244, 122, 32, .14) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-stage.is-active .pks-tf-node { background: radial-gradient(closest-side, rgba(244, 122, 32, .14), rgba(27, 24, 21, .95)) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-node,
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-stage.is-reached .pks-tf-node,
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-stage.is-active .pks-tf-node { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-active .pks-tf-node-ring { border-color: rgba(255, 138, 61, .55) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage::before,
html:not(#pkb):not(#pkc) body .pks-tf-stage::after { border-color: rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-active::before,
html:not(#pkb):not(#pkc) body .pks-tf-stage.is-active::after,
html:not(#pkb):not(#pkc) body .pks-tf-stage:hover::before,
html:not(#pkb):not(#pkc) body .pks-tf-stage:hover::after { border-color: rgba(255, 138, 61, .85) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-step-label { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label,
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label span:not(.pks-tf-stage-pill) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-stage.is-future .pks-tf-step-label { color: rgba(181, 82, 15, .75) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage-pill.is-protected { color: #FF9A52 !important; background: rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label .pks-tf-stage-pill.is-protected { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label .pks-tf-stage-pill.is-trust { color: #7A53D6 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label .pks-tf-stage-pill.is-tracking { color: #3E7CA8 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label .pks-tf-stage-pill.is-pending { color: var(--pk-warn-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-step-label .pks-tf-stage-pill.is-due { color: #2A7E4F !important; }
html:not(#pkb):not(#pkc) body .pks-tf-stage-proof svg { color: var(--pk-brand) !important; }

/* 4e. "What Pakstoor stops" (the small pictures are illustrations and keep their colours). */
html:not(#pkb):not(#pkc) body .stops-eyebrow { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .32) !important; background: rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .stops-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .stops-foot-link { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .32) !important; background: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body .stops-foot-link:hover { background: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .55) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .stops .stops-foot-link { color: var(--pk-brand-text-light) !important; background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(181, 82, 15, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .stops-card-good { background: linear-gradient(180deg, rgba(244, 122, 32, .06) 0%, transparent 60%) !important; }
html:not(#pkb):not(#pkc) body .stops::after { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .35) 50%, transparent 100%) !important; }

/* 4f. Homepage closing panel ("Buy Smart. Sell Safe."). Scoped to the landing CTA: .closing-seal elsewhere is the LOCKED
   completed-deal seal. Decorative hex/circuit art is left as drawn. */
html:not(#pkb):not(#pkc) body .landing-protected-marketplace-cta .closing-seal-eyebrow { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .landing-protected-marketplace-cta .closing-seal-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .landing-protected-marketplace-cta .closing-seal-title em { color: var(--pk-brand) !important; -webkit-text-fill-color: var(--pk-brand) !important; background: none !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .landing-protected-marketplace-cta .closing-seal-title em { color: var(--pk-brand-text-light) !important; -webkit-text-fill-color: var(--pk-brand-text-light) !important; }

/* ---- 5. Old flat-logo spots (404, verify email, 2FA setup, Messages empty state) --------------------- */
/* The img src is the dark Brand Pack lockup; the light theme swaps in the light lockup. Matte, no effects. */
html:not(#pkb):not(#pkc) body img.pks-brand-logo-swap { filter: none !important; animation: none !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body img.pks-brand-logo-swap { content: url("/images/pakstoor-logo-h-light@3x.webp?v=v1.0-000001"); }

/* ---- 6. Nav/footer link underline + small page bits (verify email, 2FA setup) -------------------------- */
html:not(#pkb):not(#pkc) body .footer a::after,
html:not(#pkb):not(#pkc) body .nav-link::after { background-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .footer::before { background-image: radial-gradient(60% 80% at 50% 0%, rgba(244, 122, 32, .05) 0%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .ve-btn--primary,
html:not(#pkb):not(#pkc) body .s2fa-btn--primary { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .ve-btn--primary:hover:not(:disabled),
html:not(#pkb):not(#pkc) body .s2fa-btn--primary:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .s2fa-wrap { background-image: radial-gradient(1100px 600px at 50% -10%, rgba(244, 122, 32, .08), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body :is(#s2faEyebrow, .s2fa-eyebrow, .s2fa-passkey-eyebrow, .s2fa-step-num) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(#s2faEyebrow, .s2fa-eyebrow, .s2fa-passkey-eyebrow, .s2fa-step-num) { color: var(--pk-brand-text-light) !important; }

/* ---- 7. Top carousel (homepage marquee) hover in orange (owner 2026-10-15: "only on the top carousel").
   Only the hover/focus state changes; the resting Pro / boosted gold identity and the grid cards are untouched. ---- */
html:not(#pkb):not(#pkc) body .pks-marquee-card:hover {
  border-color: var(--pk-brand) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 214, 184, .30), 0 8px 18px -8px rgba(244, 122, 32, .75), 0 0 14px -2px rgba(244, 122, 32, .60), 0 0 26px -8px rgba(244, 122, 32, .35) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-marquee-card:hover { box-shadow: 0 6px 24px rgba(244, 122, 32, .22), 0 0 0 1px var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-marquee-card:hover .pks-marquee-card-title { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-marquee-card:hover .pks-marquee-card-title { color: #FF9A52 !important; }
@media (hover: hover) {
  html:not(#pkb):not(#pkc) body .pks-marquee-card:hover::before { background: radial-gradient(circle at 50% 0%, rgba(255, 170, 110, .18) 0%, rgba(244, 122, 32, .08) 30%, transparent 65%) !important; }
}
html:not(#pkb):not(#pkc) body .pks-marquee-card:focus-visible { outline-color: rgba(244, 122, 32, .95) !important; }
html:not(#pkb):not(#pkc) body .pks-marquee-card-save:hover { color: var(--pk-brand) !important; }

/* ---- 8. Login success seal (owner 2026-10-15: new logo + colours). Dark #141414 hexagon, the Brand Pack cube,
   orange glow; same in both themes. Shape and stamp/sheen animations are unchanged. ---- */
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.is-visible,
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.show {
  background: radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 30%),
    radial-gradient(circle at 72% 82%, rgba(244, 122, 32, .34) 0%, rgba(244, 122, 32, 0) 40%),
    radial-gradient(circle at 36% 28%, #2C2C2C 0%, #1F1F1F 45%, #141414 100%) !important;
  color: #FFFFFF !important;
  filter: drop-shadow(0 30px 60px rgba(244, 122, 32, .45)) drop-shadow(0 0 32px rgba(255, 154, 82, .35)) !important;
}
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.is-visible::before,
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.show::before {
  background-image: url('/images/pakstoor-emblem-brand.png?v=v1.0-000001') !important;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .55)) drop-shadow(0 0 18px rgba(244, 122, 32, .40)) !important;
}
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.is-visible::after,
html:not(#pkb):not(#pkc) body.auth-page-login .auth-toast.is-success.show::after {
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .16) 48%, rgba(255, 255, 255, .16) 52%, transparent 70%) !important;
}

/* ---- 9. Cookie consent pop-up (owner 2026-10-15). ---- */
html:not(#pkb):not(#pkc) body .pks-cookie-banner { border-color: rgba(244, 122, 32, .32) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-cookie-banner {
  background: radial-gradient(360px 160px at 100% 0%, rgba(244, 122, 32, .10), transparent 70%),
    radial-gradient(420px 220px at 0% 100%, rgba(159, 199, 232, .05), transparent 70%),
    linear-gradient(180deg, rgba(26, 26, 26, .94), rgba(20, 20, 20, .96)) !important;
}
html:not(#pkb):not(#pkc) body .pks-cookie-banner::before,
html:not(#pkb):not(#pkc) body .pks-cookie-banner::after { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-cookie-body strong::before { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #pks-cookie-banner .pks-cookie-body strong::before { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-cookie-body a { color: var(--pk-brand) !important; border-bottom-color: rgba(244, 122, 32, .5) !important; }
html:not(#pkb):not(#pkc) body .pks-cookie-body a:hover { color: #FF9A52 !important; border-bottom-color: rgba(244, 122, 32, .85) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-cookie-body a,
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-cookie-body a:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #pks-cookie-banner .pks-cookie-btn-primary,
html:not(#pkb):not(#pkc) body .pks-cookie-btn-primary {
  background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; border-color: var(--pk-brand-press) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .25), 0 4px 14px rgba(244, 122, 32, .25) !important;
}
html:not(#pkb):not(#pkc) body #pks-cookie-banner .pks-cookie-btn-primary:hover,
html:not(#pkb):not(#pkc) body .pks-cookie-btn-primary:hover { background: var(--pk-brand-hover) !important; box-shadow: inset 0 1px rgba(255, 255, 255, .3), 0 6px 20px rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .pks-cookie-btn-secondary:hover { border-color: rgba(244, 122, 32, .5) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-cookie-btn-secondary:hover { color: var(--pk-brand-text-light) !important; }

/* ---- 10. "Pakstoor Help & Safety" shield button + panel (owner 2026-10-15). The link icons keep their meaning:
   brand = orange, info = blue, danger (report) = red, steel = neutral. ---- */
html:not(#pkb):not(#pkc) body .pks-fab:hover {
  border-color: rgba(244, 122, 32, .55) !important; color: var(--pk-brand) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 1px 0 rgba(0, 0, 0, .34), 0 14px 28px -8px rgba(0, 0, 0, .62), 0 0 0 4px rgba(244, 122, 32, .10) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-fab:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-fab-panel { border-color: rgba(244, 122, 32, .34) !important; }
html:not(#pkb):not(#pkc) body .pks-fab-link-glyph.tone-gold { background-color: rgba(244, 122, 32, .10) !important; color: var(--pk-brand) !important; box-shadow: inset 0 0 0 1px rgba(244, 122, 32, .26) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-fab-link-glyph.tone-gold { background-color: #FDE3CF !important; color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-fab-link-glyph.tone-blue { background-color: rgba(62, 124, 168, .12) !important; color: #3E7CA8 !important; box-shadow: inset 0 0 0 1px rgba(62, 124, 168, .26) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-fab-link-glyph.tone-danger { background-color: rgba(169, 60, 52, .10) !important; color: #A93C34 !important; box-shadow: inset 0 0 0 1px rgba(169, 60, 52, .26) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-fab-link-glyph.tone-steel { background-color: rgba(94, 106, 120, .12) !important; color: #5E6A78 !important; box-shadow: inset 0 0 0 1px rgba(94, 106, 120, .26) !important; }

/* ---- 11. Login brand panel mouse effects (owner 2026-10-15): cursor spotlight + hex-grid hover in Pakstoor orange. ---- */
html:not(#pkb):not(#pkc) body:is(.auth-page-login, .auth-body) .auth-brand::before {
  background: radial-gradient(520px circle at var(--pks-mouse-x) var(--pks-mouse-y), rgba(244, 122, 32, .16), rgba(244, 122, 32, .05) 38%, transparent 72%) !important;
}
html:not(#pkb):not(#pkc) body .pks-bg-hex-cell { stroke: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .pks-bg-hex-cell:hover { fill: rgba(244, 122, 32, .85) !important; }
html:not(#pkb):not(#pkc) body .pks-no-hex-interact .pks-bg-hex-cell:hover { fill: transparent !important; }

/* ==== 12-17. Site-wide sweep (2026-10-16): the remaining brand gold on every page group becomes orange.
   Same rules as above: colours only, meaning colours kept (tiers, stars, deal stamp, warnings, green/red/blue/purple).
   Shared chrome appears in more than one group; where two groups wrote the same rule the later one wins on purpose. ==== */

/* ---- 12. Marketplace: /explore, /item, /seller, /favorites, /recent, /listings, /listing-stats --------------- */
/* ---- sweep: marketplace ---- */
/* Pages: /explore, /item/<id>, /seller/<id>, /favorites, /recent, /listings (My listings), /listing-stats (Ad stats).
   Replace branding, not meaning. Left as they are on purpose: Pro / Boost / Premium identity (card-pro-badge,
   card-premium-badge, card-boosted-badge, tier-pro cards, item-gallery-boost-pill, listings-card-boost-pill, the open
   boost payment, the Pakstoor Pro rail cards at rest), the purple FEATURED label, Trust Level colours (sp-trust, the
   avatar trust ring and glow, Trust Level 5 gold, the seller tier badge), star ratings, the condition grade scale,
   Reserved / pending states (amber), the missing postal code warning, green / blue / red status pills, the locked
   header logo, listing photos and partner logos.
   M1 holds shared chrome that also shows on other groups' pages: dedupe when merging. */

/* ---- M1. Shared chrome seen on these pages ------------------------------------------------------------ */
/* Top strip "just listed" ticker: the listing title (light; it is white in dark). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-ledger-item strong { color: var(--pk-brand-text-light) !important; }
/* Header saved-items count. */
html:not(#pkb):not(#pkc) body .nav-badge { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
/* Guest login icon (explore, item and seller pages are public). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .05) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.nav-login-icon:hover, .nav-login-icon:focus-visible) { border-color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .10) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .nav-login-icon-dot { background-color: var(--pk-brand) !important; }
/* Header search, avatar and theme switch focus. Dark: the search box glow (its field focus is blue there) and the avatar
   glow. Light: the field focus (the box has no glow there, and the avatar keeps its green trust ring). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-search:focus-within { box-shadow: inset 0 0 0 1px rgba(244, 122, 32, .35), 0 0 0 4px rgba(244, 122, 32, .10), 0 12px 28px -16px rgba(244, 122, 32, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nav-search-input:focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .20) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.nav-avatar, .sysbar-theme-toggle):focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .22) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-theme-toggle:focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .28) !important; }
/* Language menu (EN / AF) and the profile menu primary items. The light theme draws the open button and the codes
   neutral; only the selected language keeps a tint there. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang.is-open .lang-btn { border-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang-item.is-active .lang-item-code { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .lang-item.is-active { background-color: #FDF0E6 !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary:hover { background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand-text-light) !important; }
/* Trust Progress nudge frame (dark; its parts are already orange in section 3). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-trust-nudge { border-color: rgba(244, 122, 32, .32) !important; }
/* Breadcrumb and compact-footer link hover (these pages use the compact .footer, not footer-v2). */
html:not(#pkb):not(#pkc) body :is(.crumbs, .item-crumbs) a:hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.crumbs, .item-crumbs) a:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .footer a:not(.btn):hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .footer a:not(.btn):hover { color: var(--pk-brand-text-light) !important; }
/* Site confirm dialog (Clear saved items, Archive / Restore listing, Report): button, gold icon chip, input focus.
   The danger and muted icon chips keep their colours. */
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-icon--gold { background-color: rgba(244, 122, 32, .14) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-modal-icon--gold { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-input:focus { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-modal-input:focus { border-color: var(--pk-brand-press) !important; }
/* Account tab bar (My listings, Ad stats): the active tab is a selection (its label stays ink in light). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-tab.is-active { color: var(--pk-brand) !important; border-bottom-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-tab.is-active { border-bottom-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.acct-tab.is-active, .acct-tab.is-active a) { background-image: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)) !important; }
/* My listings filter (All / Active / Archived / Sold): the active filter is a selection (light; it is neutral in dark). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-filter.is-active { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; border-color: var(--pk-brand-press) !important; }
/* Keyboard focus ring. Section 3 recolours outline-color, but core.css draws the ring as a box-shadow
   (":focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold) }"). Deliberately NOT !important and kept at
   the same weight (0,1,0) through :where(), so it only replaces that generic ring: every element with its own focus
   style keeps it. Darker orange on light surfaces for 3:1. */
:where(html:not(#pkb)) :focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand); }
:where(html[data-theme="light"]:not(#pkb)) :focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand-text-light); }
/* Light-theme text field focus (light-mode.css and pks-fresh.css paint input / textarea / select focus gold). One type
   selector heavier than light-mode.css, so fields with their own id-based focus style (login, sign-up) still win. */
html[data-theme="light"] input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),
html[data-theme="light"] textarea:focus,
html[data-theme="light"] select:focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .22) !important; }
/* Text selection and thin scrollbars. The page scrollbar is only gold in dark (light draws it neutral); inner scroll
   areas (dropdown panels, rails, dialogs) are gold in both themes. The -webkit thumbs are neutral in light already. */
html:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) { scrollbar-color: rgba(244, 122, 32, .45) transparent !important; }
html:not(#pkb):not(#pkc) body, html:not(#pkb):not(#pkc) body * { scrollbar-color: rgba(244, 122, 32, .45) transparent !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc)::-webkit-scrollbar-thumb,
html:not([data-theme="light"]):not(#pkb):not(#pkc) body ::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(244, 122, 32, .45), rgba(224, 106, 18, .55)) padding-box !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc)::-webkit-scrollbar-thumb:hover,
html:not([data-theme="light"]):not(#pkb):not(#pkc) body ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, rgba(244, 122, 32, .65), rgba(224, 106, 18, .75)) padding-box !important; }
/* Step-up sign-in check (opens from Buy / Make an offer). */
html:not(#pkb):not(#pkc) body .pks-su-btn-primary { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
/* Purchase / listing loader (pks-loader, loaded on the item and sell pages; dark overlay in both themes):
   box + seal drawings, the glow and the last caption. */
html:not(#pkb):not(#pkc) body .pks-loader-icon { filter: drop-shadow(0 0 24px rgba(244, 122, 32, .18)) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root.is-visible .pks-cap--3 { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root :is(.pks-box-base, .pks-box-flap, .pks-box-glow, .pks-seal-ring, .pks-seal-body, .pks-seal-shackle, .pks-seal-check) { stroke: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root .pks-box-tape { fill: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root .pks-box-base { fill: rgba(244, 122, 32, .05) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root .pks-box-flap { fill: rgba(244, 122, 32, .12) !important; }
html:not(#pkb):not(#pkc) body .pks-loader-root .pks-seal-body { fill: rgba(244, 122, 32, .08) !important; }
/* The glow colour lives inside the animation, so the keyframes are redefined (same name, same steps, orange). */
@keyframes pks-glow {
   0% { opacity: 0; stroke-width: 2; transform: scale(1); filter: drop-shadow(0 0 0 rgba(244, 122, 32, 0)); }
  20% { opacity: 1; stroke-width: 3; transform: scale(1.04); filter: drop-shadow(0 0 18px rgba(244, 122, 32, .8)); }
 100% { opacity: .6; stroke-width: 2; transform: scale(1); filter: drop-shadow(0 0 6px rgba(244, 122, 32, .4)); }
}

/* ---- M2. Listing cards on these pages (explore grid, saved, recently viewed, seller, "More from this seller").
   Grid-card hover and the resting Pro / Boost / Premium card identity stay as they are (owner 2026-10-15). ---- */
/* Saved (bookmarked) state and save-button hover: a selection. In light the button outline stays ink and only the
   saved fill was gold. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(#exploreRoot, #favGrid, #recentGrid, #sellerGrid, #itemRelatedGrid) :is(.card-item-save.is-saved, .pks-marquee-card-save.is-saved, .card-item-save:hover) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body :is(#exploreRoot, #favGrid, #recentGrid, #sellerGrid, #itemRelatedGrid) :is(.card-item-save, .pks-marquee-card-save).is-saved svg { fill: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(#exploreRoot, #favGrid, #recentGrid, #sellerGrid, #itemRelatedGrid) :is(.card-item-save, .pks-marquee-card-save).is-saved svg { fill: var(--pk-brand-press) !important; }
/* Keyboard focus on the save button of a card. */
html:not(#pkb):not(#pkc) body :is(#exploreRoot, #favGrid, #recentGrid, #sellerGrid, #itemRelatedGrid) .card-item-save:focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(#exploreRoot, #favGrid, #recentGrid, #sellerGrid, #itemRelatedGrid) .card-item-save:focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand-text-light) !important; }
/* Explore grid cards: the "Buyer protection" pill (light only; it is green in dark) and the small "protected" shield
   drawn in the corner of every card (a data-URI icon). Both are the brand promise in gold. The Pakstoor Pro rail cards
   keep their gold shield (tier identity at rest). */
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .card-item-trustpill { background-color: rgba(244, 122, 32, .09) !important; border-color: rgba(181, 82, 15, .45) !important; color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .card-item-trustpill :is(span, svg) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(#exploreGrid, #exploreFeaturedGrid) .card-item::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F47A20' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/><path d='m9 12 2 2 4-4'/></svg>") !important; }

/* ---- M3. /explore (scoped to #exploreRoot: the homepage marketplace strip reuses these classes) ---------- */
html:not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar-submit { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar-submit:hover { background-color: var(--pk-brand-hover) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar-submit { box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 1px rgba(0, 0, 0, .18), 0 6px 14px -6px rgba(224, 106, 18, .42) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar-submit:hover { box-shadow: inset 0 1px rgba(255, 255, 255, .22), 0 1px rgba(0, 0, 0, .22), 0 10px 22px -8px rgba(224, 106, 18, .52) !important; }
html:not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar:focus-within { border-color: rgba(244, 122, 32, .42) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar:focus-within { box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 1px rgba(0, 0, 0, .22), 0 0 0 4px rgba(244, 122, 32, .10) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .explore-searchbar:focus-within { box-shadow: 0 0 0 3px rgba(244, 122, 32, .24) !important; }
/* Category / location dropdowns (pks-select): open caret, panel line, selected option (the trigger itself sits flush in
   the search bar, with no border or glow). The light theme draws the caret and tick neutral; there only the selected
   row (tint, side bar, label) was gold. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .pks-select.is-open .pks-select-caret { color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .pks-select-panel::before { background: linear-gradient(90deg, transparent, rgba(244, 122, 32, .25), transparent) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected { background-color: rgba(244, 122, 32, .06) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected .pks-select-option-check { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected::before { background: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected { background-color: #FDF0E6 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected::before { background: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .pks-select-option.is-selected .pks-select-option-label { color: var(--pk-brand-text-light) !important; }
/* EXPLORE label over the results (dark; light is done in section 4c). The FEATURED label keeps its premium purple. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot #exploreTitle .explore-featured-label { color: var(--pk-brand) !important; }
/* Active sort: selection ring (light; it is blue in dark). */
html[data-theme="light"]:not(#pkb):not(#pkc) body #exploreRoot .explore-sort-btn.is-active { box-shadow: inset 0 0 0 1px var(--pk-brand-press) !important; }
/* Empty-results spot illustration. */
html:not(#pkb):not(#pkc) body #exploreRoot .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #exploreRoot .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }

/* ---- M4. /item/<id> --------------------------------------------------------------------------------- */
/* Gallery: frame, drifting sparks, thumbnails, arrows, expand, save. The boost pill keeps its tier colours. */
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-main { box-shadow: 0 1px rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(244, 122, 32, .10) inset, 0 30px 60px -38px rgba(0, 0, 0, .45), 0 8px 22px -14px rgba(0, 0, 0, .3) !important; }
@media (hover: hover) {
  html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-main:hover { box-shadow: 0 1px rgba(255, 255, 255, .10) inset, 0 0 0 1px rgba(244, 122, 32, .18) inset, 0 36px 70px -34px rgba(0, 0, 0, .55), 0 10px 24px -12px rgba(244, 122, 32, .18) !important; }
}
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-spark { background: radial-gradient(circle, rgba(255, 154, 82, .95), rgba(255, 154, 82, 0)) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-thumb.is-active { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-arrow:focus-visible { box-shadow: 0 0 0 2px var(--bg, #141414), 0 0 0 4px var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-expand:hover { background: var(--pk-brand) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot :is(.item-gallery-save:hover, .item-gallery-save.is-saved) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-gallery-save.is-saved svg { fill: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-gallery-save.is-saved svg { fill: var(--pk-brand-press) !important; }
/* Price + checkout total (dark gold lettering; they are ink in light). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot :is(.item-price, .item-payment-total) {
  background-image: linear-gradient(135deg, #FFB37A, #F47A20 55%, #E06A12) !important;
  text-shadow: 0 0 24px rgba(244, 122, 32, .16) !important;
}
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .item-payment-total { color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .item-payment-box { border-color: rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-payment-divider { background: linear-gradient(90deg, transparent, rgba(244, 122, 32, .28) 50%, transparent) !important; }
html:not(#pkb):not(#pkc) body #itemRoot :is(.item-payment-tip:hover, .item-payment-tip:focus) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot :is(.item-payment-tip:hover, .item-payment-tip:focus) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-payment-tip-bubble { border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-delivery-val.is-live { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-delivery-val.is-live { color: var(--pk-brand-text-light) !important; }
/* Meta and "Stay safe" icons: one gold in light becomes orange. Dark keeps its amber / cyan / coral icon trio. */
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot :is(.item-meta-icon, .item-safety-row svg) { color: var(--pk-brand-text-light) !important; stroke: var(--pk-brand-text-light) !important; }
/* "Buyer Protected" panel: the green content stays, the gold glints go orange (the light panel shadow is neutral). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .item-protect-panel { box-shadow: 0 1px rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(244, 122, 32, .10) inset, 0 22px 48px -32px rgba(0, 0, 0, .45), 0 4px 16px -8px rgba(0, 0, 0, .2) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-protect-panel::after { background: linear-gradient(135deg, rgba(244, 122, 32, .30) 0%, rgba(244, 122, 32, .05) 35%, transparent 60%, rgba(244, 122, 32, .12) 100%) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-protect-shield { filter: drop-shadow(0 0 10px rgba(244, 122, 32, .20)) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-protect-check { filter: drop-shadow(0 0 6px rgba(244, 122, 32, .18)) !important; }
/* Condition acknowledgement box ("This item is sold as" + tick). The light box is neutral already: only its grade
   text was gold. The condition grade badge keeps its scale. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .item-cond-ack { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-cond-ack-grade { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-cond-ack-grade { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-cond-ack-check:hover { border-color: rgba(244, 122, 32, .5) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-cond-ack-check input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
/* Condition grade badge (light): a blanket gold rule painted every grade's text gold. The top grade gets its green
   back and the low grade its ink; the mid grade keeps gold (that is its place on the scale). */
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-condition-card.is-top .item-condition-badge { color: #247A4A !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-condition-card.is-low .item-condition-badge { color: var(--ink) !important; }
/* "This seller isn't accepting offers" note (inline style from item.js). */
html:not(#pkb):not(#pkc) body #itemNegotiableNote { background: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body #itemNegotiableNote svg { stroke: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemNegotiableNote svg { stroke: var(--pk-brand-press) !important; }
/* Owner banner ("This is your listing"). */
html:not(#pkb):not(#pkc) body #itemRoot .item-owner-banner { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .25) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-owner-banner { color: var(--pk-brand-text-light) !important; }
/* Private deal ("Sell direct to someone"): the buyer's summary card, the "Verify to open" icon and the seller's
   "Your deal" banner. The Reserved banner it borrows its shape from keeps its pending colour. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pd-summary { background-color: rgba(244, 122, 32, .05) !important; border-color: rgba(244, 122, 32, .32) !important; border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pd-sum-row { border-top-color: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body :is(.pd-sum-eyebrow, .pd-own-deal > svg, .item-notfound.pd-verify .item-notfound-icon) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .item-reserved-banner.pd-own-deal { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body .pd-own-deal .item-reserved-label { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pd-summary { border-color: rgba(181, 82, 15, .35) !important; border-left-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pd-sum-row { border-top-color: rgba(181, 82, 15, .20) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pd-sum-eyebrow, .pd-own-deal > svg, .item-notfound.pd-verify .item-notfound-icon, .pd-own-deal .item-reserved-label) { color: var(--pk-brand-text-light) !important; }
/* Section title glow, "See all" link, light card hover borders. */
html:not(#pkb):not(#pkc) body #itemRoot .item-sec-title::before { background: radial-gradient(ellipse at 30% 50%, rgba(244, 122, 32, .09) 0%, rgba(244, 122, 32, .03) 35%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .item-related-link { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .item-related-link { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot :is(.item-details, .item-gallery-description, .item-info-inner):hover { border-color: rgba(244, 122, 32, .42) !important; }
/* Seller passport: top line, avatar tint and letter, hex outlines, buttons. Trust Level colours (pill, ring and glow,
   Trust Level 5 gold) stay; the "ID verified" hex turns green like the "Verified user" line beside it. */
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport::before { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .45) 15%, rgba(244, 122, 32, .65) 50%, rgba(244, 122, 32, .45) 85%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport:not(:has(.sp-trust.trust-level--5)) .sp-avatar:not(.has-image) {
  background-image: radial-gradient(circle at 50% 0%, rgba(244, 122, 32, .10), transparent 60%), linear-gradient(155deg, color-mix(in srgb, var(--bg-3) 88%, #F47A20 12%) 0%, var(--bg-1) 55%, var(--bg) 100%) !important;
}
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport:not(:has(.sp-trust[class*="trust-level--"])) .sp-avatar { border-color: rgba(244, 122, 32, .42) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .seller-passport:not(:has(.sp-trust.trust-level--5)) .sp-avatar-letter { background-image: linear-gradient(180deg, #FFB37A 0%, #F47A20 55%, #B5520F 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .seller-passport:not(:has(.sp-trust.trust-level--5)) #sellerInitial .sp-avatar-letter { color: var(--pk-brand-text-light) !important; -webkit-text-fill-color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-node:not(.sp-node--active) .sp-hex:not(.sp-hex--gold) { background: linear-gradient(160deg, color-mix(in srgb, var(--bg-3) 88%, #F47A20 12%) 0%, var(--bg-2) 60%, var(--bg-1) 100%) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-hex--gold { background: linear-gradient(160deg, rgba(94, 168, 114, .55) 0%, rgba(94, 168, 114, .25) 100%) !important; color: #22C55E !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-hex--gold { background: rgb(220, 216, 210) !important; color: #15803D !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--primary {
  background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 6px 16px -10px rgba(224, 106, 18, .55) !important;
}
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--primary:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--ghost { border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--ghost svg { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--ghost:hover { background: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .55) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--ghost svg,
html[data-theme="light"]:not(#pkb):not(#pkc) body #itemRoot .seller-passport .sp-btn--ghost:hover { color: var(--pk-brand-text-light) !important; }
/* In-person handover card (pks-in-person-buy.js). The red risk warning and its box keep their colours. */
html:not(#pkb):not(#pkc) body .ipb-card:not(.ipb-card-collect) { border-color: rgba(244, 122, 32, .45) !important; box-shadow: inset 0 1px 0 rgba(244, 122, 32, .15) !important; }
html:not(#pkb):not(#pkc) body .ipb-eyebrow:not(.ipb-eyebrow-muted) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ipb-eyebrow:not(.ipb-eyebrow-muted) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .ipb-gold { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .ipb-ack input { accent-color: var(--pk-brand) !important; }
/* Sticky buy bar (mobile; pinned bar on desktop). */
html:not(#pkb):not(#pkc) body #itemMobileBuyBar { box-shadow: 0 -10px 32px -16px rgba(0, 0, 0, .55), 0 -1px 0 rgba(244, 122, 32, .10) inset !important; }
@media (min-width: 761px) {
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemMobileBuyBar { border-left-color: rgba(244, 122, 32, .32) !important; border-right-color: rgba(244, 122, 32, .32) !important; border-bottom-color: rgba(244, 122, 32, .32) !important; }
}
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #itemMobileBuyBar .item-mobile-buybar-amount { color: var(--pk-brand) !important; }
@media (min-width: 761px) {
  html:not(#pkb):not(#pkc) body #itemMobileBuyBar .item-buybar-trust svg { color: var(--pk-brand) !important; }
  html[data-theme="light"]:not(#pkb):not(#pkc) body #itemMobileBuyBar .item-buybar-trust svg { color: var(--pk-brand-press) !important; }
}
/* Offer modal, protected deal link modal, report modal, purchase breakdown modal. Several of these are drawn neutral
   (white, ink) in light, so their tints and totals change in dark only. Text inputs focus blue in dark and stay so. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(#offerModal, #protectedLinkModal, #reportModal) :is(.modal-textarea, select.modal-input):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .14) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #offerModal .modal-preset.is-active { background-color: rgba(244, 122, 32, .12) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #offerModal .modal-preset.is-active { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #protectedLinkModal :is(.protected-mode-option:hover, .protected-mode-option.is-active) { border-color: rgba(244, 122, 32, .65) !important; background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-mode-option input { accent-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-code-row strong { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #protectedLinkModal .protected-code-row strong { color: var(--pk-brand-text-light) !important; }
/* Share row: the Pakstoor "More" and "Email" buttons (WhatsApp, Facebook, X, Telegram, Signal and SMS keep their own colours). */
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-share-btn.is-more svg { background: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-share-btn.is-email svg { background: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-share-btn:focus-visible svg { outline-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #protectedLinkModal .protected-share-btn:focus-visible svg { outline-color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #protectedLinkModal .protected-mini-copy:hover { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #buyBreakdownModal .bkd-ack input { accent-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #buyBreakdownModal .bkd-delivery-change { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #buyBreakdownModal .bkd-delivery-change:hover { color: var(--pk-brand-hover) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #buyBreakdownModal :is(.bkd-delivery-change, .bkd-delivery-change:hover) { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #buyBreakdownModal :is(.bkd-row-total .bkd-row-val, .bkd-total-val) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body #buyBreakdownModal .bkd-total-divider { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .45) 30%, rgba(244, 122, 32, .45) 70%, transparent 100%) !important; }
/* Delivery address picker (opens from Buy): selected address (dark; neutral in light), add another, focus. The missing
   postal code note is a warning and keeps its colour. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-addr-item.is-active .pks-addr-suburb { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-box .settings-input:focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html:not(#pkb):not(#pkc) body .pks-addr-pick:hover { border-color: color-mix(in srgb, #F47A20 35%, var(--bg-4)) !important; }
html:not(#pkb):not(#pkc) body #pksAddrAddMore { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #pksAddrAddMore { color: var(--pk-brand-text-light) !important; }

/* ---- M6. /seller/<id> ------------------------------------------------------------------------------- */
html:not(#pkb):not(#pkc) body .seller-avatar { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .seller-stat-num { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .seller-stat-num { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(#sellerNotFound, #sellerEmpty) .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(#sellerNotFound, #sellerEmpty) .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }

/* ---- M7. /favorites and /recent ------------------------------------------------------------------- */
html:not(#pkb):not(#pkc) body .favorites-eyebrow { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .favorites-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .favorites-empty::before { background: radial-gradient(closest-side, rgba(244, 122, 32, .10) 0%, rgba(244, 122, 32, .04) 35%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .favorites-empty .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .favorites-empty .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }

/* ---- M8. /listings (My listings). Boost pills and the open boost payment (pending) keep their colours. ---- */
html:not(#pkb):not(#pkc) body #emptyMyListings::before { background: radial-gradient(closest-side, rgba(244, 122, 32, .10) 0%, rgba(244, 122, 32, .04) 35%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body #emptyMyListings .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #emptyMyListings .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body #emptyMyListings .acct-empty-icon { color: var(--pk-brand) !important; background-image: linear-gradient(135deg, rgba(244, 122, 32, .14) 0%, rgba(244, 122, 32, .04) 100%) !important; border-color: rgba(244, 122, 32, .32) !important; }
/* Private listing invite block: PRIVATE badge, claim code, share buttons. */
html:not(#pkb):not(#pkc) body .listings-card-invite { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not(#pkb):not(#pkc) body .listings-card-invite-badge { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .listings-card-invite-btn:hover { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-invite-share .listings-card-invite-btn:hover { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
/* The claim code / buyer email is body copy: neutral like dark (a blanket light rule made card spans gold). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-invite :is(.listings-card-invite-email, .listings-card-invite-code) { color: var(--ink) !important; }
/* Views / saves counters and the Stats button on each card. */
html:not(#pkb):not(#pkc) body :is(.listings-card-stats-btn svg, .listings-card-stats.is-on-photo .listings-card-stat svg) { color: var(--pk-brand-press) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.listings-card-stats-btn svg, .listings-card-stats.is-on-photo .listings-card-stat svg) { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-stats-btn:hover { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
/* "Asking price only" chip (inline style from listings.js): a restriction notice drawn in an orange-amber that now reads
   as the brand (dark) or in the blanket card-text gold (light). It takes the warning yellow-amber; the light chip stays
   white with only its text changed. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .listings-card-offers-chip:has(circle) { background: rgba(232, 179, 57, .14) !important; border-color: rgba(232, 179, 57, .45) !important; color: var(--pk-warn) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .listings-card-offers-chip:has(circle) :is(span, svg) { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-offers-chip:has(circle),
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-offers-chip:has(circle) :is(span, svg) { color: var(--pk-warn-light) !important; }
/* Plain status tag ("Archived") is a neutral state: it loses the light gold wash (it is neutral in dark). The admin
   lock pill gets back the red its inline style asks for (a light-theme !important rule turned it gold). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-status-tag:not(.listings-card-boost-pill):not(.is-active):not(.is-sold):not(.is-pending):not([style]) { background: #F0EFEC !important; border-color: #D9D5CF !important; color: #4A453F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .listings-card-status-tag:is([style*="216,81,69"], [style*="216, 81, 69"]) { background: rgba(216, 81, 69, .10) !important; border-color: rgba(169, 60, 52, .40) !important; color: #A93C34 !important; }

/* ---- M9. /listing-stats (Ad stats). The "Reserved" pill keeps its amber; green / blue / red pills stay. ---- */
html:not(#pkb):not(#pkc) body .ls { --ls-acc: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ls { --ls-acc: #B5520F !important; }
html:not(#pkb):not(#pkc) body .ls .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
/* Tile + insight icon chips. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .ls .ls-chip { background-color: #FDE3CF !important; color: var(--pk-brand-text-light) !important; border-color: #F8C9A5 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-chip { background-color: #3A2516 !important; color: #FF9A52 !important; border-color: #5C3418 !important; }
/* Ad cards: hover, the 14-day sparkline. */
html:not(#pkb):not(#pkc) body .ls .ls-card:hover { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-spark rect:not(.is-zero) { fill: var(--pk-brand) !important; }
/* Hourly / Daily / Weekly / Monthly tabs: the selected tab is a selection. */
html:not(#pkb):not(#pkc) body .ls .ls-tab[aria-selected="true"] { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
/* Views chart: bars, "still counting" stripes, hovered bar, peak label, legend. */
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-g1 { stop-color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-g2 { stop-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-np1 { fill: #FDE3CF !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-np2 { fill: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-svg .ls-np1 { fill: #4A2A14 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-svg .ls-np2 { fill: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-bar.is-on { fill: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-col.is-on .ls-hit { fill: rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-svg .ls-peak-t { fill: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-svg .ls-peak-t { fill: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .ls .ls-key i:not(.is-pre):not(.is-avg):not(.is-trend):not(.is-now) { background: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-key i.is-now { background: repeating-linear-gradient(45deg, #F47A20 0 2px, #FDE3CF 2px 4px) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-key i.is-now { background: repeating-linear-gradient(45deg, #FF9A52 0 2px, #4A2A14 2px 4px) !important; }
/* Overview "All your ads, last 14 days" columns. */
html:not(#pkb):not(#pkc) body .ls .ls-day-bar { background: linear-gradient(180deg, #FF9A52, #E06A12) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-day.is-today .ls-day-bar:not(.is-zero) { background: repeating-linear-gradient(45deg, #F47A20 0 4px, #FDE3CF 4px 8px) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-day.is-today .ls-day-bar:not(.is-zero) { background: repeating-linear-gradient(45deg, #FF9A52 0 4px, #4A2A14 4px 8px) !important; }
html:not(#pkb):not(#pkc) body .ls :is(.ls-day:hover, .ls-day:focus-visible) .ls-day-plot { background: rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-day:focus-visible { box-shadow: 0 0 0 2px var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ls .ls-day:focus-visible { box-shadow: 0 0 0 2px var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .ls .ls-day.is-today .ls-day-l b { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ls .ls-day.is-today .ls-day-l b { color: #FF9A52 !important; }

/* ---- 13. Sell: /sell wizard and boost payment, /launch-offer, /redeem ---------------------------------------- */
/* ---- sweep: sell ---- */
/* Pages: /sell (listing wizard, protected-deal screens, boost payment + "Payment confirmed" overlay, AI writer and
   parcel-guide modals), /launch-offer, /redeem.
   Orange for brand moments: selection, focus, progress, eyebrows and labels, brand links, primary actions, brand helper
   cards and the pks-art illustrations. Text on orange is #141414. Orange text on light surfaces is #B5520F. Selection
   borders, checkbox fills and focus rings on light surfaces use #E06A12 (3:1).
   Kept on purpose: boost-tier identity (Premium / Pro / Pro x2 card borders at rest, tier names, the Popular /
   Recommended / Best Value / Longest run badges, perk ticks, the "BOOST ACTIVE · 7 DAYS" pill, launch-offer tier colours
   and raster tier art), the parcel size-band colours (XS-S green, M-L blue, XL-XXL gold, heavy violet / purple / amber /
   red), partner logos, the green "money is safe" line and green / red input states. Warnings go yellow-amber. */

/* 1. Illustrations (pks-art): re-point the art gold tokens. Green ticks and padlocks keep their own status rules. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pa,
html:not(#pkb):not(#pkc) body .rd-card .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .pa,
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .rd-card .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-guide-card figcaption::before { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat svg { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat svg { color: #B5520F !important; }

/* 2. Progress bar, eyebrows and small brand labels. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-progress-fill { background-image: linear-gradient(90deg, #E06A12, #F47A20) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-eyebrow { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-progress-label, .sell-next-title, .sell-next-panel h3, .sell-fulfil-eyebrow, #condDetailLabel,
  .sell-parcel-group-title, .pks-pg-group-label, .sell-parcel-guide-btn, .sell-ai-modal-eyebrow, .sell-ai-req, .sell-pd-switch, .sell-pd-linkbox-label,
  .sell-serial-badge, .sell-done-code-eyebrow, .rv-net-eyebrow, .sell-audience-tile:has(input:checked) .sell-audience-tag,
  .sell-parcel-tile:not(.is-selected) .sell-parcel-tile-helper) { color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-parcel-guide-btn:is(:hover, :focus-visible) { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-progress-label, .sell-eyebrow, .sell-next-title, .sell-next-panel h3, #condDetailLabel,
  .sell-parcel-group-title, .pks-pg-group-label, .sell-parcel-guide-btn, .sell-ai-modal-eyebrow, .sell-ai-req, .sell-pd-switch, .sell-pd-linkbox-label,
  .sell-serial-badge, .sell-done-code-eyebrow, .rv-net-eyebrow, .rv-net-release, .sell-audience-tile:has(input:checked) .sell-audience-tag,
  .sell-parcel-tile:not(.is-selected) .sell-parcel-tile-helper) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-next-num { background-color: #F47A20 !important; color: #141414 !important; border-color: rgba(244, 122, 32, .45) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-next-step::before { border-top-color: #F47A20 !important; border-right-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-next-step::before { border-top-color: #E06A12 !important; border-right-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.pks-pg-item-size, .sell-serial-badge) { background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-pg-item-size { color: #B5520F !important; border-color: rgba(181, 82, 15, .35) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-pg-item-size { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-serial-badge { border-color: rgba(181, 82, 15, .30) !important; }

/* 3. Sale type tiles (also the protected-deal role tiles): picked state, check chip, icon chips. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:has(input:checked) { border-color: #F47A20 !important; box-shadow: 0 0 0 1px rgba(244, 122, 32, .25) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:has(input:checked) { background: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)), var(--bg-1) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:has(input:checked) { border-color: #E06A12 !important; background: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)), #FAFAF9 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:hover { border-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:has(input:checked):hover { border-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile::after { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-icon { color: #F47A20 !important; background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-tile:has(input:checked) .sell-audience-icon { background-color: rgba(244, 122, 32, .14) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-icon { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-hint::before { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-audience-hint::before { color: #B5520F !important; }

/* 4. Category tiles: picked state, check chip, hover. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat::before { background-color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat:hover { border-color: rgba(244, 122, 32, .6) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat.is-selected { border-color: #F47A20 !important; background-color: #2E241C !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat:hover { border-color: #E06A12 !important; box-shadow: 0 10px 24px -16px rgba(181, 82, 15, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat.is-selected { border-color: #E06A12 !important; background: #FEF6EF !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .20) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-cat-example:hover img { border-color: rgba(244, 122, 32, .55) !important; }

/* 5. Photos: cover, cover badge, hover, drop zone. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo.is-cover { border-color: #F47A20 !important; box-shadow: 0 0 0 2px #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo.is-cover { border-color: #E06A12 !important; box-shadow: 0 0 0 2px #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo-cover-badge { background-color: #F47A20 !important; color: #141414 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo:hover:not(.is-cover) { border-color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo:hover:not(.is-cover) { box-shadow: 0 6px 18px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo:hover:not(.is-cover) { border-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photos-drop:is(:hover, .is-drag-over) { border-color: #F47A20 !important; background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .04)), var(--bg-1) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photos-drop:is(:hover, .is-drag-over) { border-color: #E06A12 !important; background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .04)), #FAFAF9 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo-qc-btn:hover { border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-photo-qc-btn:hover { border-color: #E06A12 !important; }

/* 6. Details: AI writer button, RECOMMENDED badge, AI row; inputs get the orange focus ring (as .input in section 3). */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-btn--lg { background: #F47A20 !important; border-color: #F47A20 !important; color: #141414 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-btn--lg:hover { background: #FF8A3D !important; border-color: #FF8A3D !important; color: #141414 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-btn:not(.sell-ai-btn--lg) { color: #F47A20 !important; background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-btn:not(.sell-ai-btn--lg):hover { background-color: rgba(244, 122, 32, .16) !important; border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-btn:not(.sell-ai-btn--lg) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-cta-badge { background: #F47A20 !important; color: #141414 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-cta-badge { background: rgba(244, 122, 32, .10) !important; color: #B5520F !important; border-color: rgba(181, 82, 15, .30) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-cta { background: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)), var(--bg-1) !important; border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-tone-field { background-color: rgba(244, 122, 32, .04) !important; border-color: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-spinner { border-color: rgba(244, 122, 32, .24) !important; border-top-color: #F47A20 !important; }
/* dark: one orange focus ring for the wizard fields (the textarea was gold, the text inputs fell to core's blue);
   light inputs are handled by the generic light rule in section 21 */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-input, .sell-textarea, .sell-select, .pks-pg-search):focus { border-color: #F47A20 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }

/* 7. Condition rows, "You selected" box, checkboxes. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio input:checked + span { border-color: #F47A20 !important; box-shadow: inset 0 0 0 1px #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio input:checked + span { background: linear-gradient(rgba(244, 122, 32, .05), rgba(244, 122, 32, .05)), var(--bg-1) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio input:checked + span::after { background-color: #F47A20 !important; color: #141414 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio:has(input:checked) { border-color: #F47A20 !important; background-color: #2E241C !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio input:checked + span { border-color: #E06A12 !important; box-shadow: inset 0 0 0 1px #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio:hover { border-color: #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-radio:has(input:checked) { border-color: #E06A12 !important; background: #FEF6EF !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .20) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] #condDetail { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-ack input, .sell-toggle input, .sell-ipc-toggle input, .sell-ipc-ack input) { accent-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-ack input, .sell-toggle input, .sell-ipc-toggle input, .sell-ipc-ack input, .sell-cond-ack input) { accent-color: #E06A12 !important; }

/* 8. Brand helper and info cards (dark washes; light keeps its neutral cards), their icons and notes. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-info-card, .sell-rule:not(.is-ok), .sell-serial) { background-image: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-parcel-suggest { background: linear-gradient(rgba(244, 122, 32, .05), rgba(244, 122, 32, .05)), var(--bg-1) !important; border-color: rgba(244, 122, 32, .22) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-private-panel { background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .04)), var(--bg-1) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-private-panel { border-color: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-protected-helper { background-image: linear-gradient(rgba(244, 122, 32, .08), rgba(244, 122, 32, .08)) !important; border-color: rgba(244, 122, 32, .35) !important; border-left-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-protected-helper { border-color: rgba(181, 82, 15, .30) !important; border-left-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-note { background-color: rgba(244, 122, 32, .04) !important; border-left-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-note { border-left-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-info-card svg, .sell-protected-helper > svg, .sell-parcel-suggest-icon, .sell-pay-secure svg, .sell-toast svg, .sell-pd-sent svg) { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-info-card svg, .sell-protected-helper > svg, .sell-parcel-suggest-icon, .sell-pay-secure svg, .sell-toast svg, .sell-pd-sent svg) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-parcel-accuracy:not(#sellCourierLiability) svg { color: #F47A20 !important; }
/* Rule rows: the "do" row chip is the brand chip (its dark row tint stays green); the "no" rows stay neutral in light. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-rule .sell-rule-ok { background-color: #F47A20 !important; color: #141414 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-rule.is-ok { background: #FEF6EF !important; border-color: #FBD0B1 !important; }

/* 9. Courier step: picked parcel size in light (dark keeps the size-band fill, which is a meaning colour). */
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-parcel .sell-parcel-tile.is-selected { --tile-accent: #E06A12; border-color: #E06A12 !important; box-shadow: inset 0 0 0 1px #E06A12 !important; }
/* "Not sure? See common items" guide: item hover (the size chips there are one brand colour, not the size bands). */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-pg-item:hover { border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-pg-item:hover { border-color: #E06A12 !important; }

/* 10. Boost step: only the picked-card ring is a selection; resting Premium / Pro borders, tier names, badges and ticks stay gold. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-boost.is-selected { background: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)), var(--bg-1) !important; border-color: #F47A20 !important; box-shadow: 0 0 0 1px #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-boost.is-selected { border-color: #E06A12 !important; box-shadow: inset 0 0 0 1px #E06A12 !important; }

/* 11. Review: preview price and the net-payout panel (commission tiers are price bands, not named tiers). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-preview-price { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.rv-net-row--total strong:last-child, .rv-net-tiers > summary) { color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net-tiers > summary:hover { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.rv-net-row--total strong:last-child, .rv-net-tiers > summary, .rv-net-tiers > summary:hover) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net-tiers-table tr.rv-net-tier-active td { background-color: rgba(244, 122, 32, .12) !important; color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net-tiers-table tr.rv-net-tier-active td { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net { border-color: color-mix(in srgb, #F47A20 35%, transparent) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net-row--total { border-top-color: color-mix(in srgb, #F47A20 20%, transparent) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-net-explainer { border-top-color: color-mix(in srgb, #F47A20 12%, transparent) !important; }

/* 12. Payment: picked method, back link, SnapScan panel. Partner logos are left alone. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-method.is-selected { border-color: #F47A20 !important; box-shadow: inset 0 0 0 1px #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-method.is-selected { background: linear-gradient(rgba(244, 122, 32, .08), rgba(244, 122, 32, .08)), #2c2824 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-method.is-selected { border-color: #E06A12 !important; box-shadow: inset 0 0 0 1px #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-back:hover { border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-back:hover { border-color: #E06A12 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-snapscan { background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .02)), var(--bg-1) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-snapscan { background: linear-gradient(rgba(244, 122, 32, .08), rgba(244, 122, 32, .04)), #FAFAF9 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-pay-snapscan-amount, .sell-pay-snapscan-link) { color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pay-snapscan-link:hover { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-pay-snapscan-amount, .sell-pay-snapscan-link, .sell-pay-snapscan-link:hover) { color: #B5520F !important; }

/* 13. Published: confetti and the private-listing code box. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-confetti span:is(:nth-child(1), :nth-child(4), :nth-child(6)) { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-confetti span:nth-child(3) { background-color: #E06A12 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-code { border-color: rgba(244, 122, 32, .5) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-code { box-shadow: 0 0 0 1px rgba(244, 122, 32, .15) inset !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-code { box-shadow: 0 0 0 1px rgba(244, 122, 32, .20) inset !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-code-value { color: #F47A20 !important; border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-done-code-value { color: #B5520F !important; border-color: #E06A12 !important; }

/* 14. Protected deal: buyer banner, resume card, notices, code card, link box. A notice marked is-warn is a warning. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-banner { border-color: rgba(244, 122, 32, .45) !important; border-left-color: #F47A20 !important; background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-banner svg { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-banner { background-color: #FEF6EF !important; border-color: #FBD0B1 !important; border-left-color: #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-banner svg { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-pd-resume, .sell-pd-notice:not(.is-warn)) { border-left-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-pd-resume, .sell-pd-notice:not(.is-warn)) { border-left-color: #E06A12 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-codecard { border-color: rgba(244, 122, 32, .5) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-codecard { border-color: #FBD0B1 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-linkbox { border-color: rgba(244, 122, 32, .6) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-linkbox { border-color: #E06A12 !important; }

/* 15. Delivery method tiles (protected deal). */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-tile:has(input:checked) { border-color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-tile:has(input:checked) { background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .04)), var(--bg-1) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-tile:has(input:checked) { border-color: #E06A12 !important; background: linear-gradient(rgba(244, 122, 32, .05), rgba(244, 122, 32, .05)), #FAFAF9 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-tile input[type="radio"]:checked { border-color: #F47A20 !important; background: radial-gradient(circle, #F47A20 0, #F47A20 4px, transparent 4px) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-fulfil-tile input[type="radio"]:checked { border-color: #E06A12 !important; background: radial-gradient(circle, #E06A12 0, #E06A12 4px, transparent 4px) !important; }

/* 16. Province picker (pks-select) and the address suggestion list on this page. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: #F47A20 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: #E06A12 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.pks-select.is-open .pks-select-caret, .pks-select-option.is-selected .pks-select-option-check) { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-select-option.is-selected { background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-select-option.is-selected::before { background-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-select-option.is-selected .pks-select-option-label { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.pks-select.is-open .pks-select-caret, .pks-select-option.is-selected .pks-select-option-check) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-addr-item.is-active .pks-addr-suburb { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .pks-addr-item.is-active .pks-addr-suburb { color: #B5520F !important; }

/* 17. Warnings on /sell: yellow-amber, never orange. */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-parcel-warning-icon, .rv-payout-warn-icon) { color: var(--pk-warn) !important; }
/* the courier-liability note (warning triangle) is gold only in dark; light already draws it neutral grey */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] #sellCourierLiability svg { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-parcel-warning-icon, .rv-payout-warn-icon) { color: var(--pk-warn-light) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-parcel-warning-suggest strong, .sell-price-warn, .sell-ai-usage.is-low, .sell-ai-summary-section--warn .sell-ai-summary-h) { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-parcel-warning-suggest strong, .sell-price-warn, .sell-ai-usage.is-low, .sell-ai-summary-section--warn .sell-ai-summary-h) { color: var(--pk-warn-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-parcel-warning { background-color: rgba(232, 179, 57, .06) !important; border-color: rgba(232, 179, 57, .36) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-usage.is-low { border-color: rgba(232, 179, 57, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-usage.is-low { border-color: rgba(138, 101, 0, .38) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-ai-summary-section--warn { background-color: rgba(232, 179, 57, .06) !important; border-color: rgba(232, 179, 57, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-payout-warn { background: color-mix(in srgb, #E8B339 6%, var(--bg-1)) !important; border-color: color-mix(in srgb, #E8B339 38%, transparent) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .rv-parcel-warning { border-left-color: var(--pk-warn-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-notice.is-warn { background-color: rgba(232, 179, 57, .08) !important; border-color: rgba(232, 179, 57, .45) !important; border-left-color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-pd-notice.is-warn { background-color: #FCF6E7 !important; border-color: #EBD9A6 !important; border-left-color: var(--pk-warn-light) !important; }

/* 18. "Payment confirmed" boost overlay: the same seal as the login success seal (dark #141414 hexagon, Brand Pack
   cube, orange glow). The BOOST ACTIVE pill is boost-tier identity and stays gold. The card is dark in both themes, so
   the light theme gets light text here too (its title was dark ink on the dark card). */
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-hexgrid { background-image: radial-gradient(circle at 50% 50%, rgba(244, 122, 32, .18) 0%, transparent 1.5px), radial-gradient(circle at 50% 50%, rgba(244, 122, 32, .10) 0%, transparent 1.5px) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-glow { background-image: radial-gradient(40% 30% at 50% 38%, rgba(244, 122, 32, .16) 0%, transparent 70%), radial-gradient(30% 25% at 50% 60%, rgba(244, 122, 32, .08) 0%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-card { border-color: rgba(244, 122, 32, .22) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 30px 70px -20px rgba(0, 0, 0, .7), 0 0 60px -20px rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-seal {
  background: radial-gradient(circle at 28% 16%, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, 0) 30%),
    radial-gradient(circle at 72% 82%, rgba(244, 122, 32, .34) 0%, rgba(244, 122, 32, 0) 34%),
    radial-gradient(circle at 36% 28%, #2C2C2C 0%, #262626 24%, #1F1F1F 50%, #181818 78%, #141414 100%) !important;
  filter: drop-shadow(0 18px 36px rgba(244, 122, 32, .45)) drop-shadow(0 0 24px rgba(255, 154, 82, .35)) !important;
}
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-seal::before {
  background-image: url('/images/pakstoor-emblem-brand.png?v=v1.0-000001') !important;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .55)) drop-shadow(0 0 14px rgba(244, 122, 32, .40)) !important;
}
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-seal::after { background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, .16) 48%, rgba(255, 255, 255, .16) 52%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-success-eyebrow, .sell-success-foot svg) { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-cta { background: linear-gradient(180deg, #FF8A3D 0%, #F47A20 100%) !important; border-color: #E06A12 !important; color: #141414 !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 10px 24px -12px rgba(244, 122, 32, .55) !important; }
html:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-cta:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 14px 30px -12px rgba(244, 122, 32, .7) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] :is(.sell-success-title, .sell-success-message strong) { color: #F1EFED !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body[data-pks-page="sell"] .sell-success-message { color: #B4AEA8 !important; }

/* 19. /launch-offer: brand links, Claim and Claim-now buttons, the modal's listing radios, light card glow.
   Tier titles / tags (Pro gold, Premium blue, Basic green, set inline) and the tier artwork are tier identity. */
html:not(#pkb):not(#pkc) body.page-launch-offer :is(.lo-hero-sub a, .lo-howto a) { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body.page-launch-offer :is(.lo-hero-sub a, .lo-howto a) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body.page-launch-offer .lo-code-redeem { color: #F47A20 !important; background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .55) !important; }
html:not(#pkb):not(#pkc) body.page-launch-offer .lo-code-redeem:hover { background-color: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body.page-launch-offer .lo-modal-listing input { accent-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body.page-launch-offer .lo-modal-confirm { background-color: #F47A20 !important; border-color: #F47A20 !important; color: #141414 !important; }
html:not(#pkb):not(#pkc) body.page-launch-offer .lo-modal-confirm:hover { background-color: #FF8A3D !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body.page-launch-offer :is(.lo-hero, .lo-tier-section, .lo-howto) { background: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .06), transparent 70%), #FFFFFF !important; }

/* 20. /redeem: eyebrow, typed code, focus ring, Open listing button, footer link. The green (complete) and red (error)
   input states keep their colours, also while the field has focus. */
html:not(#pkb):not(#pkc) body .rd-card .rd-eyebrow { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-eyebrow { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .rd-card .rd-input { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .rd-card .rd-input:focus:not(.is-error):not(.is-complete) { border-color: #F47A20 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-input:focus:not(.is-error):not(.is-complete) { border-color: #E06A12 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .20) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-input.is-complete:focus { border-color: var(--success, #5EA872) !important; box-shadow: 0 0 0 3px rgba(94, 168, 114, .22) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-input.is-error:focus { border-color: var(--danger, #D85145) !important; box-shadow: 0 0 0 3px rgba(216, 81, 69, .18) !important; }
html:not(#pkb):not(#pkc) body .rd-card .rd-btn--primary { background: linear-gradient(180deg, #FF8A3D 0%, #F47A20 50%, #E06A12 100%) !important; color: #141414 !important; box-shadow: 0 4px 0 0 #B5520F, 0 8px 22px rgba(244, 122, 32, .28), inset 0 1px 0 rgba(255, 255, 255, .25) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-btn--primary { background: linear-gradient(180deg, #FF8A3D, #F47A20) !important; box-shadow: 0 1px 2px rgba(30, 27, 24, .08) !important; }
html:not(#pkb):not(#pkc) body .rd-card .rd-foot a:hover { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rd-card .rd-foot a:hover { color: #B5520F !important; }

/* 21. Shared bits as they appear on these three pages (header, status strip, breadcrumb, footer, nudge, focus).
   Scoped to these pages here; the same fix could move to section 3 for every page. */
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .sysbar-ledger-item strong { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) :is(.crumbs a:hover, .sysbar-link:hover, .footer a:hover) { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) :is(.crumbs a:hover, .sysbar-link:hover, .footer a:not(.btn):hover) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .nav-login-icon { background-color: rgba(244, 122, 32, .05) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .nav-login-icon:is(:hover, :focus-visible) { background-color: rgba(244, 122, 32, .10) !important; border-color: #F47A20 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .nav-login-icon-dot { background-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .nav-login-icon-dot { background-color: #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .nav-search-input:focus { border-color: #E06A12 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) :is(.sysbar-theme-toggle, .nav-avatar):focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) :is(.sysbar-theme-toggle, .nav-avatar):focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .24) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) .pks-trust-nudge { border-color: rgba(244, 122, 32, .32) !important; }
/* Light theme: the generic light-mode focus ring on form fields (gold) becomes orange; same 3px geometry. */
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not(.is-error):not(.is-complete) { border-color: #E06A12 !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card)) input:is([type="checkbox"], [type="radio"]):focus { box-shadow: 0 0 0 3px rgba(244, 122, 32, .22); }
/* Keyboard focus ring from core.css (":focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold) }").
   Deliberately low specificity and NOT !important: it only replaces that generic gold ring and still loses to any
   component's own focus style. */
:where(html:not([data-theme="light"])) :where(body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card))) :is(a, button, input, select, textarea, summary, label, div, span, li):focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px #F47A20; }
:where(html[data-theme="light"]) :where(body:is([data-pks-page="sell"], .page-launch-offer, :has(.rd-card))) :is(a, button, input, select, textarea, summary, label, div, span, li):focus-visible { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px #E06A12; }

/* ---- 14. Deals and money: /deal, /purchases, /handover, /safe, /parcels, /banking, /payment-* ---------------- */
/* ---- sweep: deals-money ---- */
/* Pages: /deal/<id> (deal.css, pks-deal-journey.css, pks-milestones.css, deal-returns.css, shipment-evidence wizard and viewer,
   return-courier bridge, Formal Protected Review intake), the site-wide deal banners (pks-buyer-banner, pks-buyer-dispute-banner),
   /purchases, /handover/<id>, /safe, /parcels (+ pks-tracking widget), /banking (+ wallet.css; /wallet), /payment-success,
   /payment-error. pks-message-tracks.css only renders on /messages (messages-disputes group); M1 adds the one gap left there.
   Brand gold -> orange. Kept as they are: the deal stamp (pks-stamp inside .pks-protected-seal, every state), pending and waiting
   states in the yellow-amber gold family (payment-deadline / inspection-window countdown, "Waiting for ..." notes, return-courier
   deadline, deal banner surfaces, wallet "pending" pills and "Paid" status in dark), trust levels, success green, error red,
   courier blue, inspection purple, the return pipeline's peach tint. Pending text in light moves to the Brand Pack light
   yellow-amber (--pk-warn-light) where the gold was too faint to read; amber warnings that sat close to the new orange move to
   --pk-warn / --pk-warn-light. Colours only. */

/* ---- D1. Deal header: amount, seller role pill, glow. The buyer "Receiving" pill stays green. ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .deal-header {
  background-image: radial-gradient(circle at 85% 0%, rgba(244, 122, 32, .09), transparent 55%), linear-gradient(180deg, var(--bg-2, #2c2824) 0%, var(--bg-1, #221F1C) 90%) !important;
}
html:not(#pkb):not(#pkc) body .deal-amount { color: var(--pk-brand) !important; text-shadow: 0 0 20px rgba(244, 122, 32, .25) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-amount { color: var(--pk-brand-text-light) !important; text-shadow: 0 0 20px rgba(244, 122, 32, .14) !important; }
html:not(#pkb):not(#pkc) body .deal-role.deal-role-sending { color: #FF9A52 !important; background-color: rgba(244, 122, 32, .15) !important; border-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-role.deal-role-sending { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .35) !important; }

/* ---- D2. Delivery van pipeline (outbound). The return pipeline keeps its peach tint; a delivered van stays green. ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .deal-pipeline {
  background-image: radial-gradient(circle at 50% 0%, rgba(244, 122, 32, .06), transparent 60%) !important;
}
html:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-fill {
  background: linear-gradient(90deg, #E06A12 0%, #F47A20 60%, #FF9A52 100%) !important;
  box-shadow: 0 0 12px rgba(244, 122, 32, .45), inset 0 1px 0 rgba(255, 255, 255, .25) !important;
}
html:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-step:is(.is-done, .is-current) .deal-pipeline-dot { background-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-step.is-done .deal-pipeline-dot { box-shadow: 0 0 12px rgba(244, 122, 32, .45) !important; }
/* The current stop's pulse: same keyframes as deal.css "deal-pulse" (same timing and spread), only the glow colour changes. */
html:not(#pkb):not(#pkc) body .deal-pipeline .deal-pipeline-step.is-current .deal-pipeline-dot { animation-name: pkb-deal-pulse !important; }
@keyframes pkb-deal-pulse {
  0%, 100% { box-shadow: 0 0 0 5px rgba(244, 122, 32, .25), 0 0 14px rgba(244, 122, 32, .55); }
  50% { box-shadow: 0 0 0 12px rgba(244, 122, 32, .08), 0 0 20px rgba(244, 122, 32, .35); }
}
html:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-step.is-current .deal-pipeline-label { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-car:not(.is-parked):not(.is-delivered) { color: var(--pk-brand) !important; }
/* Return pipeline (dark): its fill and done dots glowed gold under the peach; the glow follows the peach. */
html:not(#pkb):not(#pkc) body .deal-pipeline-return .deal-pipeline-step.is-done .deal-pipeline-dot { box-shadow: 0 0 12px rgba(233, 168, 122, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .deal-pipeline-return .deal-pipeline-fill { box-shadow: 0 0 12px rgba(233, 168, 122, .45), inset 0 1px 0 rgba(255, 255, 255, .25) !important; }
/* Light: pks-fresh painted the fill, every label and the return dots gold. Fill and dots go orange (3:1 edge);
   labels go back to neutral with only the current stop in orange text, as in the dark theme. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline-fill { background: linear-gradient(90deg, #E06A12 0%, #F47A20 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline .deal-pipeline-step:is(.is-done, .is-current) .deal-pipeline-dot { background-color: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline-label { color: #6B655E !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline-step.is-done .deal-pipeline-label { color: #1E1B18 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline-step.is-current .deal-pipeline-label { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-pipeline:not(.deal-pipeline-return) .deal-pipeline-car:not(.is-parked):not(.is-delivered) { color: var(--pk-brand-press) !important; }

/* ---- D3. Shipment history: in-progress / latest events. Success green, error red, waiting blue stay. ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .deal-tracking { background-image: radial-gradient(circle at 0% 0%, rgba(244, 122, 32, .04), transparent 60%) !important; }
html:not(#pkb):not(#pkc) body .deal-tracking-event.is-progress .deal-tracking-icon { background-color: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .45) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .deal-tracking-event.is-near .deal-tracking-icon {
  background-color: rgba(244, 122, 32, .18) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand) !important;
  box-shadow: 0 0 0 4px rgba(244, 122, 32, .18), 0 0 12px rgba(244, 122, 32, .35) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-event:is(.is-progress, .is-near) .deal-tracking-icon { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-event.is-near .deal-tracking-icon { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .deal-tracking-event.is-latest .deal-tracking-event-status { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-event-status { color: #1E1B18 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-event.is-latest .deal-tracking-event-status { color: var(--pk-brand-text-light) !important; }
/* Meaning: "Courier API is slow" and courier exceptions are warnings, amber -> Brand Pack yellow-amber. */
html:not(#pkb):not(#pkc) body .deal-tracking-degraded { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-degraded { color: var(--pk-warn-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .deal-tracking-event.is-warn .deal-tracking-icon { color: var(--pk-warn) !important; background-color: rgba(232, 179, 57, .12) !important; border-color: rgba(232, 179, 57, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-tracking-event.is-warn .deal-tracking-icon { border-color: rgba(138, 101, 0, .40) !important; }
/* Meaning: the countdown (pay-by deadline, inspection window) is a pending state and keeps its yellow-amber. Light only: the
   clock icon was #D9A625 on white (about 2:1); the Brand Pack light yellow-amber reads at 5:1. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-countdown :is(.deal-countdown-icon, .deal-countdown-title) { color: var(--pk-warn-light) !important; }

/* ---- D4. Money summary, waybill strip, Open transaction thread CTA, return-courier bridge, address modal. ---- */
html:not(#pkb):not(#pkc) body .deal-money-total strong { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .deal-money-trust { border-top-color: rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .deal-money-trust-icon { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-money-trust-icon { color: var(--pk-brand-text-light) !important; }
/* Light: pks-fresh painted every amount gold; amounts go back to ink, only the total keeps the brand colour (as in dark). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-money-row strong { color: #1E1B18 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-money-row.is-muted strong { color: #4A453F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-money-row.deal-money-total strong { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .deal-waybill-strip { background-color: color-mix(in srgb, #F47A20 8%, var(--bg-2)) !important; border-color: color-mix(in srgb, #F47A20 35%, transparent) !important; }
html:not(#pkb):not(#pkc) body :is(.deal-waybill-strip-label, .deal-waybill-strip-download, .deal-waybill-strip-ref:hover) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .deal-waybill-strip-download:hover { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.deal-waybill-strip-label, .deal-waybill-strip-download, .deal-waybill-strip-ref:hover) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-waybill-strip-download:hover { color: #8F3F0B !important; }
html:not(#pkb):not(#pkc) body .deal-open-thread-cta {
  color: #FFC59A !important; border-color: rgba(244, 122, 32, .42) !important;
  background: linear-gradient(135deg, rgba(244, 122, 32, .16) 0%, rgba(224, 106, 18, .12) 100%) !important;
}
html:not(#pkb):not(#pkc) body .deal-open-thread-cta:hover { border-color: rgba(244, 122, 32, .70) !important; background: linear-gradient(135deg, rgba(244, 122, 32, .22) 0%, rgba(224, 106, 18, .18) 100%) !important; }
html:not(#pkb):not(#pkc) body .deal-open-thread-cta-icon { color: #FFC59A !important; background-color: rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .deal-open-thread-cta-title { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .deal-open-thread-cta-sub { color: rgba(255, 214, 184, .70) !important; }
html:not(#pkb):not(#pkc) body .deal-open-thread-cta-arrow { color: #FFC59A !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-open-thread-cta { background: rgba(244, 122, 32, .08) !important; color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-open-thread-cta:hover { background: rgba(244, 122, 32, .14) !important; border-color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.deal-open-thread-cta-icon, .deal-open-thread-cta-arrow, .deal-open-thread-cta-title) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-open-thread-cta-sub { color: #4A453F !important; }
/* Return-courier bridge callout (pks-deal-return-bridge.js, inline styles): brand callout + call to action. */
html:not(#pkb):not(#pkc) body #dealReturnChatBridge { background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body #dealReturnChatBridge > div > div:first-child { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #dealReturnChatBridge > div > div:first-child { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #dealReturnChatBridge > a { background: linear-gradient(180deg, #FF8A3D 0%, #F47A20 100%) !important; color: var(--pk-brand-ink) !important; }
/* Address modal (before payment). */
html:not(#pkb):not(#pkc) body .deal-addr-field :is(input, select):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-addr-field :is(input, select):focus { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .deal-addr-checkbox input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .deal-addr-checkbox input[type="checkbox"] { accent-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-addr-item.is-active .pks-addr-suburb { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-addr-item.is-active .pks-addr-suburb { color: var(--pk-brand-text-light) !important; }

/* ---- D5. Transaction timeline (pks-deal-journey): Pakstoor steps gold -> orange. The selectors mirror the structural ones in
   pks-deal-journey.css, so wherever its courier blue (2nd stage) or inspection purple (last stage) applies, that still wins. ---- */
html:not(#pkb):not(#pkc) body .pdf-stage:not(:nth-of-type(2)) .pdf-step.is-done .pdf-dot { background-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pdf-stage:not(:nth-of-type(2)):not(:last-of-type) .pdf-step.is-current .pdf-dot { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 4px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdf-stage:not(:nth-of-type(2)) .pdf-step.is-done .pdf-dot,
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdf-stage:not(:nth-of-type(2)):not(:last-of-type) .pdf-step.is-current .pdf-dot { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pdf-method:has(input:checked) { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 1px var(--pk-brand) inset !important; }
html:not(#pkb):not(#pkc) body .pdf-method input { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdf-method:has(input:checked) { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 1px var(--pk-brand-press) inset !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdf-method input { accent-color: var(--pk-brand-press) !important; }

/* ---- D6. Milestone strip (pks-milestones, /deal + /messages + /purchases): Pakstoor steps gold -> orange; The Courier Guy's
   checkpoints (.is-courier) stay blue. ---- */
html:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier):is(.is-done, .is-current)::before { background-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier).is-done .pks-ms-dot { background-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier).is-current .pks-ms-dot { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 4px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier).is-current .pks-ms-dot::after { background-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier):is(.is-done, .is-current)::before { background-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-ms-step:not(.is-courier):is(.is-done, .is-current) .pks-ms-dot { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-btn:hover { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-ms-btn:hover { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-btn-primary { background-color: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pks-ms-btn-primary:hover:not([disabled]) { background-color: var(--pk-brand-hover) !important; }

/* ---- D7. Returns (deal-returns.css + deal-returns.js). The return van pipeline keeps its peach tint in dark. ---- */
html:not(#pkb):not(#pkc) body .pks-return-input:focus { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-input:focus { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-return-check input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-check input[type="checkbox"] { accent-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-return-explanation { border-left-color: rgba(244, 122, 32, .50) !important; }
html:not(#pkb):not(#pkc) body .pks-return-size-btn:hover:not(.is-disabled) { background-color: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .pks-return-size-btn.is-selected { background-color: rgba(244, 122, 32, .18) !important; border-color: rgba(244, 122, 32, .60) !important; color: #FFC59A !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-size-btn.is-selected { color: var(--pk-brand-text-light) !important; border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-return-quote-total .pks-return-quote-value { color: #FFC59A !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-quote-total .pks-return-quote-value { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-return-timeline-item.is-done .pks-return-timeline-dot { background-color: var(--pk-brand-press) !important; border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-return-timeline-item.is-current .pks-return-timeline-dot { background-color: #FF9A52 !important; border-color: rgba(255, 154, 82, .40) !important; box-shadow: 0 0 0 4px rgba(255, 154, 82, .18) !important; }
html:not(#pkb):not(#pkc) body .pks-return-timeline-item.is-current { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-timeline-item.is-current .pks-return-timeline-dot { background-color: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 4px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-timeline-item.is-current { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(#returnPanel, #returnTrackingSection, .pks-return-card) .pks-btn-primary {
  background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; border-color: var(--pk-brand-press) !important;
}
html:not(#pkb):not(#pkc) body :is(#returnPanel, #returnTrackingSection, .pks-return-card) .pks-btn-primary:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .pks-return-pipeline-card::before { background: linear-gradient(90deg, transparent, rgba(244, 122, 32, .40), transparent) !important; }
html:not(#pkb):not(#pkc) body .pks-return-pipeline-icon { background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .28) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-pipeline-icon { color: var(--pk-brand-text-light) !important; }
/* SnapScan / TradeSafe method chooser: the selected option is drawn with inline styles (deal-returns.js highlightMethod). */
html:not(#pkb):not(#pkc) body .pks-return-form button[style*="rgb(220, 168, 40)"] { border-color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .10) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-form button[style*="rgb(220, 168, 40)"] { border-color: var(--pk-brand-press) !important; }
/* Meaning: "Respond by <date>" is a deadline, amber -> Brand Pack yellow-amber. */
html:not(#pkb):not(#pkc) body .pks-return-due { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-due { color: var(--pk-warn-light) !important; }
/* Meaning: the return-courier pay-by box (inline styles) is a deadline and keeps its yellow-amber; light only, the date is
   moved to the readable light yellow-amber (it was #DCA828 on a white card). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-return-deadline > div:nth-child(2) { color: var(--pk-warn-light) !important; }

/* ---- D8. Seller shipment-evidence wizard + buyer evidence viewer. ---- */
html:not(#pkb):not(#pkc) body :is(.pses-eyebrow, .psev-eyebrow) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pses-eyebrow, .psev-eyebrow) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pses-upload-btn { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .08) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pses-upload-btn:hover { background-color: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .65) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pses-upload-btn { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .45) !important; }
html:not(#pkb):not(#pkc) body .pses-progress-dot.is-active { background-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pses-btn-primary { background-color: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .psev-tile:hover { border-color: rgba(244, 122, 32, .40) !important; }

/* ---- R1. Formal Protected Review intake (pks-protected-review-intake, opened from /deal and /messages). Same values as the
   messages-disputes rules, unscoped (component classes) so the deal page is covered too. "Too short" stays a warning. ---- */
html:not(#pkb):not(#pkc) body .pks-prx-textarea:focus { border-color: rgba(244, 122, 32, .55) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html:not(#pkb):not(#pkc) body .pks-prx2-chip.is-on { background-color: rgba(244, 122, 32, .16) !important; border-color: rgba(244, 122, 32, .7) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-prx2-chip.is-on { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-prx2-check input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-prx2-check input[type="checkbox"] { accent-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-prx-title, .pks-prx2-note, .pks-prx2-add, .pks-prx2-link, .pks-prx-body a, .pks-prx-btn.pks-prx-btn-ghost) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-prx2-note { border-color: rgba(181, 82, 15, .24) !important; }
html:not(#pkb):not(#pkc) body .pks-prx-counter.is-short { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-prx-counter.is-short { color: var(--pk-warn-light) !important; }

/* ---- B1. Site-wide deal banners. The banner surfaces are pending / review notices and keep their yellow-amber (their snooze
   buttons too); the seller dispute banner is red. Only the gold-filled action buttons (Request return, View dispute) are brand. ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pks-buyer-banner-return, .pks-bdb-btn-view) { background-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pks-buyer-banner-return, .pks-bdb-btn-view):hover:not(:disabled) { background-color: var(--pk-brand-hover) !important; border-color: var(--pk-brand-hover) !important; }
/* Meaning, light only: the banner icons and the dispute banner's return-waybill chip kept the dark theme's pale gold on the white
   light banner (unreadable); they take the Brand Pack light yellow-amber, like the banner titles pks-fresh already darkened. */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-buyer-banner-icon, .pks-bdb-icon) { color: var(--pk-warn-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-bdb-waybill { background-color: rgba(232, 179, 57, .10) !important; border-color: rgba(138, 101, 0, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-bdb-waybill-label { color: #6B655E !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-bdb-waybill-ref { color: var(--pk-warn-light) !important; }
/* Light: pks-fresh made the buyer banner's Confirm receipt a gold primary button. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-buyer-banner-btn.pks-buyer-banner-confirm { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-buyer-banner-btn.pks-buyer-banner-confirm:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }

/* ---- P1. /purchases (account shell): active tab + filter, empty state glow + picture. ---- */
html:not(#pkb):not(#pkc) body .acct-tab.is-active { background: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)), var(--bg-1) !important; border-bottom-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-tab.is-active { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-tab.is-active { border-bottom-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-filter.is-active { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body #emptyMyPurchases.acct-empty-lg::before { background: radial-gradient(closest-side, rgba(244, 122, 32, .10) 0%, rgba(244, 122, 32, .04) 35%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body #emptyMyPurchases .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #emptyMyPurchases .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
/* "Private deals for you" panel (inline styles; built by purchases.js, its gold marked Deal Protection): edge, frame, PRIVATE pill. */
html:not(#pkb):not(#pkc) body .pdl { border-color: rgba(244, 122, 32, .28) !important; border-left-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdl { border-color: #E6E3DE !important; border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pdl-pill { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .12) !important; color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdl-pill { color: var(--pk-brand-text-light) !important; background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(181, 82, 15, .35) !important; }

/* ---- H1. /handover/<id> (in-person). The completion stage is green (success tone) and keeps it. ---- */
html:not(#pkb):not(#pkc) body .ho-wrap { --ho-glow: rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .ho-wrap[data-step="complete"] { --ho-glow: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body .ho-rail-step[data-s="done"] .ho-rail-bar { background-color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-rail-step[data-s="done"] .ho-rail-bar { background-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .ho-rail-step[data-s="now"] .ho-rail-bar::after { background: linear-gradient(90deg, transparent, var(--pk-brand), transparent) !important; }
html:not(#pkb):not(#pkc) body .ho-rail-step[data-s="now"] .ho-rail-lbl { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-rail-step[data-s="now"] .ho-rail-lbl { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ho-stage[data-tone="gold"] { border-color: rgba(244, 122, 32, .45) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .ho-badge[data-tone="gold"] { background-color: rgba(244, 122, 32, .10) !important; color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-badge[data-tone="gold"] { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .30) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ho-seats:not([data-all="1"]) .ho-seat[data-done="1"] { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body .ho-seats:not([data-all="1"]) .ho-seat[data-done="1"] .ho-seat-state { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-seats:not([data-all="1"]) .ho-seat[data-done="1"] .ho-seat-state { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .ho-ring .fg { stroke: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ho-btn--gold { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; box-shadow: 0 10px 26px rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body .ho-reason input { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-reason input { accent-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .ho-icon-lg { background-color: rgba(244, 122, 32, .10) !important; color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-icon-lg { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ho-code { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body :is(.ho-code-eyebrow, .ho-inline-link) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.ho-code-eyebrow, .ho-inline-link) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .ho-code-input:focus { outline-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ho-code-input:focus { outline-color: var(--pk-brand-text-light) !important; }

/* ---- S1. /safe (protected link page). ---- */
html:not(#pkb):not(#pkc) body .safe-main { background-image: linear-gradient(180deg, rgba(244, 122, 32, .05), transparent 280px) !important; }
html:not(#pkb):not(#pkc) body .safe-kicker { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .safe-kicker { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .safe-seller-avatar { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .safe-trust-strip span { border-color: rgba(244, 122, 32, .28) !important; background-color: rgba(244, 122, 32, .08) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .safe-trust-strip span { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .30) !important; }
html:not(#pkb):not(#pkc) body :is(.safe-code input, .safe-address select):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.safe-code input, .safe-address select):focus { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .safe-ack input { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .safe-ack input { accent-color: var(--pk-brand-press) !important; }
/* Meaning: a closed link is a warning; its text already uses the re-pointed --warning, the amber frame follows. */
html:not(#pkb):not(#pkc) body .safe-status.is-closed { border-color: rgba(232, 179, 57, .35) !important; background-color: rgba(232, 179, 57, .10) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .safe-status.is-closed { border-color: rgba(138, 101, 0, .35) !important; background-color: rgba(232, 179, 57, .14) !important; }

/* ---- T1. /parcels + the live tracking widget (pks-tracking). Waiting stays green, failed red, warnings yellow-amber. ---- */
html:not(#pkb):not(#pkc) body .trk-eyebrow { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .trk-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.trk-select, .trk-input):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .14) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.trk-select, .trk-input):focus { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .trk-spinner { border-top-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .trk-spinner { border-top-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.trk-status-moving, .pks-tracking-status.is-progress) { background-color: rgba(244, 122, 32, .12) !important; color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .38) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.trk-status-moving, .pks-tracking-status.is-progress) { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .38) !important; }
html:not(#pkb):not(#pkc) body .trk-copy-btn:hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .trk-copy-btn:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .trk-external-note { border-left-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .trk-external-note { border-left-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-tracking-event.is-progress .pks-tracking-dot { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tracking-event.is-progress .pks-tracking-dot { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pks-tracking-event.is-latest .pks-tracking-dot { box-shadow: 0 0 0 3px rgba(244, 122, 32, .15) !important; }
html:not(#pkb):not(#pkc) body .pks-tracking-event.is-latest .pks-tracking-event-status { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tracking-event.is-latest .pks-tracking-event-status { color: var(--pk-brand-text-light) !important; }
/* Meaning: a delivered event is an outcome; the widget's own success pill is green, so the dot follows it (was gold). */
html:not(#pkb):not(#pkc) body .pks-tracking-event.is-success .pks-tracking-dot { background-color: #5EA872 !important; border-color: #5EA872 !important; }

/* ---- W1. /banking (wallet.css + account.css; also /wallet): brand bits orange. "Verification pending", the pending-in-escrow
   count and the "Paid" deal status are pending states: unchanged in dark, Brand Pack yellow-amber text in light (gold text was
   unreadable on the white light-theme card). "Verified" green and "incomplete" red stay. ---- */
html:not(#pkb):not(#pkc) body .wallet-spinner { border-top-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-spinner { border-top-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .wallet-empty-icon { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-empty-icon { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .wallet-empty-icon:not(.wallet-empty-icon--art) { background-color: rgba(244, 122, 32, .12) !important; }
html:not(#pkb):not(#pkc) body .wallet-empty-art.pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .wallet-empty-art.pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body .wallet-amount-input:focus-within { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-amount-input:focus-within { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .wallet-preset-btn:hover { border-color: rgba(244, 122, 32, .40) !important; background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body .wallet-preset-max { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .30) !important; }
html:not(#pkb):not(#pkc) body .wallet-preset-max:hover { background-color: rgba(244, 122, 32, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-preset-max { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .35) !important; }
html:not(#pkb):not(#pkc) body .wallet-toggle input:checked + .wallet-toggle-track { background-color: var(--pk-brand) !important; border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-toggle input:checked + .wallet-toggle-track { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .wallet-pending-link:hover .wallet-pending-title { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-pending-link:hover .wallet-pending-title { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .wallet-payfrom-card { background: linear-gradient(rgba(244, 122, 32, .04), rgba(244, 122, 32, .04)), var(--bg-2) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not(#pkb):not(#pkc) body .wallet-soon-pill { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-soon-pill { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.wallet-balance-status.is-pending, .wallet-pending-pill) { color: var(--pk-warn-light) !important; background-color: rgba(232, 179, 57, .14) !important; border-color: rgba(138, 101, 0, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-pending-status-paid { color: var(--pk-warn-light) !important; background-color: rgba(232, 179, 57, .14) !important; }
/* Light only: light-mode.css tinted the withdraw form label gold-brown; it is neutral in dark, so neutral here too. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .wallet-label { color: #4A453F !important; }
/* Bank details / change-bank form fields (the error state keeps its red). */
html:not(#pkb):not(#pkc) body .settings-panel:is([data-panel="bank"], [data-panel="wallet"], [data-panel="withdrawals"]) .settings-input:not(.is-error):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-panel:is([data-panel="bank"], [data-panel="wallet"], [data-panel="withdrawals"]) .settings-input:not(.is-error):focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
/* FICA / payout verification note on Bank details: brand callout. */
html:not(#pkb):not(#pkc) body .settings-fica-note { background: linear-gradient(rgba(244, 122, 32, .08), rgba(244, 122, 32, .08)), var(--bg-1) !important; border-color: rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body .settings-fica-note strong { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-fica-note strong { color: var(--pk-brand-text-light) !important; }

/* ---- Y1. /payment-success + /payment-error. The success tick stays green (pks-art); the "!" badge on the error picture is a
   warning and takes the Brand Pack yellow-amber instead of the orange the rest of the picture gets. ---- */
html:not(#pkb):not(#pkc) body .pay-success-hexgrid { background-image: radial-gradient(circle at 50% 50%, rgba(244, 122, 32, .18) 0%, transparent 1.5px), radial-gradient(circle at 50% 50%, rgba(244, 122, 32, .10) 0%, transparent 1.5px) !important; }
html:not(#pkb):not(#pkc) body .pay-success-glow { background: radial-gradient(40% 30% at 50% 38%, rgba(244, 122, 32, .16) 0%, transparent 70%), radial-gradient(30% 25% at 50% 60%, rgba(244, 122, 32, .08) 0%, transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pay-card { border-color: rgba(244, 122, 32, .22) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 30px 70px -20px rgba(0, 0, 0, .7), 0 0 60px -20px rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body :is(.pay-eyebrow, .pay-sub a.pay-link, .pay-foot svg) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pay-eyebrow, .pay-sub a.pay-link, .pay-foot svg) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pay-trust { background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .42) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pay-trust { color: var(--pk-brand-text-light) !important; border-color: rgba(181, 82, 15, .40) !important; }
html:not(#pkb):not(#pkc) body a.pay-cta {
  background: linear-gradient(180deg, #FF8A3D 0%, #F47A20 100%) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 10px 24px -12px rgba(244, 122, 32, .55) !important;
}
html:not(#pkb):not(#pkc) body a.pay-cta:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 14px 30px -12px rgba(244, 122, 32, .70) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pay-card a.btn-ghost:hover { border-color: var(--pk-brand-press) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pay-card a.btn-ghost:hover { border-color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.pay-seal-art, .pay-icon-art).pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pay-seal-art, .pay-icon-art).pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body .pay-icon-art circle.fg:has(+ rect.fk) { fill: var(--pk-warn) !important; }

/* ---- M1. /messages tracker (pks-message-tracks.css). The messages-disputes group renders and covers the lanes (lane tones,
   Return / Cancelled pills and the normal-return gold stay as status colours). One brand gap its audit cannot see: the waybill
   number inside the closed "Tracking details" panel. ---- */
html:not(#pkb):not(#pkc) body .pmt-details-waybill-value { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmt-details-waybill-value { color: var(--pk-brand-text-light) !important; }

/* ---- Z1. Shared chrome seen on these pages (dedupe with the account / messages-disputes groups, same values): the light
   top-strip ticker (newest listing), the Trust Progress nudge frame in dark, breadcrumb hover, the custom select, the confirm
   dialog, the scroll progress bar, busy spinner, progress fill and info toast. Grid card hover (.card-item) is left as it is:
   owner 2026-10-15, orange hover only on the top carousel. ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-ledger-item strong { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-trust-nudge { border-color: rgba(244, 122, 32, .32) !important; }
/* Mobile menu drawer close button (shell.js .btn-icon): light-mode.css gave its hover a gold edge. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .btn-icon:hover { border-color: var(--pk-brand-press) !important; }
/* Breadcrumb link hover and the custom select (pks-select: parcels "Your parcels", account filters): selection / hover = brand. */
html:not(#pkb):not(#pkc) body .crumbs a:hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .crumbs a:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.pks-select.is-open .pks-select-caret, .pks-select-option.is-selected .pks-select-option-check) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pks-select.is-open .pks-select-caret, .pks-select-option.is-selected .pks-select-option-check, .pks-select-option.is-selected .pks-select-option-label) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-select-option.is-selected { background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body .pks-select-option.is-selected::before { background-color: var(--pk-brand) !important; }
/* Site-wide confirm dialog (PkuUtils.confirm / prompt: Confirm receipt, Cancel and refund, the seller hand-off choice).
   The red --danger confirm style is a separate class and stays red. */
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-icon--gold { background-color: rgba(244, 122, 32, .14) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-modal-icon--gold { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-input:focus { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-modal-input:focus { border-color: var(--pk-brand-press) !important; }
/* Top-edge scroll progress bar (core.css + shell.css; the audit never sees it because it scrolls back to the top),
   generic progress fill, info toast edge, busy-button spinner (ink on orange fills so it stays visible). */
html:not(#pkb):not(#pkc) body .scroll-progress { background: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .scroll-progress { background: linear-gradient(90deg, #E06A12 0%, #F47A20 100%) !important; }
html:not(#pkb):not(#pkc) body .progress-fill { background: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pku-toast--info { border-left-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-toast--info { border-left-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body button[data-busy="1"]::after { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body button[data-busy="1"]::after { color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.btn-primary, .pku-modal-btn--confirm, .pks-ms-btn-primary, .pses-btn-primary, .pks-btn-primary, .ho-btn--gold, .pmt-act-btn-gold, .pmt-act-btn-primary)[data-busy="1"]::after,
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.btn-primary, .pku-modal-btn--confirm, .pks-ms-btn-primary, .pses-btn-primary, .pks-btn-primary, .ho-btn--gold, .pmt-act-btn-gold, .pmt-act-btn-primary)[data-busy="1"]::after { color: var(--pk-brand-ink) !important; }

/* ---- 15. Info pages: how-it-works, help, safety, trust, about, contact, legal pages -------------------------- */
/* ---- sweep: info ---- */
/* Info pages: /how-it-works, /help, /safety, /trust, /about, /contact, /terms, /privacy, /popia, /cookies, /legal-disclosure,
   /what-is-pakstoor, with their pks-art spot illustrations, dossier closing seals and the shared "Buy Smart. Sell Safe." band.
   Scope: the page containers .dossier-page.{hp,sf,trust,ab,ctc,tos,pr,pp,ck,ld}-page, .hiw-page and main.wis
   (/protected-dispute-review's .pdr-page is not included). Brand gold becomes orange.
   Kept: the Trust Level cards (.tl-step / .tl-idv and their tier paint), the star-rating pictures, warning/pending amber,
   and the green / red / blue / purple roles. In light mode pks-fresh had swapped several of those roles to gold for contrast
   (compliance purple, code blue, danger red, "Live" green, the contact desks, the transaction-flow stages); they get their
   role colour back in an accessible light shade (as the homepage stage pills did), not orange.
   Warning / pending spots that still hard-code the old orange-amber warning (#E3902D / #E08B24: the "If something goes
   wrong" review lane, the "Review" pill, the "Not yet" mark, the report warning icon) move to the yellow-amber warning
   colour, as --warning did in pks-brand.css, so they cannot be mistaken for the brand orange.
   The dark theme's bright multi-colour icon chips (core.css, position-based amber / cyan / coral / green / purple / pink)
   are decoration, not the brand gold, and are left as they are. */

/* I1. Shared gold tokens inside the info-page containers (every var(--gold) use in them is a brand moment). */
html:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page) {
  --gold: #F47A20 !important; --gold-light: #FF9A52 !important; --gold-deep: #E06A12 !important; --gold-dim: #B5520F !important;
  --gold-ink: #141414 !important; --gold-wash: rgba(244, 122, 32, .08) !important; --gold-wash-2: rgba(244, 122, 32, .14) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page) { --gold-light: #B5520F !important; --gold-deep: #B5520F !important; }

/* I2. pks-art spot illustrations: re-point the art tokens. Trust Level cards (.tl-art) keep their tier paint. */
html:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .pa:not(.tl-art) { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .pa:not(.tl-art) { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
/* Meaning: the star-rating pictures (/help "How do ratings work?", /trust "Seller credibility") keep gold stars. */
html:not(#pkb):not(#pkc) body :is(.hp-page .dossier-section-head:has(#hp-8-title), .trust-page .dossier-section-head:has(#sec-03-title)) > .pa { --a-gold: #D9A625 !important; --a-goldd: #8A6410 !important; --a-goldl: #F7E8BC !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.hp-page .dossier-section-head:has(#hp-8-title), .trust-page .dossier-section-head:has(#sec-03-title)) > .pa { --a-goldd: #E7BE52 !important; --a-goldl: #5A4718 !important; }
/* how-it-works process-card icon chips (pks-art .pa-chip) */
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-process-card-icon { background-color: #FEF4ED !important; color: #B5520F !important; border-color: #FBCCAA !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-process-card-icon { background-color: #3D2B1D !important; color: #FF9A52 !important; border-color: #613A1D !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-process-card-icon svg { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-process-card-icon svg { color: #FF9A52 !important; }

/* I3. Dossier hero: glow, classification pill, title accent, ledger. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero::before {
  background-image: radial-gradient(720px 320px at 88% -8%, rgba(244, 122, 32, .11), transparent 62%), radial-gradient(640px 360px at -8% 110%, rgba(159, 199, 232, .06), transparent 60%), radial-gradient(380px 220px at 20% 30%, rgba(159, 199, 232, .025), transparent 70%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero::before {
  background-image: radial-gradient(720px 320px at 88% -8%, rgba(244, 122, 32, .14), transparent 60%), radial-gradient(640px 360px at -8% 110%, rgba(191, 167, 111, .12), transparent 60%), radial-gradient(380px 220px at 20% 30%, rgba(244, 122, 32, .05), transparent 70%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero { background-image: radial-gradient(120% 90% at 50% -10%, rgba(244, 122, 32, .08), transparent 55%) !important; }
html:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero-classification { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .05) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero-classification { border-color: rgba(181, 82, 15, .30) !important; background-color: rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-hero-title em { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ld-page header.dossier-hero .dossier-hero-eyebrow { color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ld-page header.dossier-hero .dossier-hero-eyebrow { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .is-gold { color: #B5520F !important; }

/* I4. Section heads, kickers, numerals, rules. Light mode had painted every kicker gold, danger and gap articles included:
   a danger article gets its red back and a gap article its yellow-amber, as in dark. */
html:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-section-head::after { background-image: linear-gradient(90deg, rgba(244, 122, 32, .22) 0%, var(--line-2) 30%, var(--line-2) 70%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) :is(.dossier-section-kicker, .pks-visual-section-eyebrow, .hiw-flow-section-eyebrow, .sf-breadcrumb-here-label) { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-section-head.is-danger .dossier-section-kicker { color: #B42318 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-section-head.is-gap .dossier-section-kicker { color: #8A6500 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-section-numeral { color: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-rule { background-image: linear-gradient(90deg, transparent 0, var(--line-2) 12%, rgba(244, 122, 32, .18) 50%, var(--line-2) 88%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-rule { background-image: linear-gradient(90deg, transparent 0%, #F47A20 12%, rgba(244, 122, 32, .35) 50%, #F47A20 88%, transparent 100%) !important; }

/* I5. Cards, links, callouts, disclosures, marks, eyebrows. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-card:hover { border-color: rgba(244, 122, 32, .22) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 24px rgba(0, 0, 0, .18), 0 0 0 1px rgba(244, 122, 32, .06) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-card:hover { border-color: rgba(244, 122, 32, .42) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-card.is-hero { background-image: radial-gradient(420px 160px at 90% 0%, rgba(244, 122, 32, .06), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .018) 0%, rgba(255, 255, 255, 0) 60%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-card-status.is-soon { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) :is(.dossier-card, .dossier-callout, .dossier-disclosure, .dossier-evidence-meta) a:not(.btn):not(.cat-tile):not([class*="cta"]) { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) :is(.dossier-card, .dossier-callout, .dossier-disclosure, .dossier-evidence-meta, .dossier-hero-deck, .tos-para-after-list, .legal-footnote, .dossier-section-body) a:not(.btn):not(.cat-tile):not([class*="cta"]) { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-contact-card a { color: #2B6A94 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-section > p a:not(.btn) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-disclosure { border-left-color: rgba(244, 122, 32, .32) !important; background-image: linear-gradient(90deg, rgba(244, 122, 32, .025) 0%, transparent 32%) !important; }
html:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-disclosure::before { background-image: linear-gradient(180deg, rgba(244, 122, 32, .5) 0%, rgba(244, 122, 32, .1) 100%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-callout { border-left-color: rgba(244, 122, 32, .5) !important; background-image: linear-gradient(90deg, rgba(244, 122, 32, .04) 0%, transparent 50%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-mark.soon { background-color: rgba(244, 122, 32, .12) !important; border-color: rgba(181, 82, 15, .5) !important; color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .ab-page .dossier-card[data-accent="safety"] .dossier-mark.live::before { box-shadow: 0 0 10px rgba(244, 122, 32, .55), 0 0 0 4px rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-eyebrow { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .legal-crumbs a:hover { color: #B5520F !important; }

/* I6. Dossier closing seals (the page "standard" panels, not the completed-deal seal). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-closing-seal { border-color: rgba(244, 122, 32, .32) !important; background-image: radial-gradient(420px 240px at 50% 40%, rgba(244, 122, 32, .06), transparent 70%), linear-gradient(180deg, rgba(27, 24, 21, .5) 0%, rgba(27, 24, 21, 0) 90%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-closing-seal { background-image: radial-gradient(130% 100% at 50% 0%, rgba(244, 122, 32, .09), transparent 55%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-seal-glyph { border-color: rgba(244, 122, 32, .55) !important; background-color: rgba(244, 122, 32, .05) !important; background-image: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .18), transparent 60%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-seal-glyph { border-color: rgba(224, 106, 18, .55) !important; background-color: rgba(244, 122, 32, .08) !important; background-image: radial-gradient(circle at 50% 30%, rgba(244, 122, 32, .2), transparent 60%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-seal-title span { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-seal-stamp { border-top-color: rgba(181, 82, 15, .30) !important; }

/* I7. Protected transaction flow (/trust, /terms): the protected stage is brand; tracking blue, review purple, release green. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-wrap { background-image: radial-gradient(640px 200px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%), linear-gradient(180deg, rgba(27, 24, 21, .4) 0%, rgba(27, 24, 21, 0) 80%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-protected .tx-flow-icon { border-color: rgba(244, 122, 32, .6) !important; }
html:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-connector { background-image: linear-gradient(90deg, rgba(244, 122, 32, .5) 0%, rgba(244, 122, 32, .35) 35%, rgba(159, 199, 232, .4) 65%, rgba(94, 168, 114, .5) 100%) !important; }
html:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-connector::after { box-shadow: 0 0 12px rgba(244, 122, 32, .7), 0 0 0 3px rgba(244, 122, 32, .15) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-icon { color: #3E7CA8 !important; border-color: rgba(62, 124, 168, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-verb { color: #6B655E !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-protected .tx-flow-icon { color: #B5520F !important; border-color: rgba(224, 106, 18, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-protected .tx-flow-verb { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-fork .tx-flow-icon { color: #7A53D6 !important; border-color: rgba(122, 83, 214, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-fork .tx-flow-verb { color: #7A53D6 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-terminal .tx-flow-icon { color: #2A7E4F !important; border-color: rgba(42, 126, 79, .40) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .tx-flow-node.is-terminal .tx-flow-verb { color: #2A7E4F !important; }

/* I8. Registration codes and compliance terms (light): codes in cards are blue, compliance / PAIA is purple, as in dark. */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .pks-reg-code { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) :is(.dossier-hero, .dossier-card, .dossier-disclosure) .pks-reg-code { color: #2B6A94 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) :is(.pks-accent-compliance, .trust-compliance-term, .paia-doc-title) { color: #7A53D6 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .pks-compliance-badge { color: #7A53D6 !important; background-color: #F4F1FC !important; border-color: #DED4F5 !important; }

/* I9. Icon chips (light). Dark keeps its multi-colour icon set; pks-fresh made them all gold in light, now orange. */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) :is(.dossier-evidence-icon, .pr-card-icon, .pp-art-condition-icon, .pp-art-right-icon, .cat-tile-icon) { color: #B5520F !important; background-color: #FEF4ED !important; border-color: #FBCCAA !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) .pks-visual-card-icon { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .cat-tile svg { color: #B5520F !important; stroke: #B5520F !important; }

/* I10. Page-visual bits: flow / timeline / operator chain / disclosure identity. */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page), .hiw-page, main.wis) :is(.pks-flow-eyebrow, .pks-timeline-eyebrow, .pks-operator-title, .pks-disc-identity-body a, .pks-flow-arrow, .pks-timeline-arrow, .pks-operator-arrow, .pks-disc-identity-icon) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pp-page .pks-operator-chain .pks-operator-node:nth-child(1) { box-shadow: inset 0 3px 0 0 #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pp-page .pks-operator-chain .pks-operator-node:nth-child(1) .pks-operator-title { color: #F47A20 !important; }

/* I11. Warning / pending = yellow-amber (#E8B339 dark, #8A6500 light), never orange. These spots hard-coded the old
   orange-amber warning (#E3902D / #E08B24) or, in light mode, a gold / brown stand-in for it. */
/* "Not yet" status (/trust, /about, /terms, /privacy, /popia) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-mark.notyet { background-image: repeating-linear-gradient(135deg, rgba(232, 179, 57, .55) 0 2px, transparent 2px 4px) !important; border-color: rgba(232, 179, 57, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dossier-page:is(.hp-page, .sf-page, .trust-page, .ab-page, .ctc-page, .tos-page, .pr-page, .pp-page, .ck-page, .ld-page) .dossier-card-status.is-notyet { color: #8A6500 !important; }
/* /how-it-works "If something goes wrong" protected-review lane (its icon chips are pks-art and follow the brand art) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review :is(.hiw-flow-section-eyebrow, .hiw-process-card-num) { color: #E8B339 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review :is(.hiw-flow-section-eyebrow, .hiw-process-card-num) { color: #8A6500 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review .hiw-process-card { border-color: rgba(232, 179, 57, .22) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review .hiw-process-card:hover { border-color: rgba(232, 179, 57, .55) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review .hiw-process-card { border-color: rgba(138, 101, 0, .24) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section.is-review .hiw-process-card:hover { border-color: rgba(138, 101, 0, .50) !important; }
/* /safety "Review" protection pill and the report view's warning card icon */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-review { --accent: #E8B339 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-review::before { background: #8A6500 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-report-card .sf-rep-conf-card.is-warning .sf-rep-conf-icon { color: #E8B339 !important; border-color: rgba(232, 179, 57, .40) !important; background-color: rgba(232, 179, 57, .06) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-report-card .sf-rep-conf-card.is-warning .sf-rep-conf-icon { color: #8A6500 !important; background-color: #F6F3EB !important; border-color: #E2D8BF !important; }

/* ---- /how-it-works ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-eyebrow { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-step-num { background-color: rgba(244, 122, 32, .08) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-step-num { color: #B5520F !important; border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page :is(.hiw-step-body a, .hiw-tag span) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .hiw-page .hiw-tag { background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-tag { color: #B5520F !important; background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(181, 82, 15, .30) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-callout { border-color: rgba(244, 122, 32, .32) !important; background-image: linear-gradient(180deg, rgba(244, 122, 32, .08) 0%, transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page :is(.hiw-hero, .hiw-status-strip, .hiw-flow.is-active, .hiw-protect-cta, .hiw-callout, .hiw-process-card) { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .hiw-page .hiw-flow-section:not(.is-review) .hiw-process-card:hover { border-color: rgba(244, 122, 32, .4) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-process-card-num { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hiw-page .hiw-protect-cta { background-image: linear-gradient(rgba(244, 122, 32, .10), rgba(244, 122, 32, .10)) !important; border-color: rgba(244, 122, 32, .42) !important; border-left-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .hiw-page .hiw-protect-cta-icon { background-color: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-protect-cta-icon { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .hiw-page .hiw-protect-cta-btn:hover { background: #FF8A3D !important; box-shadow: 0 8px 18px -10px rgba(244, 122, 32, .6) !important; }
html:not(#pkb):not(#pkc) body .hiw-page .hiw-cta-primary:hover { background: #FF8A3D !important; border-color: #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-cta a.hiw-cta-primary { color: #141414 !important; background: #F47A20 !important; border-color: #E06A12 !important; box-shadow: 0 10px 22px -14px rgba(224, 106, 18, .55), inset 0 1px 0 rgba(255, 255, 255, .22) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-cta a.hiw-cta-primary:hover { background: #FF8A3D !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hiw-page .hiw-cta-secondary:hover { color: #B5520F !important; border-color: #F47A20 !important; }

/* ---- /help ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page :is(.hp-jump-label, .hp-pin, .hp-support-email, .hp-support-left a, .hp-support-fallback a) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .hp-page .hp-jump-label::before { box-shadow: 0 0 8px rgba(244, 122, 32, .6) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hp-page .hp-jump-chip:hover { border-color: rgba(244, 122, 32, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page .hp-jump-chip:hover { border-color: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page .hp-jump-chip:hover span:first-child { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .hp-page .hp-top-asked .hp-pin { background-image: linear-gradient(135deg, rgba(255, 154, 82, .18), rgba(244, 122, 32, .06)) !important; border-color: rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .hp-page .hp-top-asked .hp-pin::before { box-shadow: 0 0 8px rgba(244, 122, 32, .7) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hp-page .hp-support-card { border-color: rgba(244, 122, 32, .32) !important; background-image: radial-gradient(420px 240px at 0% 0%, rgba(244, 122, 32, .08), transparent 70%), linear-gradient(180deg, rgba(27, 24, 21, .55), rgba(27, 24, 21, 0)) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page :is(.hp-jump, .hp-support-card) { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .hp-page .hp-support-card > .hp-support-right { background-image: linear-gradient(180deg, rgba(244, 122, 32, .05), rgba(27, 24, 21, 0)) !important; }
html:not(#pkb):not(#pkc) body .hp-page .hp-support-email { border-bottom-color: rgba(244, 122, 32, .25) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hp-page .hp-support-cta { color: #141414 !important; background-image: linear-gradient(135deg, #FF9A52 0%, #F47A20 50%, #E06A12 100%) !important; box-shadow: 0 4px 14px rgba(244, 122, 32, .28), inset 0 1px 0 rgba(255, 255, 255, .4) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hp-page .hp-support-cta:hover { box-shadow: 0 6px 20px rgba(244, 122, 32, .38), inset 0 1px 0 rgba(255, 255, 255, .4) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page .hp-support-cta { background: #F47A20 !important; color: #141414 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .hp-page .pks-help-card:has(.pks-help-card-art):hover { border-color: #F47A20 !important; box-shadow: 0 10px 24px -16px rgba(181, 82, 15, .40) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .hp-page .pks-help-card:has(.pks-help-card-art):hover { border-color: rgba(244, 122, 32, .6) !important; }

/* ---- /safety ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page :is(.sf-breadcrumb-here, .sf-breadcrumb a:hover) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-breadcrumb-here::before { box-shadow: 0 0 6px rgba(244, 122, 32, .65) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-hero-tabs { border-color: rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-hero-tab:hover { background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-hero-tab.is-active, html:not(#pkb):not(#pkc) body .sf-page .sf-hero-tab.is-active:hover { color: #141414 !important; background: linear-gradient(135deg, #FF9A52 0%, #F47A20 50%, #E06A12 100%) !important; box-shadow: 0 4px 14px rgba(244, 122, 32, .28), inset 0 1px 0 rgba(255, 255, 255, .4) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-hero-module-link::before { box-shadow: 0 0 6px rgba(244, 122, 32, .6) !important; }
@media (hover: hover) {
  html:not(#pkb):not(#pkc) body .sf-page .sf-hero-module-link:hover { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .06) !important; }
}
/* the five protection pills: money is brand; courier blue, chat purple, verified green and review amber keep their roles */
html:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-money { --accent: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill::before { background: #E06A12 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-courier::before { background: #3E7CA8 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-chat::before { background: #7A53D6 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-pill.is-verified::before { background: #2A7E4F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-protection-status { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-module::after { background-image: linear-gradient(135deg, rgba(244, 122, 32, .16) 0%, rgba(244, 122, 32, .04) 30%, transparent 60%, rgba(244, 122, 32, .04) 80%, rgba(244, 122, 32, .12) 100%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-module-num { color: rgba(255, 154, 82, .9) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page :is(.sf-module-num, .sf-timeline-active .sf-timeline-when, .sf-module-points a) { color: #B5520F !important; }
/* "Core differentiator" and "Pakstoor will never" are red in dark (the never-list is red); light mode had painted them gold */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page :is(.sf-module-num-em, .sf-wont-eyebrow) { color: #B42318 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-vault [data-i18n="sf.vault.status"] { color: #2A7E4F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-vs-arrow { color: rgba(255, 154, 82, .7) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-vs-arrow { color: rgba(181, 82, 15, .75) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-timeline-active { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .04) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-cta { background-image: radial-gradient(560px 280px at 50% 0%, rgba(244, 122, 32, .06), transparent 70%), linear-gradient(180deg, rgba(27, 24, 21, .5), rgba(27, 24, 21, 0)) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-cta { background-image: radial-gradient(560px 280px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-cta::before { color: #B5520F !important; }
/* Report view (shown by the "Report" tab). Severity chips and the warning icon keep their colours. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-report-card { background-image: radial-gradient(1200px 400px at 100% -10%, rgba(244, 122, 32, .08), transparent 60%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page :is(.sf-report-eyebrow, .sf-report-tile-cta, .sf-rep-status-label, .sf-rep-section-kicker) { color: #FF9A52 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-report-tile:hover { border-color: rgba(244, 122, 32, .4) !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-rep-console-foot { border-color: rgba(244, 122, 32, .32) !important; background-image: linear-gradient(90deg, rgba(244, 122, 32, .07), rgba(244, 122, 32, 0)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-rep-console-foot { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-rep-console-foot { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-rep-timeline::before { background-image: linear-gradient(90deg, rgba(244, 122, 32, .08), rgba(244, 122, 32, .55) 25%, rgba(244, 122, 32, .55) 75%, rgba(244, 122, 32, .08)) !important; }
@media (max-width: 720px) {
  html:not(#pkb):not(#pkc) body .sf-page .sf-rep-tl-step { border-left-color: rgba(244, 122, 32, .35) !important; }
}
/* report console radar drawing: gold rings are brand; the amber / yellow / red / purple severity marks keep their colours */
html:not(#pkb):not(#pkc) body .sf-page .sf-rep-art svg [stroke="#D9A625" i] { stroke: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .sf-page .sf-rep-art svg [fill="#D9A625" i] { fill: #F47A20 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .sf-page .sf-rep-not-card:hover { border-color: rgba(244, 122, 32, .4) !important; background-color: rgba(244, 122, 32, .04) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-rep-not-card-arrow { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-report-card :is(.sf-report-eyebrow, .sf-rep-section-kicker, .sf-report-tile-cta, .sf-rep-console-foot span) { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-report-card :is(.sf-rep-outcome-glyph, .sf-rep-conf-icon, .sf-rep-tl-dot) { color: #B5520F !important; background-color: #FEF4ED !important; border-color: #FBCCAA !important; }
/* the "confidential" card icon is the info blue in dark; light mode had painted it gold */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sf-page .sf-report-card .sf-rep-conf-card:not(.is-warning) .sf-rep-conf-icon { color: #2B6A94 !important; background-color: #F0F5F8 !important; border-color: #CFDEE9 !important; }

/* ---- /trust: "How your level can change" panel (the level cards themselves keep their tier colours) ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .trust-page .tl-rules { --tl-gold: #B5520F !important; --tl-chip: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .trust-page .tl-rules { --tl-gold: #FF9A52 !important; --tl-chip: rgba(244, 122, 32, .14) !important; }

/* ---- /about ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .ab-page a.card-item.ab-pcard { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ab-page a.card-item.ab-pcard:hover { border-color: rgba(244, 122, 32, .42) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ab-page a.card-item.ab-pcard:hover .ab-pcard-visit { color: #B5520F !important; }

/* ---- /contact: desk colour roles (brand / privacy / legal / press / security / community) ---- */
html:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-support { --ctc-accent: #F47A20 !important; --ctc-accent-halo: rgba(244, 122, 32, .22) !important; }
html:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-security { --ctc-accent-halo: rgba(232, 179, 57, .22) !important; }
html:not(#pkb):not(#pkc) body .ctc-page .ctc-desk-mail { border-bottom-color: rgba(244, 122, 32, .18) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ctc-page .ctc-hours-status.is-closed { border-color: rgba(232, 179, 57, .40) !important; background-color: rgba(232, 179, 57, .06) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-hours-status.is-closed { color: #8A6500 !important; border-color: rgba(138, 101, 0, .35) !important; background-color: rgba(232, 179, 57, .10) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ctc-page .ctc-alt-card:hover { border-color: rgba(244, 122, 32, .35) !important; background-image: linear-gradient(180deg, rgba(244, 122, 32, .06) 0%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .ctc-page .ctc-alt-card:hover .ctc-alt-arrow { border-color: rgba(244, 122, 32, .5) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-alt-card:hover .ctc-alt-arrow { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page :is(.ctc-desk, .ctc-status-strip, .ctc-panel, .ctc-alt-card, .ctc-office-card) { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page :is(.ctc-panel-kicker, .ctc-panel-left em) { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-support { --ctc-l: #B5520F !important; --ctc-l-bg: #FEF4ED !important; --ctc-l-line: #FBCCAA !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-privacy { --ctc-l: #7A53D6 !important; --ctc-l-bg: #F4F1FC !important; --ctc-l-line: #DED4F5 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-legal { --ctc-l: #2B6A94 !important; --ctc-l-bg: #F0F5F8 !important; --ctc-l-line: #CFDEE9 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-press { --ctc-l: #2A7E4F !important; --ctc-l-bg: #EEF5F1 !important; --ctc-l-line: #CADFD3 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-security { --ctc-l: #8A6500 !important; --ctc-l-bg: #F6F3EB !important; --ctc-l-line: #E2D8BF !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-community { --ctc-l: #6B655E !important; --ctc-l-bg: #F5F3F0 !important; --ctc-l-line: #E2DDD5 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk :is(.ctc-desk-mail, .ctc-desk-cta span) { color: var(--ctc-l, #B5520F) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk .ctc-desk-glyph { color: var(--ctc-l, #B5520F) !important; background-color: var(--ctc-l-bg, #FEF4ED) !important; border-color: var(--ctc-l-line, #FBCCAA) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk .ctc-desk-cta:is(:hover, :focus-visible) { border-color: var(--ctc-l, #B5520F) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk .ctc-desk-status { color: #2A7E4F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-page .ctc-desk.is-community .ctc-desk-status { color: #6B655E !important; }
/* the mail picker popover (js/contact.js) */
html:not(#pkb):not(#pkc) body .ctc-mail-picker::before { background-image: linear-gradient(90deg, transparent, rgba(244, 122, 32, .30), transparent) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ctc-mail-picker-glyph { color: rgba(255, 154, 82, .9) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-mail-picker-glyph { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ctc-mail-picker svg { color: #B5520F !important; }

/* ---- /terms: category tiles ---- */
html:not(#pkb):not(#pkc) body .tos-page .cat-tile::after { background-image: linear-gradient(135deg, rgba(244, 122, 32, .18) 0%, transparent 30%, transparent 70%, rgba(244, 122, 32, .1) 100%) !important; }
@media (hover: hover) {
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body .tos-page .cat-tile:hover { box-shadow: 0 1px rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(244, 122, 32, .18) inset, 0 22px 40px -22px rgba(0, 0, 0, .45), 0 6px 14px -8px rgba(244, 122, 32, .10) !important; }
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .tos-page .cat-tile:hover { box-shadow: 0 6px 20px rgba(244, 122, 32, .22), 0 0 0 1px #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .tos-page .cat-tile-count { color: #B5520F !important; }

/* ---- /privacy + /popia: data-flow tree ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-tree { background-image: radial-gradient(560px 220px at 22% 50%, rgba(244, 122, 32, .08), transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-tree-eyebrow { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) :is(.pp-tree-eyebrow, .pp-flux-cat) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-stream::before { background-image: linear-gradient(180deg, rgba(244, 122, 32, .5), rgba(244, 122, 32, .25)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-row::before { background-color: rgba(244, 122, 32, .42) !important; }
html:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-chip + .pp-flux-chip::before, html:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-core::after { background-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-chip:hover { border-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-core { border-color: rgba(244, 122, 32, .5) !important; background-image: radial-gradient(circle at 50% 32%, rgba(255, 154, 82, .16), transparent 66%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-core { background-color: #FEF4ED !important; border-color: #FBCCAA !important; box-shadow: 0 10px 24px -16px rgba(224, 106, 18, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-core-ring { border-color: rgba(224, 106, 18, .35) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) .pp-flux-ico { background-color: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .5) !important; color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pr-page, .pp-page) :is(.pp-flux-ico, .pp-flux-chip-ico) { color: #B5520F !important; background-color: #FDE3CF !important; }

/* ---- /privacy ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page .pr-retention { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page :is(.pr-retention-eyebrow, .pr-retention-label svg) { color: #B5520F !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pr-page .pr-retention-bar:not(.is-blue):not(.is-variable) { background-image: linear-gradient(90deg, rgba(244, 122, 32, .5), rgba(244, 122, 32, .85)) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page .pr-retention-bar { background: linear-gradient(90deg, #FF8A3D, #F47A20) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page .pr-retention-row:nth-child(n+4) .pr-retention-bar { background: repeating-linear-gradient(135deg, #F47A20 0 6px, #FDE3CF 6px 12px) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pr-page .pr-pillar { background-image: radial-gradient(180px 80px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page :is(.pr-right, .pr-pillar) { background-image: radial-gradient(180px 80px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pr-page .pr-right-icon { background-color: rgba(244, 122, 32, .06) !important; background-image: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .18), transparent 60%) !important; border-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pr-page .pr-right:hover { border-color: rgba(244, 122, 32, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page .pr-right:hover { border-color: rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .pr-page .pr-pillar-icon { background-image: linear-gradient(180deg, rgba(244, 122, 32, .12), rgba(244, 122, 32, .03)) !important; border-color: rgba(244, 122, 32, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pr-page :is(.pr-right-icon, .pr-pillar-icon) { color: #B5520F !important; }

/* ---- /popia ---- */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pp-page .pp-art-conditions { background-image: radial-gradient(640px 220px at 50% 0%, rgba(244, 122, 32, .07), transparent 70%), radial-gradient(640px 220px at 50% 100%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pp-page :is(.pp-art-conditions, .pp-art-rights) { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pp-page .pp-art-conditions::before { background-image: linear-gradient(180deg, transparent 0%, rgba(244, 122, 32, .32) 14%, rgba(244, 122, 32, .32) 86%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pp-page :is(.pp-art-conditions-eyebrow, .pp-art-condition-num) { color: #B5520F !important; }
html:not(#pkb):not(#pkc) body .pp-page .pp-art-condition:hover { border-color: rgba(244, 122, 32, .32) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 8px 22px rgba(0, 0, 0, .18), 0 0 0 1px rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body .pp-page .pp-art-condition-num { background-color: rgba(244, 122, 32, .08) !important; background-image: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .20), transparent 60%) !important; border-color: rgba(244, 122, 32, .55) !important; }
/* light: a paler tint so the #B5520F number keeps 4.5:1 */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pp-page .pp-art-condition-num { background-color: rgba(244, 122, 32, .04) !important; background-image: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .06), transparent 60%) !important; }
html:not(#pkb):not(#pkc) body .pp-page .pp-art-right:hover { border-color: rgba(244, 122, 32, .32) !important; }

/* ---- /what-is-pakstoor (own tokens) ---- */
html:not(#pkb):not(#pkc) body main.wis { --w-gold: #F47A20 !important; --w-goldt: #B5520F !important; --w-goldbg: #FEF4ED !important; --w-goldline: #FBCCAA !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body main.wis { --w-goldt: #FF9A52 !important; --w-goldbg: #3D2B1D !important; --w-goldline: #613A1D !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body main.wis .wis-hero { background-image: radial-gradient(640px 420px at 80% 46%, rgba(244, 122, 32, .13), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body main.wis .wis-hero { background-image: radial-gradient(640px 420px at 80% 46%, rgba(244, 122, 32, .07), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-kicker::before { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-title mark { background-image: linear-gradient(transparent 60%, rgba(244, 122, 32, .34) 60%, rgba(244, 122, 32, .34) 92%, transparent 92%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body main.wis .wis-chips svg { stroke: #F47A20 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body main.wis .wis-chips svg { stroke: #E06A12 !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-btn-gold { color: #141414 !important; background-color: #F47A20 !important; box-shadow: 0 10px 22px -12px rgba(224, 106, 18, .75) !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-btn-gold:hover { background-color: #FF8A3D !important; }
html:not(#pkb):not(#pkc) body main.wis :is(.wis-num, .wis-vs-new .wis-vs-tag, .wis-vs-new .wis-ico) { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-vs-new { background-image: radial-gradient(440px 240px at 100% 0%, rgba(244, 122, 32, .22), transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body main.wis .wis-vs-new { border-color: rgba(244, 122, 32, .55) !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-side li::before { background-color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-band { background-image: radial-gradient(600px 300px at 15% 0%, rgba(255, 255, 255, .28), transparent 70%), linear-gradient(135deg, #FF9A52 0%, #F47A20 55%, #E06A12 100%) !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-slogan em { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body main.wis .wis-btn-dark { color: #FDE3CF !important; }
/* buttons on the orange band: a dark focus ring (the shared orange ring would vanish on the orange ground) */
html:not(#pkb):not(#pkc) body main.wis .wis-band .wis-btn:focus-visible { outline-color: rgba(20, 18, 15, .6) !important; }

/* ---- "Buy Smart. Sell Safe." closing band (/how-it-works, /safety, /trust only) ---- */
html:not(#pkb):not(#pkc) body .pks-band { background-image: radial-gradient(600px 300px at 15% 0%, rgba(255, 255, 255, .28), transparent 70%), linear-gradient(135deg, #FF9A52 0%, #F47A20 55%, #E06A12 100%) !important; }
html:not(#pkb):not(#pkc) body .pks-band .pks-band-slogan em { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .pks-band .pks-band-btn-dark { color: #FDE3CF !important; }
html:not(#pkb):not(#pkc) body .pks-band .pks-band-btn:focus-visible { outline-color: rgba(20, 18, 15, .55) !important; }

/* ---- Shared header chrome seen on every info page. Site-wide: the account, deals-money, marketplace and messages-disputes
   sweeps carry the same rules (these lines match theirs), so keep one copy when merging. ---- */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-ledger-item strong { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .05) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon:hover, html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon:focus-visible { border-color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .10) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .nav-login-icon-dot { background: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .scroll-progress { background: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .scroll-progress { background: linear-gradient(90deg, var(--pk-brand-press) 0%, var(--pk-brand) 100%) !important; }
/* text selection and dark-theme scrollbar thumbs (core.css paints both gold); same lines as the account sweep */
html:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc)::-webkit-scrollbar-thumb,
html:not([data-theme="light"]):not(#pkb):not(#pkc) *::-webkit-scrollbar-thumb { background-image: linear-gradient(180deg, rgba(244, 122, 32, .45), rgba(224, 106, 18, .55)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc)::-webkit-scrollbar-thumb:hover,
html:not([data-theme="light"]):not(#pkb):not(#pkc) *::-webkit-scrollbar-thumb:hover { background-image: linear-gradient(180deg, rgba(244, 122, 32, .65), rgba(224, 106, 18, .75)) !important; }

/* ---- 16. Messages and disputes: /messages, /my-disputes, /protected-dispute-review, /report-bug -------------- */
/* ---- sweep: messages-disputes ---- */
/* Pages: /messages (empty state + chat chrome), /my-disputes, /protected-dispute-review, /report-bug, /disputes (redirect stub).
   Brand Pack v1.0: brand gold -> orange. Kept on purpose (meaning, not brand): star ratings, the deal stamp
   (.pks-protected-seal / .pks-stamp, all its states), trust glows, warning + pending states (gold pending pills, the
   my-disputes "Active dispute" banner, dossier "soon" marks, the return lane tone), green / red / blue / purple states.
   Warning states that were orange-amber (#E08B24, #E3902D) move to the yellow-amber warn token so they cannot be read
   as brand orange (same rule as section 1 of this file). Colours only. */

/* ---- A. Shared chrome seen on these pages (injected by shell.js / pks-utils.js on every page; dedupe if another
   group ships the same rules) ---------------------------------------------------------------------------------- */
/* SHARED focus ring (worth moving into section 3). core.css draws the keyboard focus ring as a box-shadow with
   outline:none, in gold, through --focus-ring / --glow-gold and one generic :focus-visible rule; section 3 only
   re-colours outlines, so most focused controls still ring gold. Both tokens are used for focus indicators only
   (core, shell, light-mode, page-visuals), so re-pointing them is safe. The generic rule is replaced at core.css's own
   specificity (:where adds none), so every component's own focus ring still wins. 3:1 on both grounds. */
:root:not(#pkb) { --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px #F47A20; --glow-gold: 0 0 0 3px rgba(244, 122, 32, .65); }
:root[data-theme="light"]:not(#pkb) { --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px #B5520F; --glow-gold: 0 0 0 3px rgba(181, 82, 15, .75); }
:where(html:not(#pkb)) :focus-visible { box-shadow: var(--focus-ring); }
html:not(#pkb):not(#pkc) body .nav-badge { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-ledger-item strong { color: var(--pk-brand-text-light) !important; }
/* language menu: the open button edge and the active code are gold in the dark theme only; light marks the active row with a cream tint */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang.is-open .lang-btn { border-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang-item.is-active .lang-item-code { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .lang-item.is-active { background-color: #FFF1E6 !important; }
html:not(#pkb):not(#pkc) body .nav-search-input:focus { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nav-search-input:focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .20) !important; }
/* signed-out account icon: the light theme draws it white + neutral, so only the dot changes there (its glow stays off) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon { border-color: rgba(244, 122, 32, .30) !important; background-color: rgba(244, 122, 32, .05) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon:hover,
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-login-icon:focus-visible { border-color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .10) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not(#pkb):not(#pkc) body .nav-login-icon-dot { background: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .nav-link::after { background-image: linear-gradient(to right, rgba(244, 122, 32, 0), rgba(244, 122, 32, .85), rgba(244, 122, 32, 0)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-search:focus-within { box-shadow: inset 0 0 0 1px rgba(244, 122, 32, .35), 0 0 0 4px rgba(244, 122, 32, .10), 0 12px 28px -16px rgba(244, 122, 32, .30) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-menu::before { background: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .32) 40%, rgba(244, 122, 32, .42) 50%, rgba(244, 122, 32, .32) 60%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand-text-light) !important; }
/* menu item hover: gold wash in the dark theme only (light-mode draws it neutral) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-profile-item:not(.nav-profile-item-danger):hover { background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary:hover { background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .30) !important; }
/* dark theme scrollbars (the light theme already draws them neutral) */
/* (dark scrollbar thumb: section 12's rule keeps the original padding-box inset) */
html:not(#pkb):not(#pkc) body .scroll-progress { background: linear-gradient(90deg, #E06A12 0%, #FF9A52 50%, #F47A20 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .scroll-progress { background: linear-gradient(90deg, #E06A12 0%, #F47A20 100%) !important; }
html:not(#pkb):not(#pkc) body :is(.crumbs, .legal-crumbs) a:hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.crumbs, .legal-crumbs) a:hover { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-trust-nudge { border-color: rgba(244, 122, 32, .32) !important; }
/* pks-utils confirm modal + toast (offer accept / decline, hand-off choice) */
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-btn--confirm:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .pku-modal-icon--gold { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .14) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pku-modal-icon--gold { color: var(--pk-brand-text-light) !important; }
/* an input flagged .is-error keeps its red border while focused */
html:not(#pkb):not(#pkc) body .pku-modal-input:not(.is-error):focus { border-color: var(--pk-brand) !important; }
/* info toast edge: gold in the dark theme only */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pku-toast--info { border-left-color: var(--pk-brand) !important; }

/* ---- B. /messages ------------------------------------------------------------------------------------------- */
/* B1. Page header, account tabs, thread count. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-pageheader {
  background-image: radial-gradient(420px 180px at 100% 0%, rgba(244, 122, 32, .07), transparent 70%),
    radial-gradient(420px 220px at 0% 100%, rgba(159, 199, 232, .04), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .5) 0%, rgba(19, 17, 15, .6) 100%) !important;
}
html:not(#pkb):not(#pkc) body :is(.msg-pageheader-eyebrow, .msg-pageheader-ref-label) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-pageheader-eyebrow { color: var(--pk-brand-text-light) !important; }
/* the deal-reference chip shows in the dark theme only (pks-fresh hides it in light) */
html:not(#pkb):not(#pkc) body .msg-pageheader-ref { border-color: rgba(244, 122, 32, .30) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-tabs-standalone .acct-tab.is-active { color: var(--pk-brand) !important; border-bottom-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-tabs-standalone .acct-tab.is-active { border-bottom-color: var(--pk-brand-press) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-threads-count { color: var(--pk-brand) !important; }

/* B2. Thread list: panel wash, hover, selected thread, avatar initial, unread dot. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-threads {
  background-image: radial-gradient(360px 200px at 0% 0%, rgba(244, 122, 32, .04), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .45) 0%, rgba(19, 17, 15, .55) 100%) !important;
}
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.msg-threads-head, .msg-chat-head) { background-image: linear-gradient(180deg, rgba(244, 122, 32, .03) 0%, transparent 100%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-thread:hover:not(.is-active) { background: rgba(244, 122, 32, .04) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-thread:hover::before { background: linear-gradient(180deg, transparent 0%, rgba(244, 122, 32, .5) 50%, transparent 100%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.msg-thread, .msg-thread-item).is-active { background: linear-gradient(180deg, rgba(244, 122, 32, .07), rgba(244, 122, 32, .02)) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-thread, .msg-thread-item).is-active::before { background: linear-gradient(180deg, transparent 0%, var(--pk-brand) 30%, var(--pk-brand) 70%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.msg-thread, .msg-thread-item).is-active,
html[data-theme="light"]:not(#pkb):not(#pkc) body #msgThreadList .msg-thread.is-active:hover { background: rgba(244, 122, 32, .07) !important; box-shadow: inset 3px 0 0 var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-thread-avatar { border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body .msg-thread-avatar-letter { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-thread-avatar-letter { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-thread-dot { background: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10), 0 0 12px rgba(244, 122, 32, .45) !important; }
/* Meaning: a deal in progress is a pending state -> yellow-amber (was orange-amber #E08B24). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-thread.is-progress { border-left-color: var(--pk-warn) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-thread.is-progress:not(.is-active):not(:hover) { background-image: linear-gradient(to right, rgba(232, 179, 57, .05), transparent 40%) !important; }
html:not(#pkb):not(#pkc) body .msg-thread-status-flag.is-progress { background: var(--pk-warn) !important; color: #141414 !important; box-shadow: 0 1px 4px rgba(232, 179, 57, .5) !important; }

/* B3. Chat panel + header: wash, listing price, offer / ask buttons (hover), back button, listing hover. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-chat {
  background-image: radial-gradient(420px 220px at 100% 0%, rgba(244, 122, 32, .04), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .45) 0%, rgba(19, 17, 15, .55) 100%) !important;
}
/* Watermark crest behind the conversation: the old flat logo becomes the Brand Pack lockup (same size, same 2.5% opacity). */
html:not(#pkb):not(#pkc) body .msg-chat::before { background-image: url("/images/pakstoor-logo-h-dark.webp?v=v1.0-000001") !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-chat::before { background-image: url("/images/pakstoor-logo-h-light@3x.webp?v=v1.0-000001") !important; }
html:not(#pkb):not(#pkc) body .msg-chat-listing-price { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.msg-chat-listing-price, .msg-chat-offer-label) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-chat-offer-open, .msg-chat-ask-open, .msg-chat-back):hover { border-color: rgba(244, 122, 32, .5) !important; background-color: rgba(244, 122, 32, .08) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.msg-chat-offer-open, .msg-chat-ask-open, .msg-chat-back):hover { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-page .msg-chat-listing:hover { background-color: rgba(244, 122, 32, .04) !important; }

/* B4. Stream cards: offer + question cards, system line, outgoing bubble. */
/* question cards (.msg-question) keep their blue info frame */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-offer:not(.msg-question) {
  border-color: rgba(244, 122, 32, .25) !important;
  background-image: radial-gradient(280px 120px at 100% 0%, rgba(244, 122, 32, .06), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .55) 0%, rgba(19, 17, 15, .65) 100%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-offer.is-out { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(181, 82, 15, .24) !important; }
html:not(#pkb):not(#pkc) body .msg-offer:not(.msg-question)::before { background-image: linear-gradient(90deg, transparent, var(--pk-brand), transparent) !important; }
/* an answered question keeps its green bar */
html:not(#pkb):not(#pkc) body .msg-offer.msg-question:not(.is-answered)::before { background-color: var(--pk-brand) !important; }
/* card label + icon; "Buy at asking price" cards keep their green label */
html:not(#pkb):not(#pkc) body .msg-offer:not(.is-buy) .msg-offer-head-left { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-offer:not(.is-buy) .msg-offer-head-left { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.msg-offer-amount, .msg-order-amount) { color: var(--pk-brand) !important; }
/* the order amount stays gold in the light theme too (offer amounts do not) */
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-order-amount { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-offer-btn.is-primary {
  background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 12px rgba(244, 122, 32, .22) !important;
}
html:not(#pkb):not(#pkc) body .msg-offer-btn.is-primary:hover { background: var(--pk-brand-hover) !important; border-color: var(--pk-brand-press) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 6px 18px rgba(244, 122, 32, .38) !important; }
/* ghost buttons (decline / cancel) keep their red hover */
html:not(#pkb):not(#pkc) body .msg-offer-btn:not(.is-primary):not(.is-ghost):hover { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .06) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-offer-btn:not(.is-primary):not(.is-ghost):hover { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-offer-autorules-btn:hover, .msg-offer-autorules-btn.is-active) { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .10) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.msg-offer-autorules-btn:hover, .msg-offer-autorules-btn.is-active) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-autorules-title, .msg-autorules-row label strong) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.msg-autorules-title, .msg-autorules-row label strong) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-order-head { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-order-head { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-order-opt:hover { border-color: rgba(244, 122, 32, .4) !important; background-color: rgba(244, 122, 32, .05) !important; }
html:not(#pkb):not(#pkc) body .msg-system strong { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-system strong { color: var(--pk-brand-text-light) !important; }
/* the purple return-process line (.pks-return-system) keeps its purple wash */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-system:not(.pks-return-system) { background: radial-gradient(180px 40px at 50% 50%, rgba(244, 122, 32, .05), transparent 70%), rgba(27, 24, 21, .4) !important; }
/* Rating modal: the stars stay gold (ratings); its focus ring and submit button are brand. */
html:not(#pkb):not(#pkc) body :is(.msg-rating-comment, .pks-rate-comment):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .14) !important; }
html:not(#pkb):not(#pkc) body .pks-rate-btn-primary { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pks-rate-btn-primary:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }

/* B5. Composer footer (mode label + accent line, quick-question send, custom question, return panel buttons). */
/* only the five gold modes (+ the no-mode fallback); return = red, support = blue, completed = green keep their colours */
html:not(#pkb):not(#pkc) body .pmc-footer:not([data-mode]),
html:not(#pkb):not(#pkc) body .pmc-footer:is([data-mode="pre_sale_controlled"], [data-mode="offer_controlled"], [data-mode="paid_fulfillment_controlled"], [data-mode="transit_controlled"], [data-mode="delivered_inspection"]) {
  --pmc-footer-accent: rgba(244, 122, 32, .50) !important; --pmc-footer-label: var(--pk-brand) !important;
}
/* Meaning: the review mode is a warning -> yellow-amber accent (was orange-amber); its label already uses var(--warning). */
html:not(#pkb):not(#pkc) body .pmc-footer[data-mode="review_evidence"] { --pmc-footer-accent: rgba(232, 179, 57, .65) !important; --pmc-footer-label: var(--warning) !important; }
html:not(#pkb):not(#pkc) body .pmc-footer[data-mode="review_evidence"] .pmc-footer-custom { border-color: rgba(232, 179, 57, .32) !important; }
html:not(#pkb):not(#pkc) body .pmc-footer-custom-badge { color: var(--pk-warn) !important; background: rgba(232, 179, 57, .10) !important; border-color: rgba(232, 179, 57, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmc-footer-custom-badge { color: var(--pk-warn-light) !important; background: rgba(232, 179, 57, .14) !important; border-color: rgba(138, 101, 0, .32) !important; }
html:not(#pkb):not(#pkc) body .pmc-footer:is(:not([data-mode]), [data-mode="pre_sale_controlled"], [data-mode="offer_controlled"], [data-mode="paid_fulfillment_controlled"], [data-mode="transit_controlled"], [data-mode="delivered_inspection"]) .pmc-footer-custom { border-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body :is(.pmc-quickq-send, .pmc-footer-custom-send) { border-color: rgba(244, 122, 32, .55) !important; background-color: rgba(244, 122, 32, .10) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pmc-quickq-send, .pmc-footer-custom-send) { border-color: rgba(181, 82, 15, .45) !important; color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.pmc-quickq-send, .pmc-footer-custom-send):hover:not([disabled]) { background-color: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body :is(.pmc-return-btn-primary, .pmc-modal-btn-primary) { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pmc-reason-item input { accent-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pmc-modal-textarea:focus { border-color: var(--pk-brand) !important; }

/* B6. Tracking panel (Lane 1 / Lane 2): header code + title, lane eyebrows, the courier van, action buttons, copy hover.
   The lane tones stay: delivery green, return (normal) gold = pending return, dispute red, cancelled / refunded pills. */
html:not(#pkb):not(#pkc) body .pmt-header-code-value { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.pmt-header-code-value, .pmt-header-title) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pmt-tracks .pmt-card-eyebrow { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmt-tracks .pmt-card-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pmt-tracks { --pv-gold: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .pmt-road-van .pv-box { fill: #FDE3CF !important; }
/* the same van drawn as a data-URI above the current milestone step: gold cab + tape -> orange, gold-tint box -> orange tint
   (green stripe, headlight and outlines unchanged). Light and dark copies, as in pks-tracks-road.css. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmt-tracks .pks-ms-step.is-current::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20112%2070%27%3E%3Cpath%20d%3D%27M2%2030h12M0%2040h10M4%2050h10%27%20stroke%3D%27%23A39B92%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%2F%3E%3Cpath%20d%3D%27M28%2010l12-5%2012%205v10l-12%205-12-5z%27%20fill%3D%27%23FDE3CF%27%20stroke%3D%27%231E1B18%27%20stroke-width%3D%272.4%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M34%207.5l12%205%27%20stroke%3D%27%23F47A20%27%20stroke-width%3D%274%27%2F%3E%3Crect%20x%3D%2716%27%20y%3D%2720%27%20width%3D%2758%27%20height%3D%2734%27%20rx%3D%275%27%20fill%3D%27%23FFFFFF%27%20stroke%3D%27%231E1B18%27%20stroke-width%3D%273%27%2F%3E%3Crect%20x%3D%2722%27%20y%3D%2740%27%20width%3D%2746%27%20height%3D%275%27%20rx%3D%272.5%27%20fill%3D%27%232E9E5B%27%2F%3E%3Cpath%20d%3D%27M74%2030h17l12%2013v11H74z%27%20fill%3D%27%23F47A20%27%20stroke%3D%27%231E1B18%27%20stroke-width%3D%273%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M78%2034h11l8%209H78z%27%20fill%3D%27%23E9F1F4%27%2F%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2756%27%20r%3D%277.5%27%20fill%3D%27%231E1B18%27%2F%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2756%27%20r%3D%272.6%27%20fill%3D%27%23FFFFFF%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2756%27%20r%3D%277.5%27%20fill%3D%27%231E1B18%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2756%27%20r%3D%272.6%27%20fill%3D%27%23FFFFFF%27%2F%3E%3Ccircle%20cx%3D%27102%27%20cy%3D%2748%27%20r%3D%272%27%20fill%3D%27%23FFE7A3%27%2F%3E%3C%2Fsvg%3E") !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pmt-tracks .pks-ms-step.is-current::after { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20112%2070%27%3E%3Cpath%20d%3D%27M2%2030h12M0%2040h10M4%2050h10%27%20stroke%3D%27%23A39B92%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20opacity%3D%27.7%27%2F%3E%3Cpath%20d%3D%27M28%2010l12-5%2012%205v10l-12%205-12-5z%27%20fill%3D%27%23FDE3CF%27%20stroke%3D%27%23F1EFED%27%20stroke-width%3D%272.4%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M34%207.5l12%205%27%20stroke%3D%27%23F47A20%27%20stroke-width%3D%274%27%2F%3E%3Crect%20x%3D%2716%27%20y%3D%2720%27%20width%3D%2758%27%20height%3D%2734%27%20rx%3D%275%27%20fill%3D%27%233A3530%27%20stroke%3D%27%23F1EFED%27%20stroke-width%3D%273%27%2F%3E%3Crect%20x%3D%2722%27%20y%3D%2740%27%20width%3D%2746%27%20height%3D%275%27%20rx%3D%272.5%27%20fill%3D%27%232E9E5B%27%2F%3E%3Cpath%20d%3D%27M74%2030h17l12%2013v11H74z%27%20fill%3D%27%23F47A20%27%20stroke%3D%27%23F1EFED%27%20stroke-width%3D%273%27%20stroke-linejoin%3D%27round%27%2F%3E%3Cpath%20d%3D%27M78%2034h11l8%209H78z%27%20fill%3D%27%2357504A%27%2F%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2756%27%20r%3D%277.5%27%20fill%3D%27%23F1EFED%27%2F%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2756%27%20r%3D%272.6%27%20fill%3D%27%233A3530%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2756%27%20r%3D%277.5%27%20fill%3D%27%23F1EFED%27%2F%3E%3Ccircle%20cx%3D%2788%27%20cy%3D%2756%27%20r%3D%272.6%27%20fill%3D%27%233A3530%27%2F%3E%3Ccircle%20cx%3D%27102%27%20cy%3D%2748%27%20r%3D%272%27%20fill%3D%27%23FFE7A3%27%2F%3E%3C%2Fsvg%3E") !important; }
html:not(#pkb):not(#pkc) body .pmt-tracks :is(.pmt-act-btn-primary, .pmt-act-btn-gold),
html:not(#pkb):not(#pkc) body .pmt-act-btn-gold {
  background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important;
  box-shadow: 0 6px 14px -8px rgba(224, 106, 18, .6) !important;
}
html:not(#pkb):not(#pkc) body .pmt-tracks :is(.pmt-act-btn-primary, .pmt-act-btn-gold):hover,
html:not(#pkb):not(#pkc) body .pmt-act-btn-gold:hover { background: var(--pk-brand-hover) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmt-tracks .pmt-act-btn-ghost:hover { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .pmt-copy:hover { background-color: rgba(244, 122, 32, .12) !important; border-color: rgba(244, 122, 32, .4) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pmt-copy:hover { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }

/* B7. Milestone, Q&A and courier-tracking widgets inside the chat (scoped to the messages page). */
html:not(#pkb):not(#pkc) body .msg-page .pks-ms-btn-primary { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-ms-btn-primary:hover { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-ms-btn:not(.pks-ms-btn-primary):hover { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-qa-select:focus,
html:not(#pkb):not(#pkc) body .msg-page .pks-qa-textarea:focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .15) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-qa-question-display { border-left-color: var(--pk-brand) !important; }
/* the info notice + answered item edges are gold in the dark theme only; the warn notice keeps its warning gold */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-page :is(.pks-qa-notice.is-info, .pks-qa-item.is-answered) { border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-qa-btn-primary { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-qa-btn-primary:not(:disabled):hover { background: var(--pk-brand-hover) !important; }
/* light-mode draws this hover neutral */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-page .pks-qa-btn-secondary:hover { border-color: var(--pk-brand) !important; }
/* answer text is gold only in the dark theme (light-mode draws it ink) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-page .pks-qa-a-text { color: var(--pk-brand) !important; }
/* the seller avatar is a gold disc in the dark theme only */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-page .pks-qa-avatar-seller { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-tracking-status.is-progress { background-color: rgba(244, 122, 32, .12) !important; color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .4) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-page .pks-tracking-status.is-progress { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-tracking-event:is(.is-progress, .is-success) .pks-tracking-dot { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-tracking-event.is-success .pks-tracking-dot { background-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-tracking-event.is-latest .pks-tracking-dot { box-shadow: 0 0 0 3px rgba(244, 122, 32, .15) !important; }
html:not(#pkb):not(#pkc) body .msg-page .pks-tracking-event.is-latest .pks-tracking-event-status { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-page .pks-tracking-event.is-latest .pks-tracking-event-status { color: var(--pk-brand-text-light) !important; }

/* B7b. Protected Review timeline (CSS injected by pks-review-timeline.js; the same component also renders on /deal): the
   complete / current markers are the brand progress accent, like the homepage steps. Pending markers stay neutral and the
   light theme keeps its grey marker ring (light-mode.css); the dark tick on the complete marker is unchanged. */
html:not(#pkb):not(#pkc) body .pks-rtl-step.is-complete .pks-rtl-marker { background-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-rtl-step:is(.is-complete, .is-current) .pks-rtl-marker { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pks-rtl-step.is-current .pks-rtl-marker { box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .pks-rtl-step.is-current .pks-rtl-marker::after { background-color: var(--pk-brand) !important; }

/* B8. Offer modal, delivery modal, tracking entry, custom select, review-intake bits, evidence slots. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body #offerModal .modal-panel {
  border-color: rgba(244, 122, 32, .28) !important;
  background-image: radial-gradient(420px 180px at 100% 0%, rgba(244, 122, 32, .06), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .96) 0%, rgba(19, 17, 15, .98) 100%) !important;
}
html:not(#pkb):not(#pkc) body #offerModal #offerSubmit { background: var(--pk-brand) !important; border-color: var(--pk-brand-press) !important; color: var(--pk-brand-ink) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 4px 14px rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body #offerModal #offerSubmit:hover { background: var(--pk-brand-hover) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 6px 20px rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body #offerModal .modal-input-prefix { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #offerModal .modal-input-prefix { color: var(--pk-brand-text-light) !important; }
/* the offer + evidence modals are direct children of body (after main), so they are scoped by id */
html:not(#pkb):not(#pkc) body :is(#offerModal, #msgEvidenceModal) .modal-input:focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
/* active amount preset: styled gold in the light theme only */
html[data-theme="light"]:not(#pkb):not(#pkc) body #offerModal .modal-preset.is-active { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .modal-delivery-val { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .modal-delivery-val { color: var(--pk-brand-text-light) !important; }
/* tracking-entry + modal-card gold left edge: dark theme only (light: white card with a neutral edge all round) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-tracking-entry { border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-tracking-full-link { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-tracking-full-link { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-tracking-full-link:hover { color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-tracking-select, .msg-tracking-input):focus { border-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-tracking-entry-btn { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-tracking-entry-btn:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-modal-card { border-left-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body :is(.msg-modal-field input, .msg-modal-field select):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .msg-modal-btn-primary { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-modal-btn-primary:hover:not(:disabled) { background: var(--pk-brand-hover) !important; }
html:not(#pkb):not(#pkc) body .msg-ev-slot-btn { border-color: var(--pk-brand) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-ev-slot-btn { border-color: var(--pk-brand-press) !important; color: var(--pk-brand-text-light) !important; }
/* Meaning: evidence Pakstoor requested (or re-opened) needs action -> yellow-amber (was orange-amber #F3B56B).
   Pending stays blue, approved green, rejected red. */
html:not(#pkb):not(#pkc) body .msg-ev-slot-status:is(.msg-ev-st-requested, .msg-ev-st-reopened) { color: var(--pk-warn) !important; background-color: rgba(232, 179, 57, .14) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-ev-slot-status:is(.msg-ev-st-requested, .msg-ev-st-reopened) { color: var(--pk-warn-light) !important; background-color: rgba(232, 179, 57, .16) !important; }
/* open trigger: gold border + ring in the dark theme only (light keeps its neutral border + soft lift shadow) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:has(.msg-page) :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
/* caret + tick: gold in the dark theme only (light draws them grey) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:has(.msg-page) .pks-select.is-open .pks-select-caret { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-select-panel::before { background: linear-gradient(90deg, transparent, rgba(244, 122, 32, .25), transparent) !important; }
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-select-option.is-selected { background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-select-option.is-selected::before { background: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:has(.msg-page) .pks-select-option.is-selected .pks-select-option-check { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:has(.msg-page) .pks-select-option.is-selected .pks-select-option-label { color: var(--pk-brand-text-light) !important; }
/* Formal Protected Review intake (the primary button + eyebrow are already orange in section 3). */
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-prx-textarea:focus { border-color: rgba(244, 122, 32, .55) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
/* selected chip: gold in the dark theme only (light draws every chip white) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body:has(.msg-page) .pks-prx2-chip.is-on { background-color: rgba(244, 122, 32, .16) !important; border-color: rgba(244, 122, 32, .7) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-prx2-check input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
/* light theme: add / link / ghost button text is gold-brown -> brand text (title + note text are ink; the cream info note is left as drawn) */
html[data-theme="light"]:not(#pkb):not(#pkc) body:has(.msg-page) :is(.pks-prx2-add, .pks-prx2-link, .pks-prx-body a, .pks-prx-btn.pks-prx-btn-ghost) { color: var(--pk-brand-text-light) !important; }
/* Meaning: "too short" is a warning -> yellow-amber (was orange-amber). */
html:not(#pkb):not(#pkc) body:has(.msg-page) .pks-prx-counter.is-short { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body:has(.msg-page) .pks-prx-counter.is-short { color: var(--pk-warn-light) !important; }

/* B9. Support chat (/messages?support=<deal>). */
/* the support header is a dark bar in both themes (light-mode keeps it rgba(18,22,27,.96)), so its text uses dark-surface orange */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-support-head { background: linear-gradient(135deg, rgba(244, 122, 32, .08), rgba(244, 122, 32, .02)) !important; }
html:not(#pkb):not(#pkc) body .msg-support-eyebrow { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-support-deal { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body .msg-support-tab.is-active { background-color: rgba(244, 122, 32, .12) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-support-bubble-me { background: linear-gradient(135deg, #F47A20, #E06A12) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-support-input:focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .15) !important; }
html:not(#pkb):not(#pkc) body .msg-support-send { background: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-support-send:hover { background: var(--pk-brand-hover) !important; }

/* B10. Older deal card (.msg-deal: shown only when the tracking panel is not mounted). Its pipeline is scoped to .msg-deal so
   the return lane (which reuses the pipeline markup and keeps its pending gold) is left alone. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-deal { border-color: rgba(244, 122, 32, .28) !important; background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%), linear-gradient(180deg, rgba(27, 24, 21, .6) 0%, rgba(19, 17, 15, .7) 100%) !important; }
/* the van is brand only while moving: parked stays grey, delivered stays green */
html:not(#pkb):not(#pkc) body .msg-deal :is(.msg-deal-head-left, .msg-deal-pipeline-car:not(.is-parked):not(.is-delivered), .msg-deal-step.is-current .msg-deal-step-marker) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal :is(.msg-deal-head-left, .msg-deal-pipeline-label) { color: var(--pk-brand-text-light) !important; }
/* deal-id copy chip: muted text at rest, brand text on hover */
html:not(#pkb):not(#pkc) body .msg-deal-id-copy { border-color: rgba(244, 122, 32, .32) !important; background-color: rgba(244, 122, 32, .08) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-id-copy:hover { background-color: rgba(244, 122, 32, .18) !important; border-color: rgba(244, 122, 32, .55) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal-id-copy:hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-status.is-paid { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal-status.is-paid { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-fill { background: linear-gradient(90deg, rgba(244, 122, 32, .55), rgba(244, 122, 32, .85)) !important; }
html:not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-fill { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), 0 0 12px rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-step:is(.is-done, .is-active, .is-current) .msg-deal-pipeline-dot { background: var(--pk-brand) !important; border-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-step:is(.is-done, .is-active, .is-current) .msg-deal-pipeline-dot { box-shadow: 0 0 0 3px rgba(244, 122, 32, .10), 0 0 14px rgba(244, 122, 32, .4) !important; }
html:not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-step:is(.is-done, .is-active, .is-current) .msg-deal-pipeline-label { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal .msg-deal-pipeline-step:is(.is-done, .is-active, .is-current) .msg-deal-pipeline-label { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-pipeline-waybill { background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .25) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-pipeline-waybill-value:hover { color: var(--pk-brand) !important; border-bottom-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-cta { background: var(--pk-brand) !important; border-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-cta:hover { background: var(--pk-brand-press) !important; border-color: var(--pk-brand-press) !important; }
/* Meaning: a disputed deal is a warning -> yellow-amber (was orange-amber #E08B24). The dispute notice keeps its red
   (danger) frame and background; only its orange-amber text, "REVIEW" badge and glow move to yellow-amber. */
html:not(#pkb):not(#pkc) body .msg-deal-status.is-disputed { color: var(--pk-warn) !important; background-color: rgba(232, 179, 57, .12) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal-status.is-disputed { color: var(--pk-warn-light) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-dispute-notice { color: var(--pk-warn) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .msg-deal-dispute-notice { color: var(--pk-warn-light) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-dispute-notice-prominent { box-shadow: 0 2px 10px rgba(232, 179, 57, .18) !important; }
html:not(#pkb):not(#pkc) body .msg-deal-dispute-badge { background: var(--pk-warn) !important; color: #141414 !important; }
/* the free-text legacy banner: its text already follows var(--warning); the hard-coded orange-amber edge + tint follow it */
html:not(#pkb):not(#pkc) body .msg-legacy-banner { border-color: rgba(232, 179, 57, .28) !important; background-image: radial-gradient(280px 80px at 0% 50%, rgba(232, 179, 57, .05), transparent 70%) !important; }
/* "Notice from Pakstoor" / "Pakstoor asks for evidence" boxes (inline styles from messages.js): on the older deal card and,
   unclassed, at the top of the evidence modal's slot list. */
html:not(#pkb):not(#pkc) body :is(.msg-deal-admin-note, #msgEvidenceSlots > div:not([class])):not([hidden]) { border-color: rgba(244, 122, 32, .35) !important; background-color: rgba(244, 122, 32, .07) !important; }

/* ---- C. /my-disputes ----------------------------------------------------------------------------------------- */
/* The "Active dispute" banner keeps its yellow-amber warning colour. */
html:not(#pkb):not(#pkc) body .dispute-page-section .dispute-page-loading-spinner { border-top-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .dispute-page-section .dispute-help-card:hover { border-color: rgba(244, 122, 32, .32) !important; }
/* empty-state picture (pks-art): gold parts -> orange family */
html:not(#pkb):not(#pkc) body .dispute-page-section .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dispute-page-section .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
/* case cards: the amount is a brand accent; an open case is a warning -> yellow-amber (was orange-amber #E08B24) */
html:not(#pkb):not(#pkc) body .dispute-page-section .dispute-card-amount { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .dispute-page-section .dispute-card-amount { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dispute-page-section .dispute-card,
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dispute-page-section .dispute-card:hover { border-left-color: var(--pk-warn) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dispute-page-section .dispute-card-status:not(.is-return) { background-color: var(--pk-warn) !important; color: #141414 !important; }

/* ---- D. /protected-dispute-review (scoped to .pdr-page) ----------------------------------------------------------- */
/* D1. Hero: glow, classification pill, title emphasis, ledger label, spot illustration. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-hero::before {
  background-image: radial-gradient(720px 320px at 88% -8%, rgba(244, 122, 32, .14), transparent 62%),
    radial-gradient(640px 360px at -8% 110%, rgba(159, 199, 232, .06), transparent 60%),
    radial-gradient(380px 220px at 20% 30%, rgba(159, 199, 232, .025), transparent 70%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-hero { background: radial-gradient(120% 90% at 50% -10%, rgba(244, 122, 32, .09), transparent 55%), #FFFFFF !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-hero::before {
  background-image: radial-gradient(720px 320px at 88% -8%, rgba(244, 122, 32, .16), transparent 60%),
    radial-gradient(640px 360px at -8% 110%, rgba(191, 167, 111, .12), transparent 60%),
    radial-gradient(380px 220px at 20% 30%, rgba(244, 122, 32, .06), transparent 70%) !important;
}
html:not(#pkb):not(#pkc) body .pdr-page .dossier-hero-classification { border-color: rgba(244, 122, 32, .32) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-hero-classification { color: var(--pk-brand) !important; }
/* the tint behind the pill exists in the light theme only */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-hero-classification { border-color: rgba(181, 82, 15, .35) !important; background-color: rgba(244, 122, 32, .06) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-hero-title em { color: var(--pk-brand) !important; -webkit-text-fill-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-hero-title em { color: var(--pk-brand-text-light) !important; -webkit-text-fill-color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-ledger .is-gold { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-ledger .is-gold { color: var(--pk-brand-text-light) !important; }
/* every pks-art picture on the page (hero, review strip, lane pictures, article heads): gold parts -> orange family */
html:not(#pkb):not(#pkc) body .pdr-page .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }

/* D2. "Formal review process" timeline. */
html:not(#pkb):not(#pkc) body .pdr-page :is(.pks-visual-section-eyebrow, .pks-timeline-eyebrow, .pks-timeline-arrow) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page :is(.pks-visual-section-eyebrow, .pks-timeline-eyebrow, .pks-timeline-arrow) { color: var(--pk-brand-text-light) !important; }

/* D3. Article furniture: rules, section heads, numerals, kickers, bullets, cards, disclosures, callout, table, links.
   The "gap" and "danger" kickers keep their warning / danger colours. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-rule { background: linear-gradient(90deg, transparent 0, var(--line-2) 12%, rgba(244, 122, 32, .18) 50%, var(--line-2) 88%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-rule { background: linear-gradient(90deg, transparent 0%, #F47A20 12%, rgba(244, 122, 32, .35) 50%, #F47A20 88%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-section-head::after { background: linear-gradient(90deg, rgba(244, 122, 32, .22) 0%, var(--line-2) 30%, var(--line-2) 70%, transparent 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-section-numeral { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-section-head:not(.is-gap):not(.is-danger) .dossier-section-kicker { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-section-head:not(.is-gap):not(.is-danger) .dossier-section-kicker { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-card ul > li::before { background: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-card:hover { border-color: rgba(244, 122, 32, .22) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 24px rgba(0, 0, 0, .18), 0 0 0 1px rgba(244, 122, 32, .06) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-card:hover { border-color: var(--pk-brand) !important; box-shadow: 0 6px 24px rgba(30, 24, 18, .16), 0 0 0 1px rgba(244, 122, 32, .20) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-card.is-hero { background-image: radial-gradient(420px 160px at 90% 0%, rgba(244, 122, 32, .06), transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .018) 0%, rgba(255, 255, 255, 0) 60%) !important; }
/* disclosures + callout: the gold edge and wash only show in the dark theme (light draws them neutral) */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-disclosure { border-left-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-disclosure::before { background: linear-gradient(180deg, rgba(244, 122, 32, .5) 0%, rgba(244, 122, 32, .1) 100%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-callout { border-left-color: rgba(244, 122, 32, .5) !important; background-image: linear-gradient(90deg, rgba(244, 122, 32, .04) 0%, transparent 50%) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-table th { border-bottom-color: rgba(244, 122, 32, .28) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-table th { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pdr-page :is(.dossier-card, .dossier-callout, .dossier-disclosure, .dossier-contact-card, .dossier-hero-deck, .dossier-section-body, .dossier-section > p, .legal-footnote) a:not(.btn) { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page :is(.dossier-card, .dossier-callout, .dossier-disclosure, .dossier-contact-card, .dossier-hero-deck, .dossier-section-body, .dossier-section > p, .legal-footnote) a:not(.btn) { color: var(--pk-brand-text-light) !important; }
/* the compliance accent is purple in the dark theme (kept); the light theme drew it gold -> brand text */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pks-accent-compliance { color: var(--pk-brand-text-light) !important; }

/* D4. The five review lanes. Lane 02 (Seller Fault) used the brand gold as its colour role -> orange. Lane 01 (Invalid) is a
   warning -> yellow-amber (was orange-amber #E3902D). Lanes 03-05 keep blue / purple / red. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pdr-art-lanes {
  background-image: radial-gradient(640px 220px at 50% 0%, rgba(244, 122, 32, .06), transparent 70%),
    radial-gradient(640px 220px at 50% 100%, rgba(244, 122, 32, .05), transparent 70%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page :is(.pdr-art-lanes, .pdr-art-windows) { background-image: radial-gradient(420px 160px at 50% 0%, rgba(244, 122, 32, .06), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lanes-eyebrow { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lanes-eyebrow { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-seller::before { background: linear-gradient(90deg, rgba(244, 122, 32, .85), rgba(244, 122, 32, .3)) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-seller:hover { border-color: rgba(244, 122, 32, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-seller .pdr-art-lane-num { color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-seller .pdr-art-lane-icon { background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .32) !important; color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-seller .pdr-art-lane-triggers li::before { background-color: rgba(244, 122, 32, .65) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid::before { background: linear-gradient(90deg, rgba(232, 179, 57, .85), rgba(232, 179, 57, .3)) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid:hover { border-color: rgba(232, 179, 57, .45) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid .pdr-art-lane-icon { background-color: rgba(232, 179, 57, .10) !important; border-color: rgba(232, 179, 57, .32) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid .pdr-art-lane-triggers li::before { background-color: rgba(232, 179, 57, .65) !important; }
/* The light theme draws the lane chips + numbers in one brand style (cream chip, gold icon / label) and keeps only the
   fraud chip red. Brand chips -> orange; the warning lane takes the light warn colour; the fraud lane keeps its red chip
   and its number takes the same red (was the shared gold label). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane:not(.is-fraud):not(.is-invalid) .pdr-art-lane-icon { color: var(--pk-brand-text-light) !important; background-color: #FFF1E6 !important; border-color: #F5CBA7 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid .pdr-art-lane-icon { color: var(--pk-warn-light) !important; background-color: rgba(232, 179, 57, .14) !important; border-color: rgba(138, 101, 0, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane:not(.is-fraud):not(.is-invalid) .pdr-art-lane-num { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-invalid .pdr-art-lane-num { color: var(--pk-warn-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-lane.is-fraud .pdr-art-lane-num { color: #B4473B !important; }

/* D5. Article 03 inspection-window dial + 72h metric. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .pdr-art-window { background-image: radial-gradient(220px 120px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .pdr-art-window { background-image: radial-gradient(220px 120px at 50% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-window-dial circle[stroke="#D9A625"] { stroke: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .pdr-page .pdr-art-window-dial circle[stroke="rgba(217,166,37,0.18)"] { stroke: rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .pdr-page :is(.pdr-art-window-num, .pdr-art-window-num .num) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page :is(.pdr-art-window-num, .pdr-art-window-num .num) { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-metric { background-image: radial-gradient(280px 110px at 100% 0%, rgba(244, 122, 32, .05), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-metric-num { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-metric-num { color: var(--pk-brand-text-light) !important; }

/* D6. Closing "Protected Review Standard" panel (a brand sign-off, not the completed-deal seal). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-closing-seal {
  border-color: rgba(244, 122, 32, .32) !important;
  background-image: radial-gradient(420px 240px at 50% 40%, rgba(244, 122, 32, .06), transparent 70%),
    linear-gradient(180deg, rgba(27, 24, 21, .5) 0%, rgba(27, 24, 21, 0) 90%) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-closing-seal { background: radial-gradient(130% 100% at 50% 0%, rgba(244, 122, 32, .09), transparent 55%), #FFFFFF !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-closing-seal::before,
html:not(#pkb):not(#pkc) body .pdr-page .dossier-closing-seal::after,
html:not(#pkb):not(#pkc) body .pdr-page .dossier-seal-corner { border-color: var(--pk-brand) !important; }
/* (its glow halo stays off: pks-fresh flattens .dossier-seal-glyph) */
html:not(#pkb):not(#pkc) body .pdr-page .dossier-seal-glyph {
  border-color: rgba(244, 122, 32, .55) !important; color: var(--pk-brand) !important;
  background: radial-gradient(circle at 50% 30%, rgba(255, 154, 82, .18), transparent 60%), rgba(244, 122, 32, .05) !important;
}
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-seal-glyph { color: var(--pk-brand-press) !important; background: radial-gradient(circle at 50% 30%, rgba(244, 122, 32, .20), transparent 60%), rgba(244, 122, 32, .08) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pdr-page .dossier-seal-eyebrow { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .pdr-page .dossier-seal-title span { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pdr-page .dossier-seal-title span { color: var(--pk-brand-text-light) !important; }

/* ---- E. /report-bug (scoped to its own rb- classes) --------------------------------------------------------------- */
html:not(#pkb):not(#pkc) body :is(.rb-input, .rb-textarea):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .14) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.rb-input, .rb-textarea):focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html:not(#pkb):not(#pkc) body .rb-info-card { background-color: rgba(244, 122, 32, .06) !important; border-color: rgba(244, 122, 32, .28) !important; }
html:not(#pkb):not(#pkc) body .rb-info-card svg { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .rb-info-card svg { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.rb-mail-fallback, .rb-privacy a) { color: #FF9A52 !important; }
html:not(#pkb):not(#pkc) body :is(.rb-mail-fallback, .rb-privacy a):hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.rb-mail-fallback, .rb-privacy a),
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.rb-mail-fallback, .rb-privacy a):hover { color: var(--pk-brand-text-light) !important; }

/* ---- F. /disputes (redirect stub; production 301s /disputes, so this only shows if the file is requested directly).
   Inline style a{color:#D9A625}. Scoped to the stub by its meta refresh, which no other page has. -------------------- */
html:not(#pkb):not(#pkc):has(meta[http-equiv="refresh"]) body a[href="/protected-dispute-review"] { color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc):has(meta[http-equiv="refresh"]) body a[href="/protected-dispute-review"] { color: var(--pk-brand-text-light) !important; }

/* ---- 17. Account: /account, /settings, /trust-progress, /setup-2fa, /verify-email, /404 ---------------------- */
/* ---- sweep: account ---- */
/* Pages: /account, /settings, /trust-progress, /setup-2fa, /verify-email, /forgot-password, /reset-password, /404.
   Colours only, both themes. Gold kept on purpose (meaning, not brand): the Trust Level pill and every tier badge /
   ladder colour on /trust-progress (hex, number, label, faint tints, "You are here", "Coming soon"), the "ID verified"
   badge (the page promises "the gold shield"), star ratings, the payout card's coin (money), the positive
   trust-activity dot and delta (negative is already orange-salmon), the phone-PIN banner (warning yellow) and the
   admin-only banners (warning / pending). Warning and pending use the yellow-amber warn tokens; green, red and blue
   are untouched. */

/* ---- A. Account overview (/account). The account head, tabs and cards are shared with the other account-area
   pages (banking, wallet, listings, purchases), so they change there too. ---------------------------------------- */
/* A1. Avatar initial and the "Pakstoor member #..." pill: brand identity, not a tier. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-head--operator .acct-avatar { color: var(--pk-brand) !important; border-color: rgba(244, 122, 32, .20) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-avatar { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .acct-member-no { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .35) !important; }
html:not(#pkb):not(#pkc) body .acct-head--operator .acct-member-no { border-color: rgba(244, 122, 32, .32) !important; box-shadow: 0 0 16px -8px rgba(244, 122, 32, .40) !important; }
html:not(#pkb):not(#pkc) body .acct-head-name-block .acct-member-no { background-color: rgba(244, 122, 32, .11) !important; border-color: rgba(244, 122, 32, .50) !important; box-shadow: 0 0 14px -6px rgba(244, 122, 32, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-member-no { color: var(--pk-brand-text-light) !important; }

/* A2. "ID verification pending" stays a pending state; its orange-amber tint moves to the yellow-amber warn token so it
   cannot read as brand orange. */
html:not(#pkb):not(#pkc) body .acct-badge.acct-badge-pending { color: var(--pk-warn) !important; background-color: rgba(232, 179, 57, .08) !important; border-color: rgba(232, 179, 57, .38) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-badge.acct-badge-pending { color: var(--pk-warn-light) !important; background-color: rgba(232, 179, 57, .12) !important; border-color: rgba(138, 101, 0, .32) !important; }

/* A3. Selected account tab (light: darker orange underline for 3:1 on white). */
html:not(#pkb):not(#pkc) body .acct-tab.is-active { background-image: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-tab.is-active { color: var(--pk-brand) !important; border-bottom-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-tab.is-active { border-bottom-color: var(--pk-brand-press) !important; }

/* A4. Activity tiles: the small icon chips (inline page style). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-stat-chip { color: #FF9A52 !important; background-color: #3A2A1E !important; border-color: #6A3B18 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-stat-chip { color: var(--pk-brand-text-light) !important; background-color: #FEEFE4 !important; border-color: #FBD0B1 !important; }

/* A5. Spot illustrations. ID card: person, tick badge and sparkle are drawn in brand gold, so the art tokens are
   re-pointed. Payout card: the bank-card chip and the sparkle go orange; the coin in the shield stays gold (money). */
html:not(#pkb):not(#pkc) body .acct-verify-icon { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .acct-verify-icon .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .acct-verify-icon .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body .acct-payout-icon .pa :is(rect.fg, path.fg.pa-spark) { fill: var(--pk-brand) !important; }

/* A6. Hovers. The "Log out" ghost button keeps its red danger hover. */
html:not(#pkb):not(#pkc) body .acct-action-btn:not(.acct-action-btn--ghost):hover { background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .45) !important; color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .acct-action-btn:not(.acct-action-btn--ghost):hover { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body :is(.acct-card-link:hover, .acct-list-row:hover .acct-list-title) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.acct-card-link:hover, .acct-list-row:hover .acct-list-title) { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.acct-card, .settings-panel):hover { border-color: rgba(244, 122, 32, .42) !important; }

/* A7. "Confirm your email" banner (js/pks-verify-banner.js; unverified members on /account, /settings and other member
   pages). Drawn in brand gold (the phone-PIN banner is the one in warning yellow), so it moves to orange; "Resend" is
   a primary action: orange fill, #141414 text. */
html:not(#pkb):not(#pkc) body .pks-verify-banner { background-image: linear-gradient(90deg, rgba(244, 122, 32, .10), rgba(244, 122, 32, .04)) !important; border-bottom-color: rgba(244, 122, 32, .32) !important; }
html:not(#pkb):not(#pkc) body .pks-verify-banner-icon { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-verify-banner-icon { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .pks-verify-banner-resend { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body .pks-verify-banner-resend:hover:not(:disabled) { background-color: var(--pk-brand-hover) !important; }

/* ---- B. Settings (/settings) --------------------------------------------------------------------------------- */
html:not(#pkb):not(#pkc) body .settings-avatar-no { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-avatar-no { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .settings-avatar-button:hover { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-avatar-button:hover { border-color: var(--pk-brand-press) !important; }
/* Selected language card, notification toggles and the default-address checkbox. */
html:not(#pkb):not(#pkc) body :is(.settings-choice.is-active, .settings-toggle.is-active) { background-image: linear-gradient(rgba(244, 122, 32, .06), rgba(244, 122, 32, .06)) !important; }
html:not(#pkb):not(#pkc) body .settings-choice.is-active { border-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-choice.is-active { border-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body :is(.settings-toggle, .addr-default-toggle) input[type="checkbox"] { accent-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.settings-toggle, .addr-default-toggle) input[type="checkbox"] { accent-color: var(--pk-brand-press) !important; }
/* Default address: the "Default" badge (both themes) and the card outline (dark only; light cards are neutral). */
html:not(#pkb):not(#pkc) body .addr-default-badge { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .addr-card.is-default { border-color: rgba(244, 122, 32, .45) !important; background-color: rgba(244, 122, 32, .04) !important; }
/* Province dropdown (pks-select) inside the settings panels only. Dark: open/focus outline, caret, hairline, selected
   row. Light already draws the trigger, caret and check in neutrals; only the selected row's tint, bar and label are gold. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-panel :is(.pks-select.is-open .pks-select-trigger, .pks-select-trigger:focus-visible) { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .12) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-panel .pks-select.is-open .pks-select-caret { color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-panel .pks-select-panel::before { background-image: linear-gradient(90deg, transparent, rgba(244, 122, 32, .25), transparent) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-panel .pks-select-option.is-selected { background-color: rgba(244, 122, 32, .06) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-panel .pks-select-option.is-selected .pks-select-option-check { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .settings-panel .pks-select-option.is-selected::before { background-color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-panel .pks-select-option.is-selected { background-color: #FEF2E9 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-panel .pks-select-option.is-selected .pks-select-option-label { color: var(--pk-brand-text-light) !important; }
/* "Confirm it is you" step-up modal (js/pks-step-up.js, opened from Settings > Security and /setup-2fa). */
html:not(#pkb):not(#pkc) body .pks-su-btn-primary { background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-su-btn-primary { border-color: var(--pk-brand-press) !important; }

/* ---- Input focus on these pages. Light: light-mode.css paints every text field's focus gold (border + 3px ring), so
   all of them move to orange (darker border for 3:1 on white). Dark: core.css focuses typed fields (text, email, tel,
   number, search, password, date) in blue, which is kept; gold only shows on the phone-field wrapper and on the
   untyped 2FA inputs (setup key, 6-digit code). ------------------------------------------------------------------- */
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.settings-input, .acct-phone-banner-input, .s2fa-input, .nf-search-input, .pks-su-input):focus { border-color: var(--pk-brand-press) !important; box-shadow: 0 0 0 3px rgba(224, 106, 18, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .settings-phone:focus-within { box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .settings-phone:focus-within { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .10) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .s2fa-input:not(:is([type="text"], [type="email"], [type="tel"], [type="number"], [type="search"], [type="password"], [type="date"])):focus { border-color: var(--pk-brand) !important; box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }

/* ---- C. Trust Progress (/trust-progress). Never re-point --gold here: --tp-tier-gold is var(--gold). Tier colours,
   the ladder, the tier badge and the positive activity colour are untouched. ------------------------------------- */
html:not(#pkb):not(#pkc) body :is(.tp-eyebrow, .tp-section-kicker) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.tp-eyebrow, .tp-section-kicker, .tp-hero-eyebrow, .tp-score-eyebrow, .tp-hero-stamp, .tp-mono, .tp-progress-label strong) { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .tp-eyebrow-dot { background-color: var(--pk-brand) !important; box-shadow: 0 0 8px rgba(244, 122, 32, .55) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body :is(.tp-score-num, .tp-stat[data-stat="completed"] .tp-stat-num) { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .tp-progress-seg.is-filled { background-color: var(--pk-brand) !important; box-shadow: 0 0 8px rgba(244, 122, 32, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .tp-progress-seg.is-filled { background-color: var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc) body .tp-cta-primary {
  background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 1px 0 rgba(0, 0, 0, .24), 0 10px 24px -10px rgba(224, 106, 18, .42) !important;
}
html:not(#pkb):not(#pkc) body .tp-cta-primary:hover {
  background-color: var(--pk-brand-hover) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 1px 0 rgba(0, 0, 0, .28), 0 14px 30px -10px rgba(224, 106, 18, .52) !important;
}
/* Secondary buttons. A completed task keeps its green button; its hover wash goes green instead of the old gold. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .tp-cta-secondary:not(.tp-task.is-done .tp-cta-secondary) { border-color: rgba(244, 122, 32, .42) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .tp-cta-secondary:not(.tp-task.is-done .tp-cta-secondary):hover { border-color: var(--pk-brand) !important; color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .06) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .tp-task.is-done .tp-cta-secondary:hover { background-color: rgba(94, 168, 114, .06) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .tp-crumbs a:hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.tp-task, .tp-stat, .tp-ladder-step):hover { border-color: rgba(244, 122, 32, .42) !important; }
/* Light status chips keep their meaning: "Not yet" / "Pending setup" = warn amber, "Guidance" = info blue (as in dark). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .tp-task-status.tp-task-status--pending { color: var(--pk-warn-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .tp-task-status.tp-task-status--info { color: #2B77B5 !important; }

/* ---- D. Two-factor setup (/setup-2fa) ------------------------------------------------------------------------ */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .s2fa-passkey-card { border-color: rgba(244, 122, 32, .32) !important; background-image: linear-gradient(180deg, rgba(244, 122, 32, .08), rgba(244, 122, 32, .02)) !important; }
html:not(#pkb):not(#pkc) body .s2fa-passkey-icon { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .15) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .s2fa-passkey-icon { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .s2fa-step-num { background-color: rgba(244, 122, 32, .12) !important; }
html:not(#pkb):not(#pkc) body .s2fa-spinner { border-color: rgba(244, 122, 32, .25) !important; border-top-color: var(--pk-brand) !important; }
/* "Open in your real browser" notice for in-app browsers (js/pks-inapp-redirect.js: inline styles, dark card; light card
   from pks-fresh): globe chip and the primary "Open in Safari / Chrome" button. */
html:not(#pkb):not(#pkc) body #pksInappModal > div > div:first-child { background-color: rgba(244, 122, 32, .15) !important; color: #FF9A52 !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body #pksInappModal > div > div:first-child { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body #pksInappModal > div > button:first-of-type { background-image: none !important; background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }

/* ---- E. Verify email (/verify-email) ------------------------------------------------------------------------- */
html:not(#pkb):not(#pkc) body .ve-spinner { border-color: rgba(244, 122, 32, .18) !important; border-top-color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ve-icon--gold { color: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ve-icon--gold .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .ve-icon--gold .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not(#pkb):not(#pkc) body .ve-eyebrow:not(.ve-eyebrow--danger) { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .ve-eyebrow:not(.ve-eyebrow--danger) { color: var(--pk-brand-text-light) !important; }
/* Link-problem art: the sparkle goes orange, the "!" badge stays a warning (yellow-amber). */
html:not(#pkb):not(#pkc) body .ve-icon--danger .pa .fg.pa-spark { fill: var(--pk-brand) !important; }
html:not(#pkb):not(#pkc) body .ve-icon--danger .pa circle.fg { fill: var(--pk-warn) !important; }
/* "Sign in to resend" is a filled primary in the light theme only. */
html[data-theme="light"]:not(#pkb):not(#pkc) body #ve-loginLink { background-image: none !important; background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }

/* ---- F. Password pages (/forgot-password, /reset-password; not /login): the "sent" / "done" tick chip, and the
   ghost button hover text on light (section 2f's #F47A20 is too pale on white). -------------------------------- */
html:not(#pkb):not(#pkc) body.auth-body:not(.auth-page-login) .forgot-tick { background-color: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .45) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body.auth-body:not(.auth-page-login) .forgot-tick { color: var(--pk-brand-text-light) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body.auth-body:not(.auth-page-login) .btn-submit--ghost:hover { color: var(--pk-brand-text-light) !important; }

/* ---- G. 404. Every var(--gold...) use inside .nf-wrap is a brand moment, so the token is re-pointed there; the
   literal gold values and pks-fresh's light-theme gold are overridden one by one. ------------------------------- */
html:not(#pkb):not(#pkc) body .nf-wrap { --gold: #F47A20 !important; --gold-light: #FF9A52 !important; --gold-deep: #E06A12 !important; --gold-ink: #141414 !important; }
html:not(#pkb):not(#pkc) body .nf-wrap .pa { --a-gold: #F47A20 !important; --a-goldd: #B5520F !important; --a-goldl: #FDE3CF !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nf-wrap .pa { --a-goldd: #FF9A52 !important; --a-goldl: #4A2A14 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nf-wrap::before { background-image: radial-gradient(closest-side, rgba(244, 122, 32, .10) 0%, rgba(244, 122, 32, .03) 40%, transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nf-particle { box-shadow: 0 0 12px rgba(244, 122, 32, .6) !important; }
html:not(#pkb):not(#pkc) body .nf-eyebrow { color: var(--pk-brand) !important; background-color: rgba(244, 122, 32, .08) !important; border-color: rgba(244, 122, 32, .30) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nf-eyebrow { color: var(--pk-brand-text-light) !important; background-color: rgba(244, 122, 32, .05) !important; border-color: rgba(181, 82, 15, .30) !important; }
html:not(#pkb):not(#pkc) body .nf-code-wrap::after { color: rgba(244, 122, 32, .18) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nf-code { background-image: linear-gradient(180deg, #FFD3B0 0%, #F47A20 45%, #E06A12 100%) !important; }
html:not(#pkb):not(#pkc) body :is(.nf-search-go, .nf-btn--primary) { background-image: none !important; background-color: var(--pk-brand) !important; color: var(--pk-brand-ink) !important; }
html:not(#pkb):not(#pkc) body :is(.nf-search-go, .nf-btn--primary):hover { background-image: none !important; background-color: var(--pk-brand-hover) !important; }

/* ---- H. Shared chrome seen on these pages (header menus, compact footer, crumbs, focus, selection, scrollbars).
   Not page-specific: dedupe with the other groups. ------------------------------------------------------------- */
/* H1. Default focus ring. core.css draws every :focus-visible as "0 0 0 2px var(--bg), 0 0 0 4px var(--gold)" with
   outline: none, so section 3's outline-color never shows. Same specificity as core (0,1,0), no prefix and no
   !important ON PURPOSE: this only replaces core's default ring; components that draw their own focus style still win.
   The skip link is excluded: its own single-class drop shadow used to win over core's ring by source order. */
:focus-visible:where(:not(.skip-link)) { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand); }
:where(html[data-theme="light"]) :focus-visible:where(:not(.skip-link)) { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--pk-brand-press); }
/* Theme switch and avatar button draw their own focus glow: shell.css "0 0 0 3px var(--glow-gold)", or a 2px ring
   where js/pks-theme-toggle.js injects its switch CSS (#pksThemeToggleCss in <head>: auth pages, /setup-2fa). Same
   geometry; light uses the darker orange for 3:1 on white. In light the avatar keeps its trust-level ring (tier). */
html:not(#pkb):not(#pkc) body .sysbar-theme-toggle:focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-theme-toggle:focus-visible { box-shadow: 0 0 0 3px var(--pk-brand-press) !important; }
html:not(#pkb):not(#pkc):has(#pksThemeToggleCss) body .sysbar-theme-toggle:focus-visible { box-shadow: 0 0 0 2px rgba(244, 122, 32, .5) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc):has(#pksThemeToggleCss) body .sysbar-theme-toggle:focus-visible { box-shadow: 0 0 0 2px var(--pk-brand-press) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .nav-avatar:focus-visible { box-shadow: 0 0 0 3px rgba(244, 122, 32, .18) !important; }
/* H2. Text selection. */
html:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .35) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body ::selection { background-color: rgba(244, 122, 32, .28) !important; }
/* H3. Scrollbar thumbs: core.css paints every thumb gold. The page (root) thumb stays gold in BOTH themes, because the
   light-theme neutral thumb rules only match descendants ("[data-theme=light] ::-webkit-scrollbar-thumb"); inner
   scrollbars are gold in dark only. Thumb colour only: no scrollbar-color, which would switch Chrome off the custom
   scrollbar size. */
html:not(#pkb):not(#pkc)::-webkit-scrollbar-thumb,
html:not([data-theme="light"]):not(#pkb):not(#pkc) *::-webkit-scrollbar-thumb { background-image: linear-gradient(180deg, rgba(244, 122, 32, .45), rgba(224, 106, 18, .55)) !important; }
html:not(#pkb):not(#pkc)::-webkit-scrollbar-thumb:hover,
html:not([data-theme="light"]):not(#pkb):not(#pkc) *::-webkit-scrollbar-thumb:hover { background-image: linear-gradient(180deg, rgba(244, 122, 32, .65), rgba(224, 106, 18, .75)) !important; }
/* H4. Breadcrumb and compact-footer link hover (these pages use the compact .footer, not footer-v2). */
html:not(#pkb):not(#pkc) body :is(.crumbs, .item-crumbs, .legal-crumbs) a:hover,
html:not(#pkb):not(#pkc) body .footer a:not(.btn):hover { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body :is(.crumbs, .item-crumbs, .legal-crumbs) a:hover,
html[data-theme="light"]:not(#pkb):not(#pkc) body .footer a:not(.btn):hover { color: var(--pk-brand-text-light) !important; }
/* H5. Account menu (avatar dropdown) and language menu. */
html:not(#pkb):not(#pkc) body .nav-profile-menu::before { background-image: linear-gradient(90deg, transparent 0%, rgba(244, 122, 32, .32) 40%, rgba(244, 122, 32, .42) 50%, rgba(244, 122, 32, .32) 60%, transparent 100%) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .nav-profile-item--primary svg { color: var(--pk-brand-text-light) !important; }
html:not(#pkb):not(#pkc) body .nav-profile-item--primary:hover { background-color: rgba(244, 122, 32, .08) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang.is-open .lang-btn { border-color: var(--pk-brand) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .lang-item.is-active .lang-item-code { color: var(--pk-brand) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .lang-item.is-active { background-color: #FEF2E9 !important; }
/* H6. Top strip "latest listing" ticker (light), the Trust Progress nudge outline (dark) and its checkbox focus (light). */
html[data-theme="light"]:not(#pkb):not(#pkc) body .sysbar-ledger-item strong { color: var(--pk-brand-text-light) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-trust-nudge { border-color: rgba(244, 122, 32, .32) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-trust-nudge input:focus { box-shadow: 0 0 0 3px rgba(244, 122, 32, .22) !important; }
/* Default ("info") toast stripe from js/pks-utils.js (PkuUtils.toast, e.g. the phone-code messages on /account): dark
   only, the light toast has a plain neutral border. Success stays green and error red. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pku-toast--info { border-left-color: var(--pk-brand) !important; }
/* H7. What pops up right after login: login.js sends the member to "/" (no ?next=), where js/pks-init.js plays its
   once-per-session overlay, a hexagon wave drawn in gold (its logo and status line are display:none). Not on an account
   page and never seen by reduced-motion audits, so it is fixed here. The keyframes animate only opacity/transform. */
html:not(#pkb):not(#pkc) body .pks-init-hex { fill: rgba(244, 122, 32, .10) !important; stroke: rgba(244, 122, 32, .55) !important; }

/* ---- 18. Homepage + footer leftovers (2026-10-16): background glows, sparkles and shadow tints that were literal gold.
   Same shapes, sizes and opacities, Pakstoor orange. Kept: the Pro carousel cards at rest (tier identity), the
   light-theme stage colours of the transaction-flow beams, warning amber. ---------------------------------------- */
/* 18a. Hero sparkles and glow. */
html:not(#pkb):not(#pkc) body .hero-vignette::before { background-image: radial-gradient(2px 2px at 12% 38%, rgba(255, 138, 61, .85), transparent 70%), radial-gradient(2px 2px at 27% 64%, rgba(244, 122, 32, .7), transparent 70%), radial-gradient(2px 2px at 48% 22%, rgba(255, 138, 61, .85), transparent 70%), radial-gradient(2px 2px at 66% 78%, rgba(244, 122, 32, .75), transparent 70%), radial-gradient(2px 2px at 83% 30%, rgba(255, 138, 61, .85), transparent 70%), radial-gradient(2px 2px at 94% 58%, rgba(244, 122, 32, .7), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .hero-vignette::after { background-image: radial-gradient(3px 3px at 20% 18%, rgba(244, 122, 32, .55), transparent 70%), radial-gradient(3px 3px at 38% 88%, rgba(255, 138, 61, .65), transparent 70%), radial-gradient(3px 3px at 58% 44%, rgba(244, 122, 32, .55), transparent 70%), radial-gradient(3px 3px at 77% 12%, rgba(255, 138, 61, .65), transparent 70%), radial-gradient(3px 3px at 90% 86%, rgba(244, 122, 32, .55), transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .hero-atmo-mesh { background-image: radial-gradient(680px 480px at 90% 18%, rgba(244, 122, 32, .20), transparent 62%), radial-gradient(540px 360px at 8% 78%, rgba(15, 28, 40, .45), transparent 72%), radial-gradient(360px 220px at 50% 100%, rgba(244, 122, 32, .10), transparent 70%) !important; }
/* 18b. Transaction-flow section: haze, glow, card tint, progress id, the dark beam. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-bg-haze { background-image: radial-gradient(40% 30% at 16% 28%, rgba(244, 122, 32, .12) 0%, transparent 70%), radial-gradient(45% 35% at 84% 72%, rgba(94, 168, 114, .07) 0%, transparent 72%), radial-gradient(60% 40% at 50% 50%, rgba(27, 24, 21, 0), rgba(15, 13, 11, .45) 80%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-bg-haze { background-image: radial-gradient(40% 30% at 16% 28%, rgba(244, 122, 32, .06) 0%, transparent 70%), radial-gradient(45% 35% at 84% 72%, rgba(53, 110, 156, .08) 0%, transparent 72%), radial-gradient(60% 40% at 50% 50%, transparent 0%, rgba(215, 220, 227, .60) 80%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-bg-glow { background-image: radial-gradient(60% 50% at 50% 50%, rgba(244, 122, 32, .1) 0%, transparent 70%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-bg-glow { background-image: radial-gradient(60% 50% at 50% 50%, rgba(244, 122, 32, .05) 0%, transparent 70%) !important; }
html:not(#pkb):not(#pkc) body .pks-tf-section::after { background-image: radial-gradient(620px 320px at 88% 32%, rgba(244, 122, 32, .06), transparent 70%), radial-gradient(480px 280px at 10% 72%, rgba(94, 168, 114, .04), transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-progress-id { color: #FF9A52 !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-card { box-shadow: 0 1px rgba(255, 255, 255, .06) inset, 0 0 0 1px rgba(244, 122, 32, .05) inset, 0 36px 96px -32px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .04) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pks-tf-card { box-shadow: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 22px 56px -22px rgba(30, 24, 18, .32), 0 0 0 1px rgba(244, 122, 32, .10) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-beam { background-image: linear-gradient(90deg, rgba(244, 122, 32, .18), rgba(255, 196, 150, .55), rgba(244, 122, 32, .2), rgba(255, 196, 150, .55), rgba(244, 122, 32, .18)) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-beam-energy { background-image: linear-gradient(90deg, transparent 0%, rgba(255, 196, 150, .92) 50%, transparent 100%) !important; }
@media (hover: hover) {
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-stage:hover .pks-tf-beam { background-image: linear-gradient(90deg, rgba(255, 196, 150, .55), rgba(255, 196, 150, .85), rgba(255, 196, 150, .55), rgba(255, 196, 150, .85), rgba(255, 196, 150, .55)) !important; }
}
@media (max-width: 720px) {
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-beam { background-image: linear-gradient(180deg, rgba(244, 122, 32, .38), rgba(244, 122, 32, .1)) !important; }
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pks-tf-beam-energy { background-image: linear-gradient(180deg, transparent 0%, rgba(255, 196, 150, .95) 50%, transparent 100%) !important; }
}
/* 18c. Category tiles: glow, edge, icon and count. Every var(--gold) use in a tile is a brand moment. */
html:not(#pkb):not(#pkc) body .cat-tile { --gold: #F47A20; --gold-light: #FF9A52; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .cat-tile { --gold: #E06A12; --gold-light: #B5520F; }
html:not(#pkb):not(#pkc) body .cat-tile::before { background-image: radial-gradient(ellipse at 50% 0%, rgba(244, 122, 32, .06) 0%, transparent 55%) !important; }
html:not(#pkb):not(#pkc) body .cat-tile::after { background-image: linear-gradient(135deg, rgba(244, 122, 32, .18) 0%, transparent 30%, transparent 70%, rgba(244, 122, 32, .1) 100%) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .cat-tile svg { color: #B5520F !important; stroke: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .cat-tile-count { color: #B5520F !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .cat-tile:hover .cat-tile-icon { filter: drop-shadow(0 0 5px rgba(244, 122, 32, .40)) !important; }
@media (hover: hover) {
  html:not(#pkb):not(#pkc) body .cat-tile:hover:not(.tos-page .cat-tile) { box-shadow: 0 1px rgba(255, 255, 255, .08) inset, 0 0 0 1px rgba(244, 122, 32, .18) inset, 0 22px 40px -22px rgba(0, 0, 0, .45), 0 6px 14px -8px rgba(244, 122, 32, .10) !important; }
  html:not([data-theme="light"]):not(#pkb):not(#pkc) body .cat-tile:hover .cat-tile-icon { filter: drop-shadow(0 0 8px rgba(244, 122, 32, .3)) !important; }
}
/* 18d. "The old way runs on hope" glow. */
html:not(#pkb):not(#pkc) body .stops::before { background-image: radial-gradient(closest-side, rgba(244, 122, 32, .08), transparent 70%) !important; }
/* 18e. Closing "Buy Smart. Sell Safe." call to action (not the deal seal): hex grid, glow, hexes, dots, circuit lines. */
html[data-theme="light"]:not(#pkb):not(#pkc) body .closing-seal.landing-protected-marketplace-cta { background-image: radial-gradient(circle at 76% 62%, rgba(244, 122, 32, .14), transparent 34%), linear-gradient(180deg, #FFFFFF 0%, #F8F6EF 100%) !important; }
html:not(#pkb):not(#pkc) body .landing-protected-marketplace-bg::before { background-image: linear-gradient(30deg, rgba(181, 82, 15, .34) 1px, transparent 1px), linear-gradient(150deg, rgba(181, 82, 15, .24) 1px, transparent 1px) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .landing-protected-marketplace-bg::before { background-image: linear-gradient(30deg, rgba(244, 122, 32, .20) 1px, transparent 1px), linear-gradient(150deg, rgba(244, 122, 32, .14) 1px, transparent 1px) !important; }
html:not(#pkb):not(#pkc) body .landing-protected-marketplace-bg::after { background-image: radial-gradient(circle at 74% 60%, rgba(255, 190, 140, .30), transparent 10%), radial-gradient(circle at 88% 74%, rgba(244, 122, 32, .16), transparent 16%) !important; }
html:not(#pkb):not(#pkc) body .cta-circuit-line { background-image: linear-gradient(90deg, transparent, rgba(181, 82, 15, .30), rgba(224, 106, 18, .85), rgba(181, 82, 15, .40), transparent) !important; box-shadow: 0 0 10px rgba(244, 122, 32, .28), 0 0 22px rgba(244, 122, 32, .14) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .cta-circuit-line { background-image: linear-gradient(90deg, transparent, rgba(244, 122, 32, .14), rgba(255, 154, 82, .72), rgba(244, 122, 32, .24), transparent) !important; }
html:not(#pkb):not(#pkc) body .cta-hex { box-shadow: 0 0 0 1.5px rgba(181, 82, 15, .60), 0 0 18px rgba(224, 106, 18, .30), 0 0 38px rgba(224, 106, 18, .16) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .cta-hex { box-shadow: 0 0 0 1px rgba(244, 122, 32, .38), 0 0 18px rgba(244, 122, 32, .26), 0 0 38px rgba(244, 122, 32, .14) !important; }
html:not(#pkb):not(#pkc) body .cta-hex::before { background-image: linear-gradient(60deg, transparent 49%, rgba(181, 82, 15, .50) 50%, transparent 51%), linear-gradient(120deg, transparent 49%, rgba(181, 82, 15, .40) 50%, transparent 51%), radial-gradient(circle, rgba(244, 150, 90, .50), transparent 42%) !important; box-shadow: inset 0 0 0 1px rgba(181, 82, 15, .55) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .cta-hex::before { background-image: linear-gradient(60deg, transparent 49%, rgba(244, 122, 32, .40) 50%, transparent 51%), linear-gradient(120deg, transparent 49%, rgba(244, 122, 32, .32) 50%, transparent 51%), radial-gradient(circle, rgba(244, 122, 32, .28), transparent 46%) !important; }
html:not(#pkb):not(#pkc) body .cta-dot { box-shadow: 0 0 12px rgba(181, 82, 15, .55) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .cta-dot { background-color: #FF9A52 !important; box-shadow: 0 0 12px rgba(244, 122, 32, .48) !important; }
/* 18f. Footer (every page): trust strip glow, trust link halo, signature line and glyph ring. */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .footer-v2-trust-strip { background-image: radial-gradient(720px 220px at 18% 50%, rgba(244, 122, 32, .10), transparent 60%), radial-gradient(620px 280px at 85% 140%, rgba(159, 199, 232, .06), transparent 60%), linear-gradient(180deg, rgba(27, 24, 21, .6) 0%, rgba(27, 24, 21, 0) 100%) !important; }
html:not(#pkb):not(#pkc) body .footer-v2-trust-cta { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 3px rgba(244, 122, 32, .05), 0 8px 22px rgba(244, 122, 32, .1) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .footer-v2-signature { background-image: linear-gradient(180deg, transparent 0%, transparent calc(50% - 1px), rgba(244, 122, 32, 0) 50%, transparent calc(50% + 1px), transparent 100%), radial-gradient(360px 80px at 50% 0%, rgba(244, 122, 32, .08), transparent 70%) !important; }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .footer-v2-sig-glyph { box-shadow: 0 0 0 3px rgba(244, 122, 32, .05), 0 0 16px rgba(244, 122, 32, .18) !important; }
/* 19. Owner 2026-10-16: info-page section numerals (01, 02, 03) in the new orange on every info page, and the POPIA "framework" card icons in orange (dark: one orange instead of eight colours; light: deeper orange so the icon stays legible on white). */
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .dossier-page .dossier-section-numeral { color: #F47A20 !important; }
html:not(#pkb):not(#pkc) body .dossier-page .dossier-section:not(.pks-reveal) .dossier-section-numeral { opacity: 1 !important; }
/* Footer "Cookie settings" arrival pulse on /cookies (same name as legal.css, which loads earlier, so this one wins). */
@keyframes pks-section-highlight-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(244, 122, 32, 0); } 20% { box-shadow: 0 0 0 4px rgba(244, 122, 32, .32), 0 0 28px rgba(244, 122, 32, .28); } 50% { box-shadow: 0 0 0 4px rgba(244, 122, 32, .24), 0 0 22px rgba(244, 122, 32, .18); } 100% { box-shadow: 0 0 0 0 rgba(244, 122, 32, 0); } }
html:not([data-theme="light"]):not(#pkb):not(#pkc) body .pp-page .pp-art-conditions-grid .pp-art-condition .pp-art-condition-icon { background: rgba(244, 122, 32, .14) !important; border-color: rgba(244, 122, 32, .42) !important; color: #F47A20 !important; box-shadow: 0 0 12px rgba(244, 122, 32, .2) !important; }
html[data-theme="light"]:not(#pkb):not(#pkc) body .pp-page .pp-art-conditions-grid .pp-art-condition .pp-art-condition-icon { color: #E06A12 !important; background-color: rgba(244, 122, 32, .10) !important; border-color: rgba(244, 122, 32, .42) !important; }
/* 22. Owner 2026-10-20: fully rounded (pill) buttons, site-wide. Corner radius only: no colour, border, shadow,
   padding or layout change. Segmented controls, input-attached buttons, icon tiles, toggles and card-buttons
   keep their shape (not listed, or excluded by :not() below), e.g. the return parcel-size picker. */
html:not(#pkb):not(#pkc) body :is(
  .btn, .btn-submit, .btn-social, .signup-step-back, .auth-back,
  .pku-modal-btn, .pks-protmodal-cta, .pks-cookie-btn, .pks-trust-nudge-cta, .footer-v2-trust-cta,
  .pks-lb-cta, .pks-prelaunch-btn, .s2fa-btn, .ve-btn, .rd-btn, .nf-btn, .pks-su-btn, .tp-cta-primary, .tp-cta-secondary,
  .pks-btn, .ho-btn, .ipb-btn, .pks-ms-btn, .pmt-act-btn, .pks-ks-btn, .pks-ext-btn, .pses-btn, .pses-upload-btn,
  .pks-prx-btn, .pks-dwz-btn, .pmc-return-btn, .pmc-modal-btn, .pks-rate-btn, .pks-qa-btn,
  .pks-buyer-banner-btn, .pks-seller-banner-btn, .pks-bdb-btn,
  .msg-offer-btn, .msg-offer-autorules-btn, .msg-modal-btn, .msg-deal-cta, .msg-deal-dispute-btn,
  .msg-tracking-entry-btn, .msg-ev-slot-btn, .msg-chat-offer-open, .msg-chat-ask-open, .msg-chat-report,
  .item-btn, .item-mobile-buybar-cta, .item-seller-cta, .seller-cta, .sp-btn,
  .acct-action-btn, .listings-card-action, .listings-card-invite-btn, .seller-preset-btn, .wallet-preset-btn,
  .sell-success-cta, .sell-photo-qc-btn, .sell-pay-back,
  .pks-pager-btn, .hero-cta-secondary-link, .pks-dp-cta, .pks-band-btn, .hiw-protect-cta-btn,
  .ctc-desk-cta, .paia-doc-btn, .hp-support-cta, .wis-btn, .pay-cta
):not(.btn-icon):not(.s2fa-btn--link) { border-radius: 999px !important; }
html:not(#pkb):not(#pkc) body .hiw-cta a { border-radius: 999px !important; }
html:not(#pkb):not(#pkc) body #pksInappModal > div > button:first-of-type { border-radius: 999px !important; }