/* v89 PHARMACY FILE, workspace side: publish and preview your file, the ask inbox, the clinic Pharmacies page, watch and alerts. Tokens only.
   The markup is next-v89-pharmacyfile.js; every class here starts v89pf-. Components (card, table, chip, note, strip, tabs,
   buttons, fields, dialog) are next-v89.css's and are not restyled here. */

/* ---------- stacks and quiet lines ---------- */
.v89pf-stack { display: flex; flex-direction: column; gap: var(--s-3); min-width: 0; }
.v89pf-stack > * { margin: 0; }
.v89pf-line, .v89pf-desc, .v89pf-none, .v89pf-foot, .v89pf-statement { margin: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-regular); color: var(--gray-500); max-width: 80ch; }
.v89pf-line b { font-weight: var(--w-medium); color: var(--gray-700); }
.v89pf-none { color: var(--gray-700); }
.v89pf-foot { margin-top: var(--s-4); }
.v89pf-statement { padding-top: var(--s-3); border-top: 1px solid var(--gray-100); }
.v89pf-counts { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-900); font-variant-numeric: tabular-nums; }
.v89pf-sec { display: flex; flex-direction: column; gap: var(--s-2); min-width: 0; }
.v89pf-sec + .v89pf-sec { padding-top: var(--s-4); border-top: 1px solid var(--gray-100); }
.v89pf-sec > h3, .v89pf-block > h4 { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); letter-spacing: 0; color: var(--gray-900); }
.v89pf-sec > .tablewrap { margin: 0; }
.v89pf-block { display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--gray-50); }
.v89pf-list { margin: var(--s-1) 0 0; padding-left: var(--s-5); display: flex; flex-direction: column; gap: var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v89pf-links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v89pf-links a svg.i, .v89pf-foot a svg.i, .v89pf-finds a svg.i, .v89pf-preview .card-h a svg.i { width: 12px; height: 12px; margin-left: var(--s-1); vertical-align: -1px; }
.v89pf-acts { display: flex; flex-wrap: wrap; gap: var(--s-2); }

/* ---------- findings ---------- */
.v89pf-finds { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.v89pf-finds > li { display: flex; flex-direction: column; gap: var(--s-1); padding: var(--s-3) 0; border-bottom: 1px solid var(--gray-100); }
.v89pf-finds > li:first-child { padding-top: 0; }
.v89pf-finds > li:last-child { border-bottom: 0; padding-bottom: 0; }
.v89pf-finds .t { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); }
.v89pf-finds .t b { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-900); }
.v89pf-finds .t span { flex: none; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); font-variant-numeric: tabular-nums; }
.v89pf-finds p { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-700); }
.v89pf-finds p.m { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
.v89pf-finds li.retired .t b { color: var(--gray-700); }

/* ---------- key and value lines (a block's counts; the pharmacist in charge) ---------- */
.v89pf-kv { margin: 0; display: flex; flex-direction: column; }
.v89pf-kv > div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); padding: var(--s-2) 0; border-bottom: 1px solid var(--gray-100); }
.v89pf-kv > div:last-child { border-bottom: 0; }
.v89pf-kv dt { min-width: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.v89pf-kv dt span { display: block; color: var(--gray-500); }
.v89pf-kv dd { margin: 0; flex: none; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-900); font-variant-numeric: tabular-nums; text-align: right; }
.v89pf-pic { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); }
.v89pf-pic dt { font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); color: var(--gray-500); }
.v89pf-pic dd { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }

/* ---------- the items table: a group row, one line per item ---------- */
.v89pf-items tr.v89pf-grp td { height: auto; padding: var(--s-3) var(--s-4) var(--s-2); background: var(--gray-50); border-bottom: 1px solid var(--gray-100); }
.v89pf-items tr.v89pf-grp td b { font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-semibold); color: var(--gray-900); }
.v89pf-items tr.v89pf-grp td span { margin-left: var(--s-2); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); font-variant-numeric: tabular-nums; }
.v89pf-items tbody tr.v89pf-grp:hover td { background: var(--gray-50); }
.v89pf-items td .l2.v89pf-sum, .v89pf-blocks td .l2 { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.v89pf-items td .l2.v89pf-sum { color: var(--gray-700); }
.v89pf-blocks td .btn, .v89pf-inbox td .btn, .v89pf-items td .btn { white-space: nowrap; }
.v89pf-items td .chip { max-width: 100%; }
.v89pf-preview > .tablewrap, .v89pf-phdetail .card > .tablewrap { border-top: 1px solid var(--gray-100); border-bottom: 1px solid var(--gray-100); }
.v89pf-preview .card-b + .tablewrap { margin-top: 0; }

/* sentences in these tables wrap rather than clip: a date or a finding cut short says nothing */
.v89pf-wrap td { white-space: normal; }
.v89-table.v89pf-wrap td .l1, .v89-table.v89pf-wrap td .l2 { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.v89pf-wrap td .v89-check { white-space: nowrap; }

/* ---------- the blocks and the inbox ---------- */
.v89pf-sub { display: flex; align-items: center; gap: var(--s-2); margin-top: var(--s-2); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.v89pf-sub input, .v89pf-check input { width: 16px; height: 16px; margin: 0; flex: none; accent-color: var(--accent); }
.v89pf-check { display: flex; align-items: flex-start; gap: var(--s-2); font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-regular); color: var(--gray-700); cursor: pointer; }
.v89pf-check input { margin-top: calc((var(--t-body-lh) - 16px) / 2); }
tr.v89pf-done td .l1 { color: var(--gray-700); }
.v89pf-share { display: flex; flex-direction: column; gap: var(--s-1); padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--gray-50); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.v89pf-share b { font-weight: var(--w-semibold); color: var(--gray-900); }

/* ---------- dialogs ---------- */
.dialog.v89pf-dlg { width: min(600px, 100%); }
.v89pf-dlg fieldset.v89pf-docs { margin: 0; padding: 0; border: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-2) var(--s-4); }
.v89pf-dlg fieldset.v89pf-docs legend { grid-column: 1 / -1; padding: 0; margin-bottom: var(--s-2); font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); color: var(--gray-700); }
.v89pf-dlg details.v89pf-more { display: flex; flex-direction: column; gap: var(--s-3); }
.v89pf-dlg details.v89pf-more > summary { cursor: pointer; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--accent); }
.v89pf-dlg details.v89pf-more[open] > summary { margin-bottom: var(--s-3); }
.v89pf-dlg details.v89pf-more > * + * { margin-top: var(--s-3); }
.v89pf-dlg [data-pflot] input[name="lotNumber"]:not([hidden]) { margin-top: var(--s-2); }
.v89pf-dlg [data-pflot] select + input[hidden] { display: none; }
.v89pf-upper { text-transform: uppercase; }
.v89pf-onfile:empty { display: none; }
.v89pf-onfile { margin-bottom: var(--s-3); }

/* ---------- the clinic's pages ---------- */
.v89pf-firm { display: flex; align-items: center; gap: var(--s-3); min-width: 0; }
.v89pf-firm > span:last-child { display: flex; flex-direction: column; min-width: 0; }
#view tr.vpcard { display: table-row; padding: 0; overflow: visible; transform: none; box-shadow: none; cursor: pointer; }
#view tr.vpcard:hover { transform: none; box-shadow: none; }
#view tr.vpcard td.r svg.i { width: 16px; height: 16px; color: var(--gray-400); }
.v89pf-ohead { align-items: flex-start; }
.v89pf-oid { display: flex; align-items: flex-start; gap: var(--s-4); min-width: 0; flex: 1 1 auto; }
.v89pf-oid > div { min-width: 0; }
.v89pf-meta { margin: var(--s-1) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
.v89pf-feed { list-style: none; margin: 0; padding: 0 var(--s-5) var(--s-2); }
.v89pf-feed > li { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: var(--s-3); padding: var(--s-3) 0; border-bottom: 1px solid var(--gray-100); }
.v89pf-feed > li:last-child { border-bottom: 0; }
.v89pf-feed .w { font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); font-variant-numeric: tabular-nums; }
.v89pf-feed li.unread .w { color: var(--gray-900); font-weight: var(--w-medium); }
.v89pf-feed p { margin: var(--s-1) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.v89pf-alerts .card-h .sp, .v89pf-reqs .card-h .sp, .v89pf-preview .card-h .sp { margin-left: auto; }
.v89pf-lot { display: flex; flex-direction: column; gap: var(--s-1); padding-bottom: var(--s-3); border-bottom: 1px solid var(--gray-100); }
.v89pf-lot:last-of-type { border-bottom: 0; padding-bottom: 0; }
.v89pf-lot .l1 { font-weight: var(--w-medium); color: var(--gray-900); }
.v89pf-mi { display: flex; flex-direction: column; gap: var(--s-1); }
.v89pf-mi b { font-weight: var(--w-medium); color: var(--gray-900); margin-right: var(--s-2); }
.v89pf-mine .card-h .link { margin-left: auto; }
.v89pf-own > .vfile { display: flex; flex-direction: column; gap: var(--s-6); }
.v89pf-own > .vfile > * { margin: 0; }

/* ---------- at receipt: the test reports for the lot in the box ---------- */
.v89pf-lotdocs { display: flex; flex-direction: column; gap: var(--s-1); margin-top: var(--s-3); padding: var(--s-3) var(--s-4); border-radius: var(--r-ctl); background: var(--gray-50); }
.v89pf-lotdocs .lab { font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); color: var(--gray-900); }
.v89pf-lotdocs .v89pf-line { color: var(--gray-700); }
.v89pf-lotdocs .link, .v89pf-line .link { font-size: inherit; line-height: inherit; }
.dialog .v89pf-lotdocs { margin-top: var(--s-4); }

/* ---------- a supplier's card ---------- */
.v89pf-supcard .card-h .chip { margin-left: auto; }

@media (max-width: 699px) {
  .v89pf-pic { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
  .v89pf-dlg fieldset.v89pf-docs { grid-template-columns: minmax(0, 1fr); }
  .v89pf-feed { padding: 0 var(--s-4) var(--s-2); }
  .v89pf-feed > li { grid-template-columns: minmax(0, 1fr); gap: var(--s-1); }
  .v89pf-ohead .acts { width: 100%; }
  .v89pf-oid .v89-mono-gram { display: none; }
  .v89pf-kv > div { flex-direction: column; align-items: flex-start; gap: 0; }
  .v89pf-kv dd { text-align: left; }
  /* stacked rows: the first cell's two lines stack, and a cell's lines stay together beside its label */
  #view .v89pf-ph .tablewrap > table td:first-child { flex-direction: column; align-items: stretch; gap: 0; }
  #view .v89pf-ph .tablewrap > table td[data-label]:not(:first-child) > * { grid-column: 2; }
  #view .v89pf-ph .tablewrap > table td[data-label]:not(:first-child) { row-gap: 0; }
  #view .v89pf-ph .tablewrap > table td[data-label] > .chip, #view .v89pf-ph .tablewrap > table td[data-label] > .v89-check { justify-self: start; }
  /* a stacked row shows only the cells that say something */
  #view .v89pf-net .tablewrap > table td:empty, #view .v89pf-ph .tablewrap > table td:empty { display: none; }
  #view tr.vpcard { display: block; }
  #view tr.vpcard td.r:last-child { display: none; }
  #view .v89pf-items tr.v89pf-grp { padding: var(--s-2) var(--s-4); background: var(--gray-50); }
  #view .v89pf-items tr.v89pf-grp td { padding: 0; background: none; border: 0; }
}

/* ---------- v89 (head-to-head and design reviews): who checked it, the short preview, and a layout that holds at 768 and 1024 ---------- */
.v89pf-off { font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-regular); color: var(--gray-500); white-space: nowrap; }
tr.v89pf-offrow td .l1 { color: var(--gray-700); font-weight: var(--w-regular); }
.v89pf-hd { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; flex: 1 1 0; }
.v89pf-hd > h2 { margin: 0; }
.v89pf-hd > .sub { margin: 0; }
.v89pf-brief { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); max-width: 80ch; }
details.v89pf-all > summary { cursor: pointer; list-style: none; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--accent); }
details.v89pf-all > summary::-webkit-details-marker { display: none; }
details.v89pf-all[open] > summary { margin-bottom: var(--s-2); }
details.v89pf-all > .tablewrap { margin: var(--s-2) calc(-1 * var(--s-5)) 0; border-top: 1px solid var(--gray-100); }
/* the rail beside a long file stays in view; below 1181 px the main column would be too narrow to read, so the rail drops under it */
@media (min-width: 1181px) { #view .v89pf-net .v89s-detail > .v89s-rail, #view .v89pf-phdetail .v89s-detail > .v89s-rail { position: sticky; top: var(--s-6); align-self: start; } }
@media (max-width: 1180px) { #view .v89pf-net .v89s-detail, #view .v89pf-phdetail .v89s-detail, #view .v89s-detail:has(.vfile) { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 699px) { details.v89pf-all > .tablewrap { margin: var(--s-2) calc(-1 * var(--s-4)) 0; } #view .v89pf-items tr.v89pf-offrow td[data-label="Who checked it"] { display: none; } }
/* a state that says who recorded it ("Recorded by the pharmacy") wraps inside its cell rather than being cut short */
#view .v89pf-items td .chip[data-tone], #view .v89pf-lic td .chip[data-tone], #view .v89pf-mine .chip[data-tone] { height: auto; white-space: normal; overflow: visible; text-overflow: clip; padding-top: 1px; padding-bottom: 1px; align-items: flex-start; }
#view .v89pf-items td .chip[data-tone]::before, #view .v89pf-lic td .chip[data-tone]::before, #view .v89pf-mine .chip[data-tone]::before { margin-top: 7px; }

/* ---------- v91 (crossover W1): any pharmacy, the exposure check and the telehealth facts on the clinic side. Tokens only ---------- */
.v89pf-lead { margin: 0; font-size: var(--t-heading-size); line-height: var(--t-heading-lh); font-weight: var(--w-regular); color: var(--gray-900); max-width: 80ch; }
.v89pf-h3 { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); color: var(--gray-900); }
.v89pf-records .card-h > div, .v89pf-prod .card-h > div, .v89pf-expo .card-h > div { display: flex; flex-direction: column; gap: var(--s-1); min-width: 0; flex: 1 1 0; }
.v89pf-records .card-h > div > *, .v89pf-prod .card-h > div > *, .v89pf-expo .card-h > div > * { margin: 0; }
.v89pf-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--neutral-dot); margin-right: var(--s-2); vertical-align: 1px; }
.v89pf-dot.a { background: var(--attention-dot); } .v89pf-dot.r { background: var(--critical-dot); }
.v89pf-facts td .l1 { display: inline; }
#view .v89pf-facts td { vertical-align: top; }
.v89pf-facts details.v89pf-more { margin-top: var(--s-1); }
.v89pf-facts details.v89pf-more > summary { cursor: pointer; font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); color: var(--accent); list-style: none; }
.v89pf-subh { padding-top: var(--s-3); padding-bottom: var(--s-2); border-top: 1px solid var(--gray-100); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.v89pf-subh b { font-weight: var(--w-semibold); color: var(--gray-900); }
.v89pf-addp { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; margin: 0; }
.v89pf-addp input { flex: 1 1 280px; min-width: 0; height: 32px; padding: 0 var(--s-3); border: 1px solid var(--gray-300); border-radius: var(--r-ctl); font: inherit; font-size: var(--t-body-size); color: var(--gray-900); background: var(--gray-0); }
.v89pf-addp input:focus { outline: 0; border-color: var(--accent); }
.v89pf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.v89pf-tele { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); align-items: start; }
.v89pf-tele > .card { margin: 0; }
.v89pf-tele > .v89pf-tcard.wide { grid-column: 1 / -1; }
.v89pf-tcard .card-b { display: flex; flex-direction: column; gap: var(--s-2); }
.v89pf-k { margin: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); font-weight: var(--w-medium); color: var(--gray-500); }
.v89pf-v { margin: 0; font-size: var(--t-title-size); line-height: var(--t-title-lh); font-weight: var(--w-semibold); color: var(--gray-900); letter-spacing: -0.01em; overflow-wrap: anywhere; }
.v89pf-split { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: var(--s-6); align-items: start; }
.v89pf-map { display: block; width: 100%; max-width: 320px; height: auto; }
.v89pf-map text { font-size: var(--t-label-size); font-weight: var(--w-semibold); }
.v89pf-map .none rect { fill: var(--gray-25); stroke: var(--gray-100); } .v89pf-map .none text { fill: var(--gray-400); }
.v89pf-map .home rect { fill: var(--gray-900); stroke: var(--gray-900); } .v89pf-map .home text { fill: var(--gray-0); }
.v89pf-map .licensed rect { fill: var(--positive-bg); stroke: var(--positive-bd); } .v89pf-map .licensed text { fill: var(--positive-fg); }
.v89pf-map .recorded rect, .v89pf-map .reported rect { fill: var(--neutral-bg); stroke: var(--gray-300); } .v89pf-map .recorded text, .v89pf-map .reported text { fill: var(--gray-700); }
.v89pf-map .negative rect { fill: var(--critical-bg); stroke: var(--critical-bd); } .v89pf-map .negative text { fill: var(--critical-fg); }
.v89pf-legend { display: flex; flex-wrap: wrap; gap: var(--s-1) var(--s-4); margin: var(--s-2) 0 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-500); }
.v89pf-legend span { display: inline-flex; align-items: center; gap: var(--s-2); }
.v89pf-legend i { width: 12px; height: 12px; border-radius: 3px; border: 1px solid var(--gray-300); background: var(--gray-25); flex: none; }
.v89pf-legend i.home { background: var(--gray-900); border-color: var(--gray-900); } .v89pf-legend i.licensed { background: var(--positive-bg); border-color: var(--positive-bd); }
.v89pf-legend i.recorded, .v89pf-legend i.reported { background: var(--neutral-bg); } .v89pf-legend i.negative { background: var(--critical-bg); border-color: var(--critical-bd); }
.v89pf-states { list-style: none; margin: 0 0 var(--s-2); padding: 0; display: flex; flex-direction: column; gap: var(--s-2); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.v89pf-states li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--s-2); }
@media (max-width: 899px) { .v89pf-tele, .v89pf-split { grid-template-columns: minmax(0, 1fr); } }

/* ---------- v92 fix round (G3, the buyer side). Tokens only ---------- */
/* D2: a card's sentences run the card's width, not 60% of it */
.v89pf-phdetail .card-b > .v89pf-none, .v89pf-phdetail .card-b > .v89pf-line, .v89pf-phdetail .v89pf-lead, .v89pf-phdetail .v89pf-brief { max-width: none; }
/* decision 5: a card header's title and subtitle stack on the left; its one action sits on the title line, centred */
.card-h.v89pf-cardh { align-items: center; }
.card-h.v89pf-cardh > .link, .card-h.v89pf-cardh > .btn { margin-left: auto; flex: none; }
/* H2 #10: the tab row says there is more past a phone's edge, with a fade on the side it continues */
.v89pf-tabs { position: relative; }
.v89pf-tabs::after, .v89pf-tabs::before { content: ""; position: absolute; top: 0; bottom: 1px; width: 32px; pointer-events: none; opacity: 0; transition: opacity var(--d-hover); }
.v89pf-tabs::after { right: 0; background: linear-gradient(90deg, transparent, var(--canvas) 85%); }
.v89pf-tabs::before { left: 0; z-index: 1; background: linear-gradient(270deg, transparent, var(--canvas) 85%); }
.v89pf-tabs.more-r::after, .v89pf-tabs.more-l::before { opacity: 1; }
/* the "said once" card on the clinic's Pharmacies page */
.v89pf-once .card-h { align-items: flex-start; }
/* the buyer's patient states on the license map: an outline, never a colour that reads as a license */
.v89pf-map .pt rect { stroke: var(--accent); stroke-width: 2; }
.v89pf-legend i.pt { background: var(--gray-0); border: 2px solid var(--accent); }
.v89pf-tcard .v89pf-sec { padding-top: var(--s-3); border-top: 1px solid var(--gray-100); }
.v89pf-tcard .v89pf-sec > h3 { margin: 0; font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-semibold); color: var(--gray-900); }
.v89pf-records .v89pf-sec { padding-top: var(--s-2); }
.v89pf-lot .v89pf-acts { align-items: center; margin-top: var(--s-1); }
/* H2 #8: the file at a glance */
.v89pf-glance { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-4); }
.v89pf-glance li { display: inline-flex; align-items: center; min-width: 0; font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.v89pf-gn { display: inline-flex; align-items: center; gap: var(--s-2); color: var(--gray-700); }
.v89pf-gn::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--neutral-dot, var(--gray-400)); flex: none; }

/* ---------- v92 fix round (G5): the plain-words brief, telehealth rows, never a zero that reads as a check, Watch on a phone ---------- */
/* the brief is three short lines, each its own line; the count of items checked follows in small type (H3 change 5) */
ul.v89pf-brief { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--s-1); max-width: 80ch; }
ul.v89pf-brief > li { font-size: var(--t-body-size); line-height: var(--t-body-lh); color: var(--gray-900); }
/* a value in words is set in body type, never at the size of a figure (D3 #1) */
.v89pf-tcard.w .v89pf-v { font-size: var(--t-body-size); line-height: var(--t-body-lh); font-weight: var(--w-medium); color: var(--gray-700); letter-spacing: 0; }
.v89pf-tele > .v89pf-tfacts { grid-column: 1 / -1; margin: 0; }
.v89pf-tfacts td .l2 { display: block; }
/* the Units received column: its header sits over its figures (D3 #2) */
#view .v89pf-phtable th.r, #view .v89pf-phtable td.r { text-align: right; }
/* row actions read as actions: ghost buttons carry the accent text (decision 13) */
#view .v89pf-once .btn.ghost, #view .v89pf-phtable .btn.ghost, #view .v89pf-reqs .btn.ghost { color: var(--accent); }
/* Watch stays in the header on a phone, under the primary, at the row's width (H3 #10) */
.v89pf-keep { display: inline-flex; }
@media (max-width: 699px) {
  #view .acts.v92-pacts > .v89pf-keep { width: 100%; order: 1; }
  #view .v89pf-ohead .acts.v92-pacts > details.v84more { order: 2; }
  #view .acts.v92-pacts > .v89pf-keep > .btn { width: 100%; justify-content: center; }
}
/* the Public records card on a phone: its title and line take the row, the two actions wrap under them (they squeezed the title to a word a line) */
@media (max-width: 699px) { #view .v89pf-records > .card-h { flex-wrap: wrap; } #view .v89pf-records > .card-h > div:first-child { flex: 1 1 100%; } }