/* next-partner-record.css (prx v1 wave 2, 2026-10-24; the design pass, 2026-10-25): THE PARTNER RECORD'S LINES, SECTION ROWS AND PAGE.

   Every value is a token from next-v89.css, set live by next-v96-kit.css: no new colour, radius or type size, no hex and no literal font
   size in this file. The reader's shared page inlines this same file beside shared-record.css (which copies the kit's token values), so a
   line looks the same in the workspace and on the link.

   THE DESIGN PASS (Joey, 2026-10-25): cleaner, easier to read, better type and spacing.
     - sizes: the page title (the kit's), 14 (section and card titles), 13 (body and values), 12 (meta, chips and tags), the kit's 20
       for the status row's numbers; no half-pixel size, so the reader's page reads the same
     - weights 400 and 500, 600 for the headings and the numbers (paper's own title keeps 600)
     - an 8px grid: 32px between blocks, 12 to 16px inside boxes
     - existing colour tokens only; no gradient, no shadow; hairline boxes (the kit's 1px line), no coloured edge
     - figures are proportional everywhere but in counts (.prx-n), which are tabular
   V4 (Joey, 2026-10-25, the traffic light): one state per line, an icon and a word in its light's colour: green current, amber to
   check, red to fix (the critical tone, Joey's own call: "missing red"). Hairlines and bands, the status row, Needs you, and on the
   pharmacy's page a properties pane. Still tokens only: no hex and no literal font size. */

/* ---------- V4 (Joey, 2026-10-25): measured against Linear's own app ----------
   Hairlines and bands instead of nested cards; four text tones (gray-900, 700, 500, 400); an icon and a word for every state, in its
   light's colour: green current, amber to check, red to fix. Never a pill, never a coloured edge. */
[data-light="ok"] { --prx-c: var(--positive-dot); --prx-t: var(--positive-fg); }
[data-light="chk"] { --prx-c: var(--attention-dot); --prx-t: var(--attention-fg); }
[data-light="fix"] { --prx-c: var(--critical-dot); --prx-t: var(--critical-fg); }
.prx-ic { width: 16px; height: 16px; flex: none; display: block; color: var(--prx-c, var(--gray-400)); }
.prx-ic .prx-if { fill: currentColor; }
.prx-ic .prx-ig { fill: none; stroke: var(--gray-0); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.prx-ic .prx-id { fill: var(--gray-0); }
.prx-ic .prx-ir { fill: none; stroke: currentColor; stroke-width: 1.5; }
.prx-ic .prx-is { fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.prx-ic .prx-idash { stroke-dasharray: 2.2 2; }

/* ---------- the page's blocks ---------- */
.prx-banner, .prx-attn, .prx-status, .prx-needs, .prx-card, .prx-bound { margin: 0 0 var(--s-8); }
.prx-banner { padding: var(--s-2) var(--s-3); border-radius: var(--r-ctl); background: var(--gray-50); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
table.prx-lines thead.prx-sr th { font-size: var(--t-small-size); font-weight: var(--w-regular); }
.prx-sr, table.prx-lines thead.prx-sr tr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.prx-h { display: flex; align-items: baseline; gap: var(--s-2); margin: 0 0 var(--s-3); }
.prx-h h2 { margin: 0; font-size: var(--t-heading-size); line-height: var(--t-heading-lh); letter-spacing: var(--t-heading-track); font-weight: var(--w-semibold); color: var(--gray-900); }
.prx-hc { color: var(--gray-400); font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-regular); }
.prx-h .prx-hx { margin-left: auto; padding: 0; border: 0; background: none; color: var(--gray-500); font: inherit; font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); cursor: pointer; }
.prx-h .prx-hx:hover { color: var(--gray-900); }
.prx-box { list-style: none; margin: 0; padding: 0; border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-card); background: var(--gray-0); overflow: hidden; }
.prx-n { font-variant-numeric: tabular-nums; font-feature-settings: "tnum", "cv11", "ss03"; font-weight: var(--w-medium); }

/* ---------- THE STATUS ROW: four numbers between two hairlines ---------- */
.prx-status { display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--k-line, var(--gray-200)); border-bottom: 1px solid var(--k-line, var(--gray-200)); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-variant-numeric: normal; }
.prx-stat { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; gap: 2px; min-width: 0; margin: 0; padding: var(--s-4) var(--s-4) var(--s-4) var(--s-5); border: 0; border-left: 1px solid var(--k-line, var(--gray-200)); border-radius: 0; background: none; color: inherit; font: inherit; text-align: left; }
.prx-stat-lead { padding-left: 0; border-left: 0; }
button.prx-stat { cursor: pointer; transition: background var(--d-open, 160ms) var(--ease, ease); }
button.prx-stat:hover { background: var(--gray-25); }
button.prx-stat:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
button.prx-stat::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--prx-c); transform: scaleX(0); transform-origin: left; transition: transform 300ms var(--ease, ease); }
button.prx-stat[aria-pressed="true"]::after { transform: none; }
.prx-stat-l { display: flex; align-items: center; gap: 7px; color: var(--gray-500); font-weight: var(--w-medium); }
.prx-stat-l .prx-ic { width: 14px; height: 14px; }
.prx-stat-v { display: flex; align-items: baseline; gap: 6px; margin-top: var(--s-1); color: var(--gray-900); }
.prx-stat-v .prx-n { font-size: var(--t-num-size); line-height: var(--t-num-lh); letter-spacing: var(--t-num-track); font-weight: var(--w-semibold); }
.prx-stat-of { color: var(--gray-500); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-stat-s { color: var(--gray-400); overflow-wrap: anywhere; }
.prx-stat[data-zero] .prx-stat-v .prx-n { color: var(--gray-400); }
.prx-bar { display: flex; gap: 2px; height: 4px; max-width: 180px; margin-top: var(--s-3); }
.prx-bar i { display: block; border-radius: 2px; background: var(--prx-c); }
.prx-bar i.is-miss { background: var(--critical-bd); }
.prx-stat-lead .prx-stat-s { margin-top: var(--s-2); color: var(--gray-500); }

/* ---------- a state: its icon and its word at 12px, in its light's colour; no fill ---------- */
.prx-chip { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; color: var(--prx-t, var(--gray-700)); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); white-space: nowrap; }
.prx-chip .prx-ic { width: 14px; height: 14px; }
.prx-chip[data-tone="none"]:not([data-light]) { color: var(--gray-500); font-weight: var(--w-regular); }

/* ---------- NEEDS YOU (the pharmacy's own page): one row per thing to do, one action each ---------- */
.prx-nr { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: var(--s-3); align-items: start; padding: var(--s-3) var(--s-4); transition: background var(--d-open, 160ms) var(--ease, ease); }
.prx-nr + .prx-nr { border-top: 1px solid var(--k-line, var(--gray-200)); }
.prx-nr:hover { background: var(--gray-25); }
.prx-nr > .prx-ic { margin-top: 2px; }
.prx-nr-b { min-width: 0; }
.prx-nr-t { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--s-2); color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); }
.prx-nr-m { margin: 2px 0 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow-wrap: anywhere; }
.prx-nr .prx-vals { margin-top: var(--s-3); max-width: 600px; grid-template-columns: minmax(120px, max-content) minmax(0, 1fr); gap: var(--s-1) var(--s-5); }
.prx-nr .prx-vals > div { display: contents; }
.prx-nr .prx-vals > div + div .prx-vv { color: var(--critical-fg); }
.prx-act { display: inline-flex; align-items: center; justify-content: center; height: 28px; padding: 0 var(--s-3); margin: -2px 0 0; border: 0; border-radius: var(--r-ctl); background: var(--gray-0); box-shadow: inset 0 0 0 1px var(--k-btn-bd, var(--gray-300)); color: var(--gray-700); font: inherit; font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); text-decoration: none; white-space: nowrap; cursor: pointer; }
.prx-act:hover { background: var(--gray-25); color: var(--gray-900); }
.prx-reader a.prx-act, .prx-page a.prx-act, .thg a.prx-act { color: var(--gray-700); }   /* a page's own link colour never repaints the action */
.prx-reader a.prx-act:hover, .prx-page a.prx-act:hover, .thg a.prx-act:hover { color: var(--gray-900); }
.prx-act:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }

/* ---------- the record: one hairline box; each section a band, its lines under it ---------- */
.prx-card { overflow: hidden; container-type: inline-size; border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-card); background: var(--gray-0); box-shadow: none; }
.prx-card > .card-h + .prx-secwrap { border-top: 1px solid var(--k-line, var(--gray-200)); }
.prx-secwrap + .prx-secwrap { border-top: 1px solid var(--k-line, var(--gray-200)); }
.prx-sec {
  display: grid; grid-template-columns: 12px 16px minmax(0, 1fr) auto; align-items: center; gap: var(--s-3); width: 100%; min-height: 40px; padding: var(--s-2) var(--s-4); margin: 0;
  border: 0; border-radius: 0; background: var(--gray-25); color: var(--gray-900); text-align: left; cursor: pointer; font: inherit;
  transition: background var(--d-open, 160ms) var(--ease, ease);
}
.prx-sec:hover { background: var(--gray-50); }
.prx-sec:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.prx-sec .prx-chev { width: 12px; height: 12px; flex: none; color: var(--gray-400); transition: transform var(--d-open, 160ms) var(--ease, ease); }
.prx-sec[aria-expanded="true"] .prx-chev { transform: rotate(90deg); }
.prx-sic { width: 16px; height: 16px; color: var(--gray-500); }
.prx-sec-t { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 var(--s-2); min-width: 0; }
.prx-sec-h { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-900); }
.prx-sec-n { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-400); }
.prx-sec-n .prx-n { font-weight: var(--w-regular); }
.prx-sec-c { display: flex; align-items: center; justify-content: flex-end; gap: var(--s-3); }
.prx-next { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); white-space: nowrap; }
.prx-next.is-due { color: var(--attention-fg); }
.prx-secbody { border-top: 1px solid var(--k-line, var(--gray-200)); }
/* a count per light: an icon and a number; its words for a screen reader and the pointer's title */
.prx-lc { display: inline-flex; align-items: center; gap: 5px; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-lc .prx-ic { width: 12px; height: 12px; }
.prx-lc .prx-n { font-weight: var(--w-regular); }
@container (max-width: 560px) {
  .prx-sec { grid-template-columns: 12px 16px minmax(0, 1fr); row-gap: 2px; }
  .prx-sec-c { grid-column: 3; grid-row: 2; justify-content: flex-start; }
}

/* ---------- a line: its icon; the item and its value in full; its word over the meta line on the right ---------- */
.prx-tw { margin: 0; }
table.prx-lines { width: 100%; table-layout: fixed; border-collapse: collapse; }
table.prx-lines col.prx-w-ic { width: 68px; }
table.prx-lines col.prx-w-st { width: 296px; }
table.prx-lines td { height: auto; padding: var(--s-3) var(--s-4) var(--s-3) 0; vertical-align: top; border-bottom: 0; background: none; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); font-variant-numeric: normal; font-feature-settings: "cv11", "ss03"; }
table.prx-lines td.prx-c-ic { padding: calc(var(--s-3) + 2px) var(--s-3) var(--s-3) 40px; }   /* under the band's icon: 16px edge, the 12px chevron and its 12px gap */
table.prx-lines td.prx-c-st { text-align: right; }
table.prx-lines td.prx-c-st .prx-chip { display: flex; justify-content: flex-end; line-height: var(--t-body-lh); }
table.prx-lines tbody tr.prx-line:first-child td { padding-top: var(--s-4); }
table.prx-lines tbody tr.prx-line:first-child td.prx-c-ic { padding-top: calc(var(--s-4) + 2px); }
table.prx-lines tbody tr:last-child td { padding-bottom: var(--s-4); }
table.prx-lines tr.prx-line { cursor: pointer; }
table.prx-lines tr.prx-line:hover td { background: var(--k-hover, var(--gray-25)); }
table.prx-lines tr.prx-line:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.prx-l1 { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--s-2); }
.prx-item { font-weight: var(--w-medium); color: var(--gray-900); }
.prx-val { display: block; color: var(--gray-500); overflow-wrap: anywhere; }
/* a value is never cut, on any surface (wave 3, fix b; the design pass) */
table.prx-lines.prx-full .prx-val { display: block; -webkit-line-clamp: unset; overflow: visible; }
.prx-cmp-r { white-space: normal; }
.prx-cmp-k { color: var(--gray-400); }
.prx-cmp-r + .prx-sep + .prx-cmp-r { color: var(--critical-fg); }
.prx-sep { color: var(--gray-400); }
.prx-meta { display: block; color: var(--gray-400); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow-wrap: anywhere; }
.prx-mb { white-space: nowrap; }
.prx-add { display: inline-flex; align-items: center; gap: 4px; margin-top: 2px; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); text-decoration: none; }
.prx-add:hover { color: var(--gray-900); }
.prx-add svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
table.prx-lines td.prx-c-st .prx-add { justify-content: flex-end; }
.prx-soon { color: var(--attention-fg); }
.prx-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 4px; background: var(--gray-50); color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); }
.prx-rmark { display: block; margin-top: 2px; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
/* a reader's line carries what paper prints beside it (review B, B9) */
.prx-xlist { margin: var(--s-1) 0 0; padding: 0 0 0 var(--s-4); display: grid; gap: 2px; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow-wrap: anywhere; }
/* a due line greys its words; its value is kept, never hidden */
table.prx-lines tr.is-due .prx-item, table.prx-lines tr.is-due .prx-val { color: var(--gray-500); }

/* ---------- the detail: an inner panel ---------- */
table.prx-lines tr.prx-drow td { padding: 0 var(--s-4) var(--s-4) 68px; background: none; }
.prx-detail { display: grid; gap: var(--s-3); padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--gray-25); box-shadow: inset 0 0 0 1px var(--k-line, var(--gray-200)); }
.prx-detail p, .prx-detail ul, .prx-detail dl { margin: 0; }
.prx-dlead { color: var(--gray-900); }
.prx-dsample { color: var(--gray-700); }
.prx-vals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-4); }
.prx-vals > div { display: grid; gap: 2px; min-width: 0; align-content: start; }
.prx-vk { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-vv { color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); overflow-wrap: anywhere; }
.prx-kv { display: grid; gap: var(--s-1); }
.prx-kv > div { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: var(--s-3); align-items: baseline; min-width: 0; }
.prx-kv dt { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-body-lh); }
.prx-kv dd { margin: 0; color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); overflow-wrap: anywhere; font-variant-numeric: normal; font-feature-settings: "cv11", "ss03"; }
.prx-full { color: var(--gray-700); overflow-wrap: anywhere; }
.prx-dnote, .prx-notes, .prx-links, .prx-hint { color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-notes { padding-left: var(--s-4); display: grid; gap: var(--s-1); }
.prx-reply { padding-left: var(--s-3); border-left: 2px solid var(--gray-300); color: var(--gray-900); overflow-wrap: anywhere; }
p.prx-links { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); }
.prx-links a, .prx-sheet-src a, .prx-bound summary .prx-more { color: var(--accent); text-decoration: none; }
.prx-links a:hover, .prx-sheet-src a:hover { text-decoration: underline; }
.prx-none { margin: 0; padding: var(--s-4); color: var(--gray-500); font-size: var(--t-body-size); }

/* ---------- a reader's card of lines that differ: a hairline box, an icon per row ---------- */
.prx-attn { padding: 0; border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-card); background: var(--gray-0); color: var(--gray-900); overflow: hidden; }
.prx-attn-list { list-style: none; margin: 0; padding: 0; }
.prx-attn-r { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-3) var(--s-4); }
.prx-attn-r > .prx-ic { margin-top: 2px; }
.prx-attn-r + .prx-attn-r { border-top: 1px solid var(--k-line, var(--gray-200)); }
.prx-attn-b { display: grid; gap: var(--s-2); min-width: 0; }
.prx-attn-h { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--s-2); }
.prx-attn-t { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-900); }
.prx-attn-k { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-attn .prx-vals { max-width: 560px; }
.prx-attn .prx-vals > div + div .prx-vv { color: var(--critical-fg); }
.prx-attn-x, .prx-attn-l, .prx-attn-n { margin: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-attn-x { color: var(--gray-700); }
.prx-attn-n { padding: var(--s-2) var(--s-4) var(--s-3) 44px; color: var(--gray-500); border-top: 1px solid var(--k-line, var(--gray-200)); }

/* ---------- THE BOUNDARY: one quiet line, "More" opens the full text ---------- */
.prx-bound { padding-top: var(--s-4); border-top: 1px solid var(--k-line, var(--gray-200)); color: var(--gray-400); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-bound > summary { display: inline; cursor: pointer; list-style: none; }
.prx-bound > summary::-webkit-details-marker { display: none; }
.prx-bound[open] .prx-more { display: none; }
.prx-bound > p { margin: var(--s-2) 0 0; max-width: 780px; color: var(--gray-700); }
.prx-bound b { font-weight: var(--w-medium); color: var(--gray-900); }

/* ---------- an answer sheet: the questions as headers over the same line rows ---------- */
.prx-sheet-src { margin: 0; padding: 0 var(--s-5) var(--s-3); color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-qs { list-style: none; margin: 0; padding: 0; }
.prx-q { border-top: 1px solid var(--gray-100); }
.prx-qh { display: flex; gap: var(--s-3); align-items: baseline; padding: var(--s-3) var(--s-4); background: var(--gray-25); }
.prx-qn { flex: none; min-width: 16px; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-variant-numeric: tabular-nums; }
.prx-qa { color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); }
.prx-q .prx-tw { border-top: 1px solid var(--gray-100); }
.prx-q table.prx-lines td.prx-c-main { padding-left: 0; }
.prx-cannot, .prx-prep-h, .prx-prep { margin: 0; padding: var(--s-2) var(--s-4) var(--s-3) 68px; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-prep { display: grid; gap: var(--s-2); padding-top: 0; }
.prx-prep-t { margin: 0; }
.prx-prep-t b { color: var(--gray-900); font-weight: var(--w-medium); }
table.prx-preptable { width: 100%; table-layout: fixed; border-collapse: collapse; }
table.prx-preptable col.prx-w-pi { width: 34%; } table.prx-preptable col.prx-w-ps { width: 18%; }
table.prx-preptable th, table.prx-preptable td { height: auto; text-align: left; vertical-align: top; padding: var(--s-2) var(--s-3); border-bottom: 1px solid var(--gray-100); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); overflow-wrap: anywhere; font-variant-numeric: normal; }
table.prx-preptable th { color: var(--gray-500); font-weight: var(--w-medium); background: none; }

/* ---------- the workspace page ---------- */
.prx-page .card-h h2 { font-weight: var(--w-medium); }
/* the title: the pharmacy's monogram and its name (v4) */
.prx-page .v89-titlerow .v89-mono-gram { margin-right: var(--s-3); background: var(--gray-900); color: var(--gray-0); }
/* the record and its properties: two columns, the pane on the right beside a hairline */
.prx-cols { display: grid; grid-template-columns: minmax(0, 1fr) 264px; gap: var(--s-8); align-items: start; }
.prx-maincol { min-width: 0; }
.prx-pane { position: sticky; top: var(--s-4); display: grid; gap: 0; padding-left: var(--s-6); border-left: 1px solid var(--k-line, var(--gray-200)); align-self: stretch; align-content: start; }
.prx-ph { display: flex; align-items: center; justify-content: space-between; min-height: 24px; margin: 0 0 var(--s-1); color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-regular); }
.prx-ph a { color: var(--gray-500); text-decoration: none; font-weight: var(--w-medium); }
.prx-ph a:hover { color: var(--gray-900); }
.prx-pgroup + .prx-pgroup { margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--k-line, var(--gray-200)); }
.prx-prow { display: flex; align-items: center; gap: var(--s-2); min-height: 30px; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); min-width: 0; }
.prx-prow > svg { flex: none; width: 16px; height: 16px; color: var(--gray-400); }
.prx-prow > span:first-of-type { min-width: 0; overflow-wrap: anywhere; }
.prx-prow .prx-pm { margin-left: auto; padding-left: var(--s-2); color: var(--gray-400); white-space: nowrap; }
.prx-prow .prx-sq { flex: none; width: 18px; height: 18px; border-radius: 5px; display: grid; place-items: center; background: var(--accent-tint); color: var(--accent); font-size: var(--t-small-size); line-height: 1; font-weight: var(--w-semibold); }
.prx-prow .prx-gdot { flex: none; width: 6px; height: 6px; margin: 0 5px; border-radius: 50%; background: var(--positive-dot); }
.prx-prow .prx-gdot.is-off { background: var(--gray-300); }
.prx-pnote { margin: var(--s-1) 0 0; color: var(--gray-400); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-pchip { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px 0 8px; border-radius: var(--r-chip); box-shadow: inset 0 0 0 1px var(--k-btn-bd, var(--gray-300)); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-pchip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--gray-400); }
@media (max-width: 1180px) {
  .prx-cols { grid-template-columns: 1fr; gap: 0; }
  .prx-pane { position: static; padding: var(--s-6) 0 0; border-left: 0; border-top: 1px solid var(--k-line, var(--gray-200)); grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--s-4) var(--s-8); }
  .prx-pgroup + .prx-pgroup { margin-top: 0; padding-top: 0; border-top: 0; }
}
.prx-page .v89-tabs { margin-bottom: var(--s-6); }
.prx-page .prx-gap { margin-top: var(--s-6); }
.prx-page .prx-tabline { margin: 0 0 var(--s-4); }
.prx-page .prx-statements { list-style: none; margin: 0; padding: 0; }
.prx-page .prx-statements > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-1) var(--s-4); padding: var(--s-3) var(--s-5); border-top: 1px solid var(--gray-100); }
.prx-page .prx-statements > li:first-child { border-top: 0; }
.prx-page .prx-stext { margin: 0; color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-page .prx-ssub, .prx-page .prx-litlist { margin: 0; grid-column: 1 / -1; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-page .prx-litlist { padding-left: var(--s-4); color: var(--gray-700); }
.prx-page .prx-sstate { justify-self: end; align-self: start; padding-top: 1px; }
.prx-page .prx-statements > li.is-off .prx-stext { color: var(--gray-500); }
/* the build view: two choice panels, then the steps and the documents */
.prx-page .prx-doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); margin: 0 0 var(--s-6); }
.prx-page .prx-door { display: grid; align-content: start; gap: var(--s-2); padding: var(--s-4) var(--s-5); border: 1px solid var(--k-line, var(--gray-200)); border-radius: var(--r-card); background: var(--gray-0); }
.prx-page .prx-door.is-on { border-color: var(--accent); }
.prx-page .prx-door h2 { margin: 0; font-size: var(--t-heading-size); line-height: var(--t-heading-lh); font-weight: var(--w-medium); color: var(--gray-900); }
.prx-page .prx-door p { margin: 0; color: var(--gray-700); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-page .prx-door .btn, .prx-page .prx-door .link { justify-self: start; margin-top: var(--s-2); }
.prx-page .prx-docs { list-style: none; margin: 0; padding: 0 var(--s-5); }
.prx-page .prx-docs > li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--s-3); align-items: center; min-height: 52px; padding: var(--s-2) 0; border-top: 1px solid var(--gray-100); }
.prx-page .prx-docs > li:first-child { border-top: 0; }
.prx-page .prx-docs b { display: block; font-weight: var(--w-medium); color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-page .prx-docs small { display: block; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-page .prx-docgroup + .prx-docgroup { border-top: 1px solid var(--gray-100); }
.prx-page .prx-docsh { margin: 0; padding: var(--s-3) var(--s-5) 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-regular); }
.prx-page .card .prx-today-a { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin-top: var(--s-4); }
.prx-page .prx-tabline { color: var(--gray-500); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-page .prx-promise { margin: var(--s-3) 0 0; color: var(--gray-700); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-page .prx-promise.is-late { color: var(--attention-fg); }
.prx-page .prx-step-note, .prx-page .prx-quiet, .prx-page .prx-quiet0 { margin: var(--s-3) 0 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-page .prx-quiet0 { margin: 0; }
.prx-page .prx-linkbox { display: flex; gap: var(--s-2); align-items: center; margin-top: var(--s-2); flex-wrap: wrap; }
.prx-page .prx-linkbox input { flex: 1 1 260px; min-width: 0; font-family: var(--font-mono); font-size: var(--t-small-size); }
.prx-page .prx-example { pointer-events: none; }
.prx-page .prx-example .prx-card { margin: 0; border: 0; border-radius: 0; }
.prx-page .prx-example .prx-secwrap:first-child { border-top: 0; }
.prx-dlg .prx-notoffered { margin: var(--s-2) 0 0; }
/* the Today card: one sentence, its lines, at most one button */
.prx-today .card-h { display: flex; align-items: center; gap: var(--s-2); }
.prx-today .prx-today-t { margin: 0; color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-today .prx-today-l { list-style: none; margin: var(--s-3) 0 0; padding: 0; display: grid; gap: 0; }
.prx-today .prx-today-l li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 var(--s-3); align-items: baseline; padding: var(--s-2) 0; border-top: 1px solid var(--gray-100); }
.prx-today .prx-today-l a { color: var(--gray-900); text-decoration: none; font-weight: var(--w-medium); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-today .prx-today-l a:hover { color: var(--accent); }
.prx-today .prx-today-l span { grid-column: 1; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-today .prx-today-l .prx-chip { grid-column: 2; grid-row: 1; }
.prx-today .prx-today-a { display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); align-items: center; margin-top: var(--s-3); }
.prx-today .prx-today-a .link { font-size: var(--t-small-size); }
.prx-today-solo { max-width: 520px; margin: 0 0 var(--s-6); }
.prx-today-col { display: grid; gap: var(--s-4); align-content: start; min-width: 0; }
.prx-today-col > .prx-today, .prx-today-col > .card { margin: 0; }

/* ---------- a phone: one column; a line's word and meta line run under its value ---------- */
@media (max-width: 699px) {
  .prx-status { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .prx-stat-lead { grid-column: 1 / -1; padding: var(--s-3) 0; border-bottom: 1px solid var(--k-line, var(--gray-200)); }
  .prx-stat { padding: var(--s-3) var(--s-2) var(--s-3) var(--s-3); }
  .prx-status > button.prx-stat:nth-child(2) { border-left: 0; padding-left: 0; }
  button.prx-stat .prx-stat-s { display: none; }
  .prx-sec { grid-template-columns: 12px 16px minmax(0, 1fr); row-gap: 2px; min-height: 48px; padding: var(--s-2) var(--s-4); }
  .prx-sec-c { grid-column: 3; grid-row: 2; justify-content: flex-start; }
  table.prx-lines, table.prx-lines tbody { display: block; width: 100%; }
  table.prx-lines colgroup { display: none; }
  table.prx-lines tr.prx-line { display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 2px var(--s-3); padding: var(--s-3) var(--s-4); }
  table.prx-lines tr.prx-line td, table.prx-lines tbody tr.prx-line:first-child td, table.prx-lines tbody tr:last-child td { display: block; padding: 0; }
  table.prx-lines tr.prx-line td.prx-c-ic { grid-row: 1 / span 2; padding: 2px 0 0; }
  table.prx-lines tr.prx-line td.prx-c-main { grid-column: 2; }
  table.prx-lines tr.prx-line td.prx-c-st { grid-column: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; text-align: left; }
  table.prx-lines tr.prx-line td.prx-c-st .prx-chip { display: inline-flex; line-height: var(--t-small-lh); }
  table.prx-lines tr.prx-line td.prx-c-st .prx-chip::after { content: "·"; margin-left: 6px; color: var(--gray-400); font-weight: var(--w-regular); }
  table.prx-lines tr.prx-line td.prx-c-st .prx-chip:last-child::after { content: none; }
  table.prx-lines tr.prx-line .prx-meta { display: inline; }
  table.prx-lines tr.prx-drow { display: block; }
  table.prx-lines tr.prx-drow td { display: block; padding: 0 var(--s-4) var(--s-4); border: 0; }
  .prx-cannot, .prx-prep-h, .prx-prep { padding-left: var(--s-4); }
  .prx-nr { grid-template-columns: 16px minmax(0, 1fr); row-gap: 0; }
  .prx-nr > .prx-act { grid-column: 2; justify-self: start; margin-top: var(--s-2); }
  .prx-nr .prx-vals { grid-template-columns: 88px minmax(0, 1fr); }
  .prx-attn-n { padding-left: var(--s-4); }
  .prx-vals { grid-template-columns: 1fr; }
  .prx-page .prx-doors { grid-template-columns: 1fr; }
  #view .prx-page .seg:not(#v93-seg) > button { min-height: 32px; }   /* wave 4 (the kit sets the seg buttons with an id selector, so this one names #view too): Open and Closed on Share and links are a phone's tap targets (proof run, 390) */
  .prx-page .prx-statements > li { grid-template-columns: 1fr; padding: var(--s-3) var(--s-4); }
  .prx-page .prx-sstate { justify-self: start; }
  .prx-page .prx-docs { padding: 0 var(--s-4); }
  .prx-page .prx-docs > li { grid-template-columns: minmax(0, 1fr) auto; }
  .prx-page .prx-docs > li > .prx-docs-st { grid-column: 1; }
  .prx-qh { padding: var(--s-3) var(--s-4); }
}

/* ---------- print: the packet only, black on white, a line never split ---------- */
.prx-print { display: none; }
@media print {
  body.prx-printing > *:not(.prx-print-root) { display: none !important; }
  body.prx-printing .prx-print-root, body.prx-printing .prx-print-root .prx-print { display: block !important; }
}
.prx-print { color: var(--gray-900); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-print h1 { font-size: var(--t-title-size); line-height: var(--t-title-lh); font-weight: var(--w-semibold); margin: 0 0 var(--s-1); }
.prx-print h2 { font-size: var(--t-heading-size); line-height: var(--t-heading-lh); font-weight: var(--w-medium); margin: var(--s-6) 0 var(--s-1); break-after: avoid; }
.prx-print .prx-pmark { margin: 0 0 var(--s-3); color: var(--gray-500); }
.prx-print .prx-psub, .prx-print .prx-pcount { margin: 0 0 var(--s-2); color: var(--gray-700); }
.prx-print .prx-pfacts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-1) var(--s-5); margin: var(--s-3) 0; }
.prx-print .prx-pfacts dt { color: var(--gray-500); }
.prx-print .prx-pfacts dd { margin: 0; }
.prx-print .prx-pnot { margin: var(--s-3) 0; padding: var(--s-2) var(--s-3); border: 1px solid var(--gray-300); border-radius: var(--r-ctl); }
.prx-print .prx-pcover { break-after: page; }
.prx-print .prx-ptable { width: 100%; border-collapse: collapse; table-layout: fixed; }
.prx-print .prx-ptable col.prx-pw-item { width: auto; } .prx-print .prx-ptable col.prx-pw-st { width: 26%; }
.prx-print .prx-ptable th, .prx-print .prx-ptable td { text-align: left; vertical-align: top; padding: var(--s-2) var(--s-2) var(--s-2) 0; border-bottom: 1px solid var(--gray-200); overflow-wrap: anywhere; }
.prx-print .prx-ptable thead { display: table-header-group; }
/* paper keeps two weights where no workspace rule reaches (the reader's page draws b and th at 700 otherwise) */
.prx-print b, .prx-print strong, .prx-print .prx-ptable th { font-weight: var(--w-medium); }
.prx-print .prx-ptable th { color: var(--gray-500); }
.prx-print .prx-ptable .prx-run th { font-weight: var(--w-regular); color: var(--gray-500); border-bottom: 0; }
.prx-print .prx-ptable tbody.prx-pl { break-inside: avoid; }
.prx-print .prx-pv, .prx-print .prx-pm, .prx-print .prx-pw { display: block; }
.prx-print .prx-pv { color: var(--gray-900); }
.prx-print .prx-pm { color: var(--gray-500); }
.prx-print .prx-pw { margin-top: var(--s-1); color: var(--gray-700); }
.prx-print .prx-ptag { color: var(--gray-500); font-weight: var(--w-regular); }
.prx-print .prx-ptable .prx-pfull td { padding-top: 0; color: var(--gray-700); }
.prx-print .prx-ptable tbody.prx-pl:has(.prx-pfull) > tr:first-child td { border-bottom: 0; }
.prx-print .prx-plast { margin-top: var(--s-6); break-inside: avoid; }
.prx-print .prx-mono { font-family: var(--font-mono); overflow-wrap: anywhere; }

/* 2026-10-27: the pharmacy confirms Veritura's build. One row per line: the tick, the line as the record states it, "This is wrong" on
   the right; a flagged line waits on Veritura's answer. And the card of lines the pharmacy flagged */
.prx-cfdlg .prx-cflist { display: grid; gap: var(--s-4); margin-top: var(--s-3); }
.prx-cfdlg .prx-cfsec { margin: 0; padding: 0; border: 0; min-width: 0; }
.prx-cfdlg .prx-cfsec > legend { padding: 0 0 var(--s-1); color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); }
.prx-cfdlg .prx-cfrow { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: var(--s-3); align-items: start; padding: var(--s-2) 0; border-top: 1px solid var(--gray-100); }
.prx-cfdlg .prx-cfbox { width: 16px; height: 16px; margin: 4px 0 0; accent-color: var(--accent); }
.prx-cfdlg .prx-cfwait { display: block; width: 16px; height: 16px; margin-top: 4px; }
.prx-cfdlg .prx-cfh { display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--s-2); }
.prx-cfdlg .prx-cfh b { font-weight: var(--w-medium); color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.prx-cfdlg .prx-cfline p { margin: 2px 0 0; color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); overflow-wrap: anywhere; }
.prx-cfdlg .prx-cfline .prx-cfflag { color: var(--attention-fg); }
.prx-cfdlg .prx-cfwrong { border: 0; background: none; padding: 2px 0; color: var(--gray-500); font: inherit; font-size: var(--t-small-size); line-height: var(--t-body-lh); white-space: nowrap; cursor: pointer; }
.prx-cfdlg .prx-cfwrong:hover { color: var(--gray-900); text-decoration: underline; }
.prx-cfdlg .prx-cfnote { margin-top: var(--s-2); }
.prx-cfdlg .prx-cflabel { display: block; margin: 0 0 var(--s-1); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); }
.prx-cfdlg .prx-cfnote textarea { width: 100%; min-height: 56px; }
.prx-cfdlg .prx-cfnote-a { display: flex; gap: var(--s-2); margin-top: var(--s-2); }
.prx-cfdlg .prx-cfwaitnote { margin: var(--s-3) 0 0; padding: var(--s-2) var(--s-3); border-radius: var(--r-ctl); background: var(--attention-bg); color: var(--attention-fg); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.prx-page .prx-flags .prx-flag-a { margin-top: 2px; color: var(--gray-700); }
@media (max-width: 699px) {
  .prx-cfdlg .prx-cfrow { grid-template-columns: 20px minmax(0, 1fr); }
  .prx-cfdlg .prx-cfwrong { grid-column: 2; justify-self: start; min-height: 44px; }
}
.prx-page .prx-docs .prx-docs-a { display: inline-flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--s-1); }