/* ══ pn-popup-legibility-20260927.css — EVERY POP-UP, LEGIBLE (CEO, launch day 2026-09-27) ══════════
   "Have you fixed all popups to be legible and tested every one?" — measured, not eyeballed: every
   pop-up the game can show was triggered in a booted game at 1440×900 and 390×844 and every text node
   in it scored for WCAG contrast against the nearest opaque background (sweep script:
   scratchpad/popups.mjs). This file fixes each failure it found. Load it LAST in play.html.

   Selectors lead with `html:not(#pnpl-x) body` so they carry an ID's weight and beat pn-ds.css's
   `:not(#pn-ds-never)` rules and the ID-level rules in pn-blockcolour / style-01, with !important
   because the rules they replace are !important.

   1 · THE BIGMODAL FAMILY (#toast.bigmodal — toastBig() / pnConfirm(): welcome, welcome back,
       promoted, super-agency, super-client, CFO hire offer, reports, every in-world confirm).
       Measured: a navy card (#15111f) over a navy scrim — the CEO's banned "dark pop on a dark
       background". The WELCOME instance was already made a porcelain card in pn-blockcolour
       (:has(.pn-welcome-pt)); WELCOME BACK and every sibling was left dark. One component, one
       treatment: every bigmodal is now the same warm porcelain block with dark ink, popped off the
       dark scrim, and every piece of content inside it (inline #f0a35e warnings, muted greys,
       pills, role buttons, the stats strip) re-inked so nothing light is left on the light card. */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card{
  background: #f3f0ea !important;
  background-image: none !important;
  border: 1px solid rgba(28,19,11,.14) !important;
  color: #1c130b !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card .mac-titlebar{
  background: rgba(28,19,11,.05) !important;
  border-bottom: 1px solid rgba(28,19,11,.12) !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card .mac-tb-title{ color: #5c4a38 !important; -webkit-text-fill-color: #5c4a38 !important; }
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body,
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body :is(p, li, span, div, dd, dt, td, th, small, em, i, label){
  color: #3a2e22 !important;
  -webkit-text-fill-color: #3a2e22 !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body :is(b, strong, h1, h2, h3, h4, .wb-title, .wb-stats b){
  color: #1c130b !important;
  -webkit-text-fill-color: #1c130b !important;
  background-image: none !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body :is(.muted, .small.muted, .wb-sub, .wb-stats, .sub, .note){
  color: #5c4a38 !important;
  -webkit-text-fill-color: #5c4a38 !important;
}
/* the list rows in WELCOME BACK were translucent-white chips — on porcelain they need an edge */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .wb-feed li{
  background: rgba(28,19,11,.04) !important;
  border-color: rgba(28,19,11,.14) !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .wb-feed li::before{ color: #b4380d !important; }
/* inline warning / accent colours written for a navy card (#f0a35e, var(--accent), the gold) — on
   porcelain they measure 2:1. Same hue, the deep version. */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#f0a35e"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#f97316"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="--accent"]:not(.pill),
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#fbbf24"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#f5c451"]{
  color: #9a3412 !important; -webkit-text-fill-color: #9a3412 !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#4ade80"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#34d399"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .good:not(.pill){
  color: #166534 !important; -webkit-text-fill-color: #166534 !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body [style*="#f87171"],
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .bad:not(.pill){
  color: #991b1b !important; -webkit-text-fill-color: #991b1b !important;
}
/* pills: solid chip, dark ink on the orange (white on #f97316 measured 2.69) */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .pill,
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .pill.warn{
  background: #f97316 !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
  border-color: transparent !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .pill.good{
  background: #166534 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .pill.bad{
  background: #991b1b !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;
}
/* the welcome's numbered points: grey (#a9b8cc) numerals on the orange disc measured 1.39 */
html:not(#pnpl-x) body #toast.bigmodal .pn-welcome-pt > i{
  background: #f97316 !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
}
/* buttons in the card body (the promotion's role picker) */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body :is(button, .rolebtn){
  background: #ffffff !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
  border: 1px solid rgba(28,19,11,.28) !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body :is(button, .rolebtn) :is(span, .muted, small){
  color: #5c4a38 !important; -webkit-text-fill-color: #5c4a38 !important;
}
/* the foot: primary = orange with dark ink (white on #f97316 measured 2.69); ghost = dark ink */
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-foot{ border-top-color: rgba(28,19,11,.12) !important; }
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-foot :is(button.primary, .pn-btn--primary, .pn-cf-yes){
  background: #f97316 !important; background-image: none !important;
  color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-foot :is(.pn-btn--ghost, .pn-cf-no){
  background: transparent !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
  border: 1px solid rgba(28,19,11,.32) !important;
}

/* 2 · THE VAULT RECEIPT (#vv-ov .vv-receipt) — the paper slip is cream, but its masthead
   ("Receipt", the REF and the timestamp) kept the window's white ink: measured 1.15:1. */
html:not(#pnpl-x) body #vv-ov .vv-receipt :is(.vv-mast h2, .vv-mast p, .vv-mast){
  color: #1c130b !important; -webkit-text-fill-color: #1c130b !important; background-image: none !important;
}
html:not(#pnpl-x) body #vv-ov .vv-receipt .vv-mast p{ color: #4a3b2c !important; -webkit-text-fill-color: #4a3b2c !important; }
html:not(#pnpl-x) body #vv-ov .vv-receipt :is(.vv-totals span, .vv-totals i, .vv-thanks, .vv-eye, .vv-row, .vv-row *){
  color: #2a2016 !important; -webkit-text-fill-color: #2a2016 !important;
}
html:not(#pnpl-x) body #toast.bigmodal .bigmodal-card-body .pill{
  display: inline-block !important; padding: 4px 8px !important; border-radius: 3px !important; line-height: 1.1 !important;
}

/* 3 · THE TOUR TIP (.pno-card, pn-onboarding.js) — a translucent glass panel over the live page:
   measured 1.19:1 where the Floor's own display type ("The knives are out.") showed straight
   through the card under "Skip tour". A coachmark is read, not admired: solid porcelain block,
   dark ink, same family as the bigmodals, popped off the tour's dark spotlight scrim. */
html:not(#pnpl-x) body .pno-card{
  background: #f3f0ea !important; background-image: none !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 1px solid rgba(28,19,11,.16) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.55) !important;
  color: #1c130b !important;
}
html:not(#pnpl-x) body .pno-card :is(.pno-body p, .pno-body, .pno-count){
  color: #3a2e22 !important; -webkit-text-fill-color: #3a2e22 !important;
}
html:not(#pnpl-x) body .pno-card :is(.pno-title, h3){
  color: #1c130b !important; -webkit-text-fill-color: #1c130b !important; background-image: none !important;
}
html:not(#pnpl-x) body .pno-card .pno-eyebrow{ color: #9a3412 !important; -webkit-text-fill-color: #9a3412 !important; }
html:not(#pnpl-x) body .pno-card :is(.pno-skip, .pno-x){
  color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
}
html:not(#pnpl-x) body .pno-card .pno-x{ border-color: rgba(28,19,11,.3) !important; background: transparent !important; }
html:not(#pnpl-x) body .pno-card .pno-foot{ border-top-color: rgba(28,19,11,.12) !important; }
html:not(#pnpl-x) body .pno-card .lg-btn--primary{
  background: #f97316 !important; background-image: none !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
}
html:not(#pnpl-x) body .pno-card .lg-btn--secondary{
  background: transparent !important; color: #1c130b !important; -webkit-text-fill-color: #1c130b !important;
  border: 1px solid rgba(28,19,11,.32) !important;
}

/* 4 · THE PILOT-SEASON WELCOME (#pnps-welcome) — the "FREE TO PLAY · ENDS SAT 31 OCT" chip printed
   pale ink on its own pale peach tint (measured ~1:1). Deep orange ink on the tint. */
html:not(#pnpl-x) body #pnps-welcome .pnps-hdr-eyebrow{
  color: #9a3412 !important; -webkit-text-fill-color: #9a3412 !important;
}
/* the pilot welcome's CLOSE sits on the hero art on a 50% navy chip — give the chip a solid ground
   so the label never depends on what part of the picture is under it. */
html:not(#pnpl-x) body #pnps-welcome .pnps-welcome-x{ background: rgba(11,28,48,.94) !important; color: #f8f9ff !important; }

/* 2b · the receipt's PAID stamp: rust at 4.35:1 on the paper; one step deeper */
html:not(#pnpl-x) body #vv-ov .vv-receipt .vv-paid{ color: #9a2a1a !important; border-color: #9a2a1a !important; }

/* 5 · THE FEEDBACK PANEL (#pnfb-panel) — three small labels under AA on the slate panel:
   "we read every message" 3.75, the PITCHNOIR sender tag 3.86, the attach disclaimer 3.03.
   Colour only; nothing about the panel's layout is touched (pn-feedback* is owned elsewhere). */
html:not(#pnpl-x) body #pnfb-panel .pnfb-head-sub{ color: #b4bcc9 !important; }
html:not(#pnpl-x) body #pnfb-panel .pnfb-from{ color: #fb923c !important; }
html:not(#pnpl-x) body #pnfb-panel .pnfb-disclaimer{ color: #aab3c2 !important; }