/* ============================================================================
 * people-dark.css — page-specific dark overrides for radar/public/people.php
 * ----------------------------------------------------------------------------
 * Companion to radar-dark.css. radar-dark.css already covers the shared people
 * vocabulary (.ps-card / .sb-* / #ps-loading / #ps-entitlement-notice / the
 * shortlist drawer / nav.fixed). This file ONLY patches the bits that live as
 * INLINE light-mode styles inside people.php itself, which radar-dark.css can't
 * reach generically:
 *
 *   1. aside#filteration_panel_people  — radar-dark.css themes the COMPANY
 *      sidebar id (#filteration_panel_company); the people page uses a
 *      different id (#filteration_panel_people) with its own inline light bg.
 *   2. #nav_ps_box                     — the people nav name-search box
 *      (inline #f0ede8 fill + #705d00 button).
 *   3. .radar-contact-pop / .rcp-*     — contact-reveal popover (inline light).
 *   4. .radar-upgrade-toast / .rut-*   — upgrade toast (inline light).
 *
 * Loaded AFTER radar-dark.css so these win on equal specificity. All rules are
 * scoped under html[data-theme="dark"]; light mode is untouched.
 * ========================================================================== */

/* ---- 1. Left filter sidebar (people id) ---------------------------------- */
html[data-theme="dark"] aside#filteration_panel_people {
  background: var(--d-surface-grad) !important;
  border-right: 1px solid var(--d-border-glass) !important;
  color: var(--d-text-2);
}
html[data-theme="dark"] aside#filteration_panel_people::-webkit-scrollbar-track { background: transparent; }
html[data-theme="dark"] aside#filteration_panel_people::-webkit-scrollbar-thumb { background: rgba(222,224,115,0.22); border-radius: 2px; }
/* "Filters" heading (Tailwind text-[#1c1c19] is too dark on dark) */
html[data-theme="dark"] aside#filteration_panel_people .text-\[\#1c1c19\] { color: var(--d-text) !important; }

/* ---- 2. Nav name-search box ---------------------------------------------- */
html[data-theme="dark"] #nav_ps_box {
  background: var(--d-control-bg) !important;
  border: 1.5px solid var(--d-border-input) !important;
}
html[data-theme="dark"] #nav_ps_box:focus-within {
  border-color: var(--d-accent-soft) !important;
  background: rgba(0,0,0,0.32) !important;
}
html[data-theme="dark"] #nav_ps_box .material-symbols-outlined { color: var(--d-text-muted); }
html[data-theme="dark"] #nav_ps_box input { color: var(--d-text); }
html[data-theme="dark"] #nav_ps_box input::placeholder { color: var(--d-text-muted); }
html[data-theme="dark"] #nav_ps_box button { background: var(--d-accent); color: var(--d-accent-ink); }
html[data-theme="dark"] #nav_ps_box button:hover { background: #e9ea9a; }

/* ---- 3. Contact-reveal popover ------------------------------------------- */
html[data-theme="dark"] .radar-contact-pop {
  background: #1c1c1a;
  border: 1px solid var(--d-border-glass);
  box-shadow: 0 10px 30px rgba(0,0,0,0.55);
  color: var(--d-text-2);
}
html[data-theme="dark"] .radar-contact-pop .rcp-head { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-close { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-contact-pop .rcp-close:hover { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-label { color: var(--d-text-muted); }
html[data-theme="dark"] .radar-contact-pop .rcp-chip {
  background: var(--d-chip-bg);
  border: 1px solid var(--d-border-glass);
}
html[data-theme="dark"] .radar-contact-pop .rcp-chip a { color: var(--d-text-2); }
html[data-theme="dark"] .radar-contact-pop .rcp-chip a:hover { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-copy { color: var(--d-accent); }
html[data-theme="dark"] .radar-contact-pop .rcp-empty { color: var(--d-text-muted); }

/* ---- 4. Upgrade toast ---------------------------------------------------- */
html[data-theme="dark"] .radar-upgrade-toast {
  background: #1c1c1a;
  color: var(--d-text-2);
  border: 1px solid var(--d-accent-tab-line);
  border-left: 4px solid var(--d-accent);
  box-shadow: 0 6px 24px rgba(0,0,0,0.55);
}
html[data-theme="dark"] .radar-upgrade-toast .rut-link { background: var(--d-accent); color: var(--d-accent-ink); }
html[data-theme="dark"] .radar-upgrade-toast .rut-close { color: var(--d-text-muted); }

/* ===== market.ai polish (2026-06-02) ===== */
/* Card gaps were below spec (14px default / 8px variant-A); bump toward
   market.ai's roomier grid rhythm. */
html[data-theme="dark"] #people_results { gap: 18px !important; }
html[data-theme="dark"] #people_results.ps-variant-A { gap: 16px !important; }

/* ===== Social links + bulk-select (2026-06-03) ===== */
/* Social chips: dark glass base; brand colour reveals on hover. */
html[data-theme="dark"] .ps-soc {
  background: var(--d-chip-bg);
  border: 1px solid var(--d-border-glass);
  color: var(--d-text-2);
}
html[data-theme="dark"] .ps-soc-li { color: #6cb0f5; }
html[data-theme="dark"] .ps-soc-li:hover { background: #0a66c2; color: #fff; border-color: #0a66c2; }
html[data-theme="dark"] .ps-soc-x { color: var(--d-text); }
html[data-theme="dark"] .ps-soc-x:hover { background: #000; color: #fff; border-color: #000; }
html[data-theme="dark"] .ps-soc-w:hover { background: var(--d-accent); color: var(--d-accent-ink); border-color: var(--d-accent); }

/* Bulk-select checkbox + selected-card ring use the accent. The custom box
   gets a translucent dark fill + accent border so it's clearly visible on
   dark cards (a bare native checkbox was invisible — user couldn't find it). */
html[data-theme="dark"] .ps-select {
  background: rgba(255,255,255,0.06) !important;
  border-color: var(--d-accent) !important;
  box-shadow: none !important;
}
html[data-theme="dark"] .ps-select:hover { border-color: #e9ea9a !important; }
/* checked: accent fill + dark-ink checkmark SVG (white check would vanish on yellow) */
html[data-theme="dark"] input.ps-select:checked {
  background-color: var(--d-accent) !important; border-color: var(--d-accent) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231c1c19' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") !important;
}
html[data-theme="dark"] .ps-card.ps-card-selected {
  border-color: var(--d-accent) !important;
  box-shadow: 0 0 0 1.5px var(--d-accent) inset !important;
}

/* Floating bulk bar already dark; align border/accent with the dark palette. */
html[data-theme="dark"] .ps-bulkbar {
  background: #15150f;
  border: 1px solid var(--d-accent-tab-line);
  box-shadow: 0 12px 34px rgba(0,0,0,0.6);
}
html[data-theme="dark"] .ps-bulkbar-primary { background: var(--d-accent); color: var(--d-accent-ink); border-color: var(--d-accent); }
html[data-theme="dark"] .ps-bulkbar-primary:hover { background: #e9ea9a; }

/* Social fallback inside the contact popover. */
html[data-theme="dark"] .rcp-social .ps-soc { background: var(--d-chip-bg); border-color: var(--d-border-glass); }