/* ══════════════════════════════════════════════════════════════════════════════════════════════
   pn-review-b-20260927.css — THE REVIEW (client work, stage 03 PRESENT) in DIRECTION B "TEAR-SHEET"
   CEO 2026-09-27: "Why does presenting work look so bad". Measured on his 1440 crop + our own renders
   (scratchpad reviewb/before_*):
     1 · the TESTER RUN chip (fixed top-left, pn-launch-polish) sat on "03 | PRESENT";
     2 · dark-on-dark — PAGE / STRENGTH / THEIR SIGN-OFF / THE ACCOUNT / PICK-UP in 8–9px grey mono;
     3 · orange used as TEXT (the fee, the seal, the stamps, THE VISIONARY, the lead bar);
     4 · the SIGN-OFF foot sat over the sheet: rows and notes were clipped mid-line inside a
         viewport-height grid (rows overflow:auto + side overflow:hidden) — at 390 row 01 lost its name;
     5 · flat, cramped, the room plate/video showing as clipped strips at the edges.

   THE BUILD (hierarchy top → bottom):
     client + job header (Inter 900) · ON THE TABLE in a COBALT block (fee counts up, relationship
     meter fills, real sheet average) · the ROUTING SHEET on PAPER with strong ink (bars grow, scores
     count up, a live stamp-tally chart) · the CLIENT on a paper panel with THE ACCOUNT as a cobalt
     inset · the SIGN-OFF as a dark instrument slab that is part of the document flow (sticky, never
     over content: the page scrolls, the foot takes its own space).
   Stamps: AMEND = gold chip (dark ink) · APPROVED = emerald chip (white) · CHALLENGED = the red that
   already existed for rework (white). Orange = buttons + the ONE active marker (the live row + needle).

   Specificity: `html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body …` (3 id tiers) — the
   tear-sheet escalation — so it wins the stack of pn-review-2026*, pn-final, pn-pitch-flow rules,
   most of which are !important. Loaded LAST in play.html. Markup hooks it relies on (script-01.js,
   the review block): .rv-rel, .rv-atstake-avg, .rv-tally, [data-rvb-count], --i on .rv-row.
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

.pn-review{
  --rvb-cobalt: radial-gradient(130% 150% at 12% -18%, rgba(255,255,255,.28), transparent 55%), var(--rvb-noise), linear-gradient(150deg, #2a4fc4, #12245e);
  --rvb-emerald-chip: var(--rvb-noise), linear-gradient(150deg, #188062, #0b5e45);
  --rvb-emerald: radial-gradient(130% 150% at 12% -18%, rgba(255,255,255,.22), transparent 55%), var(--rvb-noise), linear-gradient(150deg, #188062, #0b5e45);   /* §5h: text-bearing emerald; #1fa37a fails AA with white */
  --rvb-gold: radial-gradient(130% 150% at 12% -18%, rgba(255,255,255,.5), transparent 55%), var(--rvb-noise), linear-gradient(150deg, #ffd24a, #f0a500);
  --rvb-red: var(--rvb-noise), linear-gradient(150deg, #c0392b, #8e1f14);
  --rvb-paper: radial-gradient(130% 150% at 12% -18%, rgba(255,255,255,.65), transparent 55%), var(--rvb-noise), linear-gradient(170deg, #f3efe6, #e9e1cf);
  --rvb-slab: radial-gradient(120% 160% at 10% -30%, rgba(120,150,210,.16), transparent 55%), var(--rvb-noise), linear-gradient(180deg, #172238, #0c1320);
  --rvb-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");
  --rvb-ink: #140a04; --rvb-ink2: #3d3226; --rvb-hair: rgba(20,10,4,.16);   /* §5h paper inks */ --rvb-frame: #0b1c30;
  --rvb-white: #f8f9ff; --rvb-soft: #d6deec;
  --rvb-depth: inset 0 1px 0 rgba(255,255,255,.34), inset 0 -22px 34px -24px rgba(0,0,0,.28), 0 22px 40px -18px rgba(0,0,0,.6), 0 3px 8px rgba(0,0,0,.3);
  --rvb-disp: Inter, 'Instrument Sans', IS, system-ui, sans-serif;
  --rvb-body: 'Instrument Sans', IS, Inter, system-ui, sans-serif;
  --rvb-mono: 'JetBrains Mono', JB, var(--mono, ui-monospace), ui-monospace, monospace;
}

/* ── 0 · THE ROOM: one calm ground. The plate is a blurred wash, the video and the bleed word go —
   they were the clipped "CLIENT / LIVE / REC" strips and the "THE SI…" word behind the header. ── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review{
  background: radial-gradient(90% 60% at 50% -10%, #1c2c4f 0%, rgba(28,44,79,0) 70%), #0a0f1a !important;
  overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch;
  color: var(--rvb-white) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review.has-fork{ overflow-y: hidden !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review *{ -webkit-text-fill-color: currentColor !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-deco{ position: fixed !important; inset: 0 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-plate{
  inset: -40px !important; opacity: .16 !important; filter: blur(28px) grayscale(.6) brightness(.7) !important; transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-plate-vid,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-bleed{ display: none !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-grain{
  opacity: 1 !important; mix-blend-mode: normal !important; background: var(--rvb-noise) !important; background-size: 140px 140px !important;
}

/* ── 1 · THE SHELL: a document that scrolls. No viewport-height grid, so nothing is clipped. ─── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-shell{
  position: relative !important; z-index: auto !important;   /* no stacking context: the fork window must rise above the scrim */
  display: flex !important; flex-direction: column !important; gap: 14px !important;
  height: auto !important; min-height: 100% !important;
  max-width: 1320px !important; margin: 0 auto !important;
  padding: 0 clamp(16px, 3vw, 40px) 0 !important;
  background: none !important; color: var(--rvb-white) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-shell::before{ display: none !important; }

/* ── 2 · THE HEADER: seal, client, job. The tester chip gets its own lane above it. ─────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast{
  display: grid !important; grid-template-columns: minmax(0,1fr) minmax(280px, 360px) !important;
  align-items: end !important; gap: 24px !important;
  padding: 22px 0 0 !important; margin: 0 !important;
  background: none !important; border: 0 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-tester-on .pn-review .rv-mast{ padding-top: 58px !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast-l{ min-width: 0; padding-bottom: 4px; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast .pn-stgseal{
  display: inline-flex !important; align-items: center !important; gap: 10px !important;
  padding: 5px 12px 5px 5px !important; border: 1.5px solid rgba(248,249,255,.55) !important; border-radius: 3px !important;
  background: rgba(255,255,255,.06) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast .pn-stgseal-n{
  display: grid !important; place-items: center !important; min-width: 34px; height: 30px; padding: 0 6px !important;
  background: var(--rvb-white) !important; color: #0b1c30 !important; border: 0 !important; border-radius: 2px !important;
  font: 900 17px/1 var(--rvb-disp) !important; font-style: normal !important; letter-spacing: -.02em !important; text-shadow: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast .pn-stgseal-t i{
  color: var(--rvb-white) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .18em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast .pn-stgseal-t em{
  color: var(--rvb-soft) !important; font: 700 11px/1.2 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-brand{
  margin: 12px 0 0 !important; color: var(--rvb-white) !important;
  font: 900 clamp(34px, 3.9vw, 54px)/.98 var(--rvb-disp) !important; font-style: normal !important;
  letter-spacing: -.035em !important; text-transform: none !important; text-wrap: balance;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-meta{
  margin-top: 12px !important; color: var(--rvb-soft) !important;
  font: 700 12px/1.5 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase;
}

/* ── 3 · ON THE TABLE — the money, in a COBALT block. Fee counts up; the relationship meter fills. */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake{
  position: relative; display: grid !important; gap: 4px !important; text-align: left !important;
  padding: 12px 18px 14px !important; margin: 0 !important;
  background-image: var(--rvb-cobalt) !important; background-color: #1d3a93 !important; background-blend-mode: normal, overlay, normal !important;
  border: 3px solid var(--rvb-frame) !important; border-radius: 3px !important; box-shadow: var(--rvb-depth) !important;
  color: var(--rvb-white) !important; overflow: hidden;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake::after{
  content: ""; position: absolute; top: 0; right: 0; width: 64px; height: 64px; pointer-events: none;
  background-image: radial-gradient(#fff 1.1px, transparent 1.1px); background-size: 7px 7px; opacity: .16;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-k{
  justify-self: start; padding: 4px 8px !important; border: 1.5px solid rgba(255,255,255,.75) !important; border-radius: 2px;
  color: var(--rvb-white) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .14em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-v{
  margin: 4px 0 0 !important; color: var(--rvb-white) !important;
  font: 900 clamp(30px, 3vw, 38px)/1 var(--rvb-disp) !important; letter-spacing: -.03em !important;
  font-variant-numeric: tabular-nums; text-shadow: 0 1px 0 rgba(0,0,0,.35) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-s,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-avg{
  display: flex !important; justify-content: space-between; align-items: baseline; gap: 10px;
  margin: 4px 0 0 !important; color: var(--rvb-white) !important;
  font: 700 12px/1.2 var(--rvb-mono) !important; letter-spacing: .1em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-s b,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-avg b{
  font: 900 18px/1 var(--rvb-disp) !important; letter-spacing: -.01em !important; font-variant-numeric: tabular-nums; color: var(--rvb-white) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-rel{
  display: block; height: 10px; border-radius: 2px; overflow: hidden;
  background: rgba(4,10,30,.45); box-shadow: inset 0 1px 2px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.18);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-rel > i{
  display: block; height: 100%; width: var(--v, 0%);
  background: linear-gradient(90deg, #1fa37a, #5fe0b0); box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
  transform-origin: left center; animation: rvbGrow 1.1s cubic-bezier(.2,.8,.2,1) .25s both;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-atstake-avg{ padding-top: 8px; border-top: 1.5px solid rgba(255,255,255,.28); }

@keyframes rvbGrow{ from{ transform: scaleX(0) } to{ transform: scaleX(1) } }

/* ── 4 · THE BODY: sheet + client side by side, natural height (the page scrolls, never clips) ─ */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-body{
  display: grid !important; grid-template-columns: minmax(0, 1.6fr) minmax(300px, .9fr) !important;
  gap: 18px !important; align-items: stretch !important;
  height: auto !important; min-height: 0 !important; overflow: visible !important;
  flex: 1 0 auto; border: 0 !important; background: none !important;
}

/* 4a · THE ROUTING SHEET — PAPER, strong ink ─────────────────────────────────────────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet{
  display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; overflow: hidden !important;
  background-image: var(--rvb-paper) !important; background-color: #efe9dc !important; background-blend-mode: normal, multiply, normal !important;
  border: 3px solid var(--rvb-frame) !important; border-radius: 3px !important; box-shadow: var(--rvb-depth) !important;
  color: var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-hd{
  display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap;
  padding: 12px 20px 10px !important; margin: 0 !important; opacity: 1 !important;
  background: none !important; border: 0 !important; border-bottom: 2px solid var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-t{
  color: var(--rvb-ink) !important; font: 900 19px/1.1 var(--rvb-disp) !important; letter-spacing: -.02em !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-r{
  padding: 4px 8px; border: 1.5px solid var(--rvb-ink); border-radius: 2px;
  color: var(--rvb-ink) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .1em !important; text-transform: uppercase !important;
}
/* the old "signed" wash (a 9% ok/amend tint over the whole sheet) turned the paper mint — the chips
   and the tally carry the outcome now */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet::after,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet::before{ display: none !important; }
/* the stamp tally — a live chart of the verdicts actually landed, filled by rvbTally() */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally{
  display: grid; grid-template-columns: minmax(120px, 1fr) auto; align-items: center; gap: 14px;
  padding: 8px 20px; border-bottom: 1px solid var(--rvb-hair); background: rgba(29,17,3,.035);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar{
  display: flex; height: 12px; border-radius: 2px; overflow: hidden; background: rgba(29,17,3,.12);
  box-shadow: inset 0 1px 2px rgba(29,17,3,.25);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar > i{
  display: block; height: 100%; width: 0; transition: width .6s cubic-bezier(.2,.8,.2,1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar > i[data-k="approve"]{ background: linear-gradient(180deg, #1fa37a, #0b5e45); }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar > i[data-k="amend"]{ background: linear-gradient(180deg, #ffd24a, #f0a500); }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar > i[data-k="challenge"]{ background: linear-gradient(180deg, #c0392b, #8e1f14); }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-lg{
  display: flex; flex-wrap: wrap; gap: 6px 14px; color: var(--rvb-ink2);
  font: 700 12px/1.2 var(--rvb-mono); letter-spacing: .06em; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-lg b{
  font: 900 14px/1 var(--rvb-disp); color: var(--rvb-ink); margin-right: 2px; font-variant-numeric: tabular-nums;
}
/* the column head */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols{
  display: grid !important; grid-template-columns: 30px minmax(0,1fr) minmax(90px,170px) 44px 136px !important; gap: 14px !important;
  padding: 9px 20px !important; opacity: 1 !important; border: 0 !important; border-bottom: 1px solid var(--rvb-hair) !important;
  color: var(--rvb-ink2) !important; font: 800 11px/1.2 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols > span{ color: var(--rvb-ink2) !important; white-space: nowrap; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols > span:first-child{ grid-column: 1 / 3 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols-str{ grid-column: 3 / 5 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols-sig{ grid-column: 5 !important; text-align: right !important; }
/* the rows */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-rows{
  overflow: visible !important; max-height: none !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row{
  position: relative;
  display: grid !important; grid-template-columns: 30px minmax(0,1fr) minmax(90px,170px) 44px 136px !important;
  grid-template-areas: "n disc str q stamp" !important;
  align-items: center !important; gap: 6px 14px !important;
  padding: 9px 20px 9px 17px !important; opacity: 1 !important;
  background: none !important; border: 0 !important; border-left: 3px solid transparent !important; border-bottom: 1px solid var(--rvb-hair) !important;
  color: var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row:last-child{ border-bottom: 0 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-n{ grid-area: n !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-disc{ grid-area: disc !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-strength{ grid-area: str !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-q{ grid-area: q !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-stamp{ grid-area: stamp !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-line{ grid-area: line !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-lead{
  grid-template-areas: "n disc str q stamp" ". line line line stamp" !important;
  border-left-color: #2a4fc4 !important; background: rgba(42,79,196,.06) !important;
}
/* the ONE active marker: the page being marked right now */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-live{
  border-left-color: #f97316 !important; background: rgba(249,115,22,.08) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-n,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-n{
  color: var(--rvb-ink2) !important; font: 800 12px/1 var(--rvb-mono) !important; font-variant-numeric: tabular-nums;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-disc,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-disc{
  color: var(--rvb-ink) !important; font: 900 18px/1.15 var(--rvb-disp) !important; font-style: normal !important;
  letter-spacing: -.02em !important; text-transform: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-lead .rv-row-disc{ font-size: 21px !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-line{
  margin: 2px 0 0 !important; max-width: 62ch; color: var(--rvb-ink2) !important;
  font: 600 italic 14.5px/1.45 var(--rvb-body) !important;
}
/* strength — the bar grows from zero, staggered down the sheet */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row-strength{
  display: block !important; height: 12px !important; border-radius: 2px; overflow: hidden !important;
  background: rgba(29,17,3,.12) !important; box-shadow: inset 0 1px 2px rgba(29,17,3,.22);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row-strength > i{
  display: block !important; height: 100% !important; opacity: 1 !important;
  background: linear-gradient(180deg, #3a62dc, #12245e) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
  transform-origin: left center; animation: rvbGrow .9s cubic-bezier(.2,.8,.2,1) both;
  animation-delay: calc(var(--i, 0) * 90ms + 200ms);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row-q,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row:not(.is-marked):not(.is-live) .rv-row-q{
  color: var(--rvb-ink) !important; font: 900 19px/1 var(--rvb-disp) !important; text-align: right !important;
  font-variant-numeric: tabular-nums; letter-spacing: -.01em !important;
}
/* stamps — CHIPS, never orange text */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp{
  justify-self: end !important; align-items: flex-end !important;
  padding: 6px 9px !important; border: 0 !important; border-radius: 2px !important; transform: none;
  font: 800 11px/1.1 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp em{
  margin-top: 3px !important; font: 700 10px/1.1 var(--rvb-mono) !important; letter-spacing: .06em !important; opacity: 1 !important; color: inherit !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp--none{ padding: 6px 2px !important; background: none !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp-wait{
  color: var(--rvb-ink2) !important; opacity: 1 !important; font: 800 13px/1 var(--rvb-mono) !important; letter-spacing: .3em !important; font-style: normal !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp--approve{
  background-image: var(--rvb-emerald-chip) !important; background-color: #0e6d50 !important; color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 2px 4px rgba(11,94,69,.35) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp--amend{
  background-image: var(--rvb-gold) !important; background-color: #f6bb22 !important; color: var(--rvb-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 2px 4px rgba(160,110,0,.35) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stamp--challenge{
  background-image: var(--rvb-red) !important; background-color: #a52c1f !important; color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 2px 4px rgba(142,31,20,.35) !important;
}
/* the line you are defending — the paper's foot */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-foot{
  position: static !important; margin: 0 !important; padding: 12px 20px 14px !important;
  background: rgba(29,17,3,.06) !important; border: 0 !important; border-top: 2px solid var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-foot-k{
  display: inline-block !important; padding: 4px 8px; border: 1.5px solid var(--rvb-ink); border-radius: 2px;
  color: var(--rvb-ink) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-foot-angle{
  margin: 8px 0 0 !important; max-width: 60ch !important; color: var(--rvb-ink) !important;
  font: 800 clamp(17px, 1.6vw, 21px)/1.3 var(--rvb-disp) !important; font-style: normal !important; letter-spacing: -.015em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-foot-by{
  margin-top: 10px !important; color: var(--rvb-ink2) !important; font: 700 11px/1.3 var(--rvb-mono) !important; letter-spacing: .1em !important;
}

/* 4b · THE CLIENT — a paper panel; THE ACCOUNT is a cobalt inset (information) ─────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-side{
  display: flex !important; flex-direction: column !important; height: auto !important; min-height: 0 !important; overflow: hidden !important;
  background-image: var(--rvb-paper) !important; background-color: #efe9dc !important; background-blend-mode: normal, multiply, normal !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  border: 3px solid var(--rvb-frame) !important; border-radius: 3px !important; box-shadow: var(--rvb-depth) !important;
  color: var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-client{
  padding: 16px 18px !important; gap: 14px !important; border: 0 !important; border-bottom: 1px solid var(--rvb-hair) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-client-mug{
  width: 58px !important; height: 68px !important; border: 3px solid var(--rvb-frame) !important; border-radius: 2px;
  filter: grayscale(.2) contrast(1.05) !important; box-shadow: 0 6px 12px -6px rgba(0,0,0,.5);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-client-id b{
  color: var(--rvb-ink) !important; font: 900 19px/1.1 var(--rvb-disp) !important; letter-spacing: -.02em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-client-id span{
  color: var(--rvb-ink2) !important; font: 600 13px/1.35 var(--rvb-body) !important; margin-top: 4px !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-client-id em{
  margin-top: 8px !important; padding: 4px 8px !important; border: 1.5px solid var(--rvb-ink) !important; border-radius: 2px;
  color: var(--rvb-ink) !important; background: none !important;
  font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .12em !important; font-style: normal !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-said{
  margin: 0 !important; padding: 16px 18px !important; min-height: 0 !important; border: 0 !important; border-bottom: 1px solid var(--rvb-hair) !important;
  color: var(--rvb-ink) !important; font: 800 17px/1.4 var(--rvb-disp) !important; font-style: normal !important; letter-spacing: -.01em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-hist{
  position: relative; margin: 14px 14px 4px !important; padding: 12px 14px 13px !important;
  background-image: var(--rvb-cobalt) !important; background-color: #1d3a93 !important; background-blend-mode: normal, overlay, normal !important;
  border: 2px solid var(--rvb-frame) !important; border-radius: 3px !important; box-shadow: 0 10px 18px -12px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.3) !important;
  color: var(--rvb-white) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-hist-k{
  display: inline-block !important; padding: 3px 7px; border: 1.5px solid rgba(255,255,255,.75); border-radius: 2px;
  color: var(--rvb-white) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-hist-t{
  margin: 8px 0 0 !important; color: var(--rvb-white) !important; font: 600 14px/1.45 var(--rvb-body) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-hist-tape{
  margin-top: 8px !important; color: var(--rvb-white) !important; font: 700 11px/1.2 var(--rvb-mono) !important; letter-spacing: .1em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-notes-hd{
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 14px 18px 10px !important; border: 0 !important;
  color: var(--rvb-ink) !important; font: 900 16px/1 var(--rvb-disp) !important; letter-spacing: -.01em !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-notes-hd > span{ color: var(--rvb-ink) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-notes-n{
  display: grid; place-items: center; min-width: 26px; height: 24px; padding: 0 6px; border-radius: 2px;
  background: var(--rvb-frame) !important; color: var(--rvb-white) !important;
  font: 900 13px/1 var(--rvb-disp) !important; font-style: normal !important; font-variant-numeric: tabular-nums;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-notes{
  /* the notes take whatever height the sheet leaves them (flex-basis 0): the client panel ends where
     the sheet ends, and the list scrolls inside a fade instead of pushing the page under the foot */
  flex: 1 1 0 !important; min-height: 150px !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important;
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 26px), transparent); mask-image: linear-gradient(180deg, #000 calc(100% - 26px), transparent);
  scrollbar-width: thin; scrollbar-color: rgba(29,17,3,.45) transparent;
  padding: 4px 14px 16px !important; gap: 10px !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note{
  padding: 11px 12px 11px 14px !important; margin: 0 2px !important;
  background: #fffdf7 !important; border: 1px solid var(--rvb-hair) !important; border-left: 4px solid var(--rvb-ink2) !important; border-radius: 2px;
  box-shadow: 0 8px 14px -10px rgba(29,17,3,.45) !important; color: var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--approve{ border-left-color: #0b5e45 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--amend{ border-left-color: #f0a500 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--challenge{ border-left-color: #a52c1f !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note-k{
  display: inline-block; padding: 4px 7px; border-radius: 2px; border: 1.5px solid var(--rvb-ink);
  color: var(--rvb-ink) !important; font: 800 10.5px/1 var(--rvb-mono) !important; letter-spacing: .12em !important; text-transform: uppercase;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--approve .rv-note-k{ background: var(--rvb-emerald-chip); background-color: #0e6d50; border-color: transparent; color: #fff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--amend .rv-note-k{ background: var(--rvb-gold); background-color: #f6bb22; border-color: transparent; color: var(--rvb-ink) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note--challenge .rv-note-k{ background: var(--rvb-red); background-color: #a52c1f; border-color: transparent; color: #fff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note-t{
  margin: 7px 0 0 !important; color: var(--rvb-ink) !important; font: 500 14px/1.45 var(--rvb-body) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note-by{
  margin-top: 6px !important; color: var(--rvb-ink2) !important; font: 700 11px/1.2 var(--rvb-mono) !important; letter-spacing: .06em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-note-empty{
  color: var(--rvb-ink2) !important; font: 500 italic 14px/1.5 var(--rvb-body) !important;
}

/* ── 5 · THE SIGN-OFF — a dark instrument slab IN the flow. Sticky to the bottom of the scroll,
   so it takes its own space and can never sit on the sheet or the notes. ───────────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-foot,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-tester-on .pn-review .rv-foot{
  position: sticky !important; bottom: 0 !important; z-index: 5 !important;
  display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; align-items: center !important; gap: 12px 28px !important;
  margin: 2px 0 0 !important; padding: 12px 22px 14px !important;
  background-image: var(--rvb-slab) !important; background-color: #111a2b !important;
  border: 3px solid var(--rvb-frame) !important; border-bottom: 0 !important; border-radius: 4px 4px 0 0 !important;
  box-shadow: 0 -24px 40px -22px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.14) !important;
  color: var(--rvb-white) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff{
  position: static !important; margin: 0 !important; padding: 0 !important; min-width: 0;
  background: none !important; border: 0 !important; box-shadow: none !important; opacity: 1;
  display: grid !important; grid-template-columns: auto minmax(0,1fr) !important; grid-template-areas: "hd track" "hd read" !important;
  align-items: center !important; column-gap: 22px !important; row-gap: 0 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-hd{
  grid-area: hd; display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: center !important; gap: 8px !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-track{ grid-area: track; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-read{ grid-area: read; }
/* the dock note repeats the sign-off read-out; on desktop the band stays one line tall without it */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .rv-dock-note{ display: none !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-k{
  color: var(--rvb-white) !important; font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .16em !important; text-transform: uppercase !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-k .d{ display: none !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp{
  display: inline-block !important; margin: 0 !important; padding: 7px 14px 6px !important; border-radius: 3px !important;
  font: 900 24px/1 var(--rvb-disp) !important; font-style: normal !important; letter-spacing: -.02em !important; text-transform: uppercase !important;
  border: 2px solid rgba(248,249,255,.6) !important; background: rgba(255,255,255,.05) !important;
  color: var(--rvb-white) !important; -webkit-text-fill-color: var(--rvb-white) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 14px -8px rgba(0,0,0,.7) !important;
  transition: background-color .35s ease;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp.is-unseen{ font-size: 18px !important; padding: 7px 12px !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp.is-approved{
  background-image: var(--rvb-emerald) !important; background-color: #138061 !important; border-color: rgba(255,255,255,.35) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp.is-changes{
  background-image: var(--rvb-gold) !important; background-color: #f6bb22 !important; border-color: rgba(29,17,3,.5) !important;
  color: var(--rvb-ink) !important; -webkit-text-fill-color: var(--rvb-ink) !important; text-shadow: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp.is-rejected{
  background-image: var(--rvb-red) !important; background-color: #a52c1f !important; border-color: rgba(255,255,255,.35) !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
/* the track: three solid zones, each with its own legible ink; the needle is the active marker */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-track{
  position: relative !important; height: 30px !important; margin: 8px 0 8px !important; overflow: visible !important;
  border: 2px solid var(--rvb-frame) !important; border-radius: 3px !important; background: #0b1c30 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.12);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone{
  top: 0 !important; bottom: 0 !important; border: 0 !important; overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28), inset -1px 0 0 rgba(0,0,0,.35);
  filter: saturate(.75) brightness(.86); transition: filter .4s ease;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone::before{ display: none !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone > i{
  font: 800 12px/1 var(--rvb-mono) !important; letter-spacing: .1em !important; font-style: normal !important; white-space: nowrap;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--rework{ background: linear-gradient(180deg, #c0392b, #8e1f14) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--rework > i{ color: #fff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--amend{ background: linear-gradient(180deg, #ffd24a, #f0a500) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--amend > i{ color: var(--rvb-ink) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--approve{ background: linear-gradient(180deg, #188062, #0b5e45) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone--approve > i{ color: #fff !important; }
/* the zone the needle stands in lights up (full colour); the others sit back but stay AA */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review:is(.band-live-rejected,.band-rejected) .rv-zone--rework,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review:is(.band-live-changes,.band-changes) .rv-zone--amend,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review:is(.band-live-approved,.band-approved) .rv-zone--approve{
  filter: none; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 0 0 2px rgba(255,255,255,.55);
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-ndl{
  position: absolute !important; top: -7px !important; bottom: -7px !important; width: 6px !important; margin-left: -3px !important;
  background: #f97316 !important; border: 0 !important; border-radius: 2px !important; z-index: 2;
  box-shadow: 0 0 0 2px #fff, 0 4px 10px rgba(0,0,0,.6) !important;
  transition: left .8s cubic-bezier(.2,.8,.2,1) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-read{
  margin: 0 !important; color: var(--rvb-soft) !important; font: 500 14px/1.45 var(--rvb-body) !important; max-width: 70ch;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock{
  position: static !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important;
  min-width: 220px; max-width: 360px; margin: 0 !important; padding: 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock-note{
  color: var(--rvb-soft) !important; font: 500 13px/1.45 var(--rvb-body) !important; opacity: 1 !important; text-align: left;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock-note b{ color: var(--rvb-white) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .pn-btn{
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px;
  min-height: 46px !important; padding: 0 20px !important; border-radius: 999px !important;
  font: 800 15px/1 var(--rvb-body) !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .pn-btn--primary{
  background: linear-gradient(180deg, #ff8a3d, #f97316) !important; border: 0 !important;
  color: #140a04 !important; -webkit-text-fill-color: #140a04 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.4), 0 8px 18px -8px rgba(249,115,22,.7) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .pn-btn--secondary{
  background: transparent !important; border: 2px solid rgba(248,249,255,.85) !important;
  color: var(--rvb-white) !important; -webkit-text-fill-color: var(--rvb-white) !important; box-shadow: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .pn-btn--secondary:hover{ border-color: #f97316 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock .pn-btn:focus-visible{ outline: 3px solid #fff !important; outline-offset: 2px !important; }
/* the hold state carries three buttons; let them sit in one row under the note */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review.is-hold .rv-dock{
  display: grid !important; grid-template-columns: auto auto 1fr; max-width: 470px;
}

/* ── 6 · THE FORK ("YOUR CALL") — a paper tear-sheet window over the held room ─────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-fork{
  background-image: var(--rvb-paper) !important; background-color: #efe9dc !important; background-blend-mode: normal, multiply, normal !important;
  border: 3px solid var(--rvb-frame) !important; border-radius: 4px !important;
  box-shadow: 0 44px 100px -28px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.6) !important;
  color: var(--rvb-ink) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-fork-k{
  margin: 0 0 18px !important; background: #0b1c30 !important; color: var(--rvb-white) !important; border-radius: 0 !important; border-bottom: 0 !important;
  font: 800 11px/1 var(--rvb-mono) !important; letter-spacing: .16em !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-fork-h{
  color: var(--rvb-ink) !important; font: 900 clamp(26px, 3vw, 36px)/1 var(--rvb-disp) !important; font-style: normal !important;
  letter-spacing: -.03em !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-fork-sub{
  color: var(--rvb-ink2) !important; opacity: 1 !important; font: 500 15px/1.5 var(--rvb-body) !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt{
  background: #fffdf7 !important; color: var(--rvb-ink) !important;
  border: 3px solid var(--rvb-frame) !important; border-left-width: 3px !important; border-radius: 22px !important;
  box-shadow: 0 5px 0 var(--rvb-frame), 0 12px 20px -12px rgba(0,0,0,.5) !important;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt:hover,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt:focus-visible{
  background: #fff !important; border-color: #f97316 !important; transform: translateY(-2px) !important;
  box-shadow: 0 7px 0 #c2530a, 0 16px 24px -12px rgba(0,0,0,.5) !important; outline: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt .lbl{
  color: var(--rvb-ink2) !important; font: 700 13px/1.25 var(--rvb-body) !important; letter-spacing: 0 !important; text-transform: none !important; opacity: 1 !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt b,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt.is-defend b{
  color: var(--rvb-ink) !important; font: 900 21px/1.1 var(--rvb-disp) !important; letter-spacing: -.02em !important; font-style: normal !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stake{
  padding: 5px 10px !important; border: 0 !important; border-radius: 999px !important;
  font: 800 12px/1.1 var(--rvb-body) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stake--odds{ background: linear-gradient(150deg, #2a4fc4, #12245e) !important; color: #fff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stake--calm{ background: linear-gradient(150deg, #147f5e, #0b5e45) !important; color: #fff !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stake--hot,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-stake--dilute{ background: linear-gradient(150deg, #ffd24a, #f0a500) !important; color: var(--rvb-ink) !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-why{
  background: #fffdf7 !important; color: var(--rvb-ink) !important; border: 1.5px solid var(--rvb-ink) !important; border-radius: 999px !important;
  min-height: 44px !important; padding: 0 16px !important; font: 700 14px/1 var(--rvb-body) !important; letter-spacing: 0 !important; text-transform: none !important;
}
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-why:hover{ border-color: #f97316 !important; }
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-optdetail{
  color: var(--rvb-ink) !important; opacity: 1 !important; font: 500 13.5px/1.5 var(--rvb-body) !important;
}

/* ── 7 · THE TESTER CHIP, in this view: its own lane, centred above the header ─────────────── */
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-review-live #pn-tester,
html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-review-live.pnos-dock-on #pn-tester{
  top: 12px !important; bottom: auto !important; left: 50% !important; right: auto !important;
  transform: translateX(-50%) !important; align-items: center !important;
}

/* ── 8 · PHONE ─────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 760px){
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-shell{ padding: 0 12px !important; gap: 14px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-mast{ grid-template-columns: 1fr !important; gap: 16px !important; padding-top: 20px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-tester-on .pn-review .rv-mast{ padding-top: 58px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-brand{ font-size: 34px !important; margin-top: 12px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-meta{ font-size: 11px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-body{ grid-template-columns: 1fr !important; gap: 14px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-hd,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally{ padding-left: 14px !important; padding-right: 14px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally{ grid-template-columns: 1fr; gap: 8px; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols{
    grid-template-columns: 22px minmax(0,1fr) 38px auto !important; gap: 10px !important; padding: 8px 14px !important; font-size: 10.5px !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols > span:first-child{ grid-column: 1 / 3 !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols-str{ display: none !important; }   /* the bar under each row says it; the label collided with SIGN-OFF */
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-cols-sig{ grid-column: 4 !important; white-space: nowrap !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-lead{
    grid-template-columns: 22px minmax(0,1fr) 38px auto !important;
    grid-template-areas: "n disc q stamp" ". str str str" !important;
    gap: 8px 10px !important; padding: 12px 14px 12px 11px !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-lead{
    grid-template-areas: "n disc q stamp" ". str str str" ". line line line" !important;
  }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-disc,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row.is-lead .rv-row-disc{ font-size: 17px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-stamp{ grid-column: auto !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row-strength{ height: 10px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row .rv-row-line{ font-size: 14px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-sheet-foot{ padding: 14px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-notes{ flex: 0 0 auto !important; max-height: none !important; overflow: visible !important; -webkit-mask-image: none; mask-image: none; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-foot,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body.pn-tester-on .pn-review .rv-foot{
    grid-template-columns: 1fr !important; gap: 10px !important; margin: 0 -12px !important;
    padding: 12px 46px calc(12px + env(safe-area-inset-bottom, 0px)) 14px !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important;
  }
  /* the fixed FEEDBACK tab owns the right 40px of the phone; the foot leaves it that lane (above) */
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-opt{ padding-right: 84px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff{ grid-template-columns: 1fr !important; grid-template-areas: "hd" "track" "read" !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-hd{ flex-direction: row !important; align-items: center !important; justify-content: space-between !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp{ font-size: 20px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-stamp.is-unseen{ font-size: 15px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-track{ height: 28px !important; margin: 10px 0 6px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-zone > i{ font-size: 9.5px !important; letter-spacing: .06em !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-signoff-read{ font-size: 13px !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock{ max-width: none; min-width: 0; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-dock-note{ display: none !important; }
  /* hold: the primary goes full width on top, Back / Tweak it share the row beneath — nothing clips */
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review.is-hold .rv-dock{ grid-template-columns: 1fr 1fr !important; max-width: none; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review.is-hold .rv-dock #rv-go{ grid-column: 1 / -1; order: -1; }
}

@media (prefers-reduced-motion: reduce){
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-row-strength > i,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-rel > i{ animation: none !important; }
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-ndl,
  html:not(#pn-ds-never):not(#pn-tbm-x1):not(#pn-tbm-x2) body .pn-review .rv-tally-bar > i{ transition: none !important; }
}