/* r92 (builder G): the telehealth platform's pages (next-r92-g-telehealth.js). Kit tokens only (next-v96-kit.css); the kit's
   own classes (vk-lit, vk-kpis, vk-split, v89-table) carry the window's look, this file lays out what is particular to these pages. */
.thg .thg-wait { margin-top: 16px; }
.thg .thg-demo { margin: 12px 0 0; color: var(--k-mute); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); }
.thg .thg-small { margin: 10px 0 0; color: var(--gray-700); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); }
.thg .thg-foot { margin: 12px 0 0; color: var(--k-mute); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); }
.thg .thg-foot a { color: var(--accent); }
.thg .thg-src { margin: 8px 0 0; color: var(--k-mute); font-size: var(--t-label-size, 11.5px); line-height: var(--t-label-lh, 16px); }
.thg .thg-attr { margin: 12px 0 0; color: var(--gray-700); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); max-width: 64ch; }
.thg .thg-name { color: inherit; text-decoration: none; }
.thg .thg-name:hover b, .thg .thg-name:hover .vk-id { color: var(--accent); }
.thg .thg-table td .l2 { display: block; color: var(--k-mute); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); margin-top: 2px; }
.thg .thg-mono, .thg .thg-ev { font-family: var(--font-mono); font-size: var(--t-label-size, 11.5px); overflow-wrap: anywhere; }
.thg .thg-ev { display: inline-block; padding: 1px 6px; border-radius: var(--r-ctl, 8px); background: var(--k-track); color: var(--gray-700); }
.thg .thg-code { margin: 12px 0 0; padding: 10px 12px; border-radius: var(--r-ctl, 8px); background: var(--k-track); color: var(--gray-900); font-family: var(--font-mono); font-size: var(--t-label-size, 11.5px); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.thg .thg-code .k { color: var(--accent); font-weight: 600; }
.thg .thg-delivered { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }

/* Orders: the pharmacies rail beside the table */
.thg .thg-orders-wrap { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 16px; align-items: start; }
.thg .thg-rail { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.thg .thg-rail > b { font-size: var(--t-heading-size, 14px); line-height: var(--t-heading-lh, 20px); color: var(--gray-900); margin: 0 0 6px 8px; }
.thg .thg-rail-i { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 32px; padding: 0 8px; border: 0; border-radius: var(--r-ctl, 8px); background: transparent; color: var(--gray-700); font: inherit; font-size: var(--t-body-size, 13px); text-align: left; cursor: pointer; }
.thg .thg-rail-i:hover { background: var(--k-hover); }
.thg .thg-rail-i.on { background: var(--k-track); color: var(--gray-900); font-weight: 500; }
.thg .thg-rail-i span { min-width: 24px; padding: 0 6px; border-radius: 999px; background: var(--k-track); color: var(--k-mute); font-size: var(--t-label-size, 11.5px); line-height: 18px; text-align: center; }
.thg .thg-rail-i.on span { background: var(--gray-0, #fff); }

/* an order traced by reference: one card per record, the link between them in mono */
.thg .thg-trace { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; }
.thg .thg-step { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--k-line); border-radius: var(--r-card, 12px); background: var(--gray-0, #fff); }
.thg .thg-step .vk-tile { width: 28px; height: 28px; }
.thg .thg-step-b { min-width: 0; }
.thg .thg-step-b b { display: block; color: var(--gray-900); font-size: var(--t-body-size, 13px); line-height: var(--t-body-lh, 20px); font-weight: 600; }
.thg .thg-step-b b a { color: inherit; text-decoration: none; }
.thg .thg-step-b b a:hover { color: var(--accent); }
.thg .thg-step-b small { display: block; color: var(--gray-700); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); }
.thg .thg-step-r { color: var(--k-mute); font-family: var(--font-mono); font-size: var(--t-label-size, 11.5px); white-space: nowrap; }
.thg .thg-quote { display: block; margin-top: 4px; color: var(--gray-700); font-family: var(--font-mono); font-size: var(--t-label-size, 11.5px); line-height: 1.5; overflow-wrap: anywhere; }
.thg .thg-quote i { font-style: normal; color: var(--accent); margin-right: 6px; }
.thg .thg-link { margin: 0 0 0 25px; padding: 5px 0 5px 14px; border-left: 2px solid var(--info-bd); color: var(--k-mute); font-family: var(--font-mono); font-size: var(--t-label-size, 11.5px); line-height: 16px; }

/* the copy file's bars by determination */
.thg .thg-bars { display: flex; align-items: flex-end; gap: 24px; height: 260px; padding: 8px 4px 0; border-top: 1px solid var(--k-line); }
.thg .thg-bar { flex: 1 1 0; max-width: 96px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; }
.thg .thg-bar i { display: block; width: 100%; min-height: 2px; border-radius: 6px 6px 2px 2px; background: var(--k-track); }
.thg .thg-bar[data-tone="info"] i { background: var(--accent); }
.thg .thg-bar[data-tone="attention"] i { background: var(--attention-dot); }
.thg .thg-bar-n { color: var(--gray-900); font-size: var(--t-heading-size, 14px); font-weight: 600; }
.thg .thg-bar-l { color: var(--k-mute); font-size: var(--t-small-size, 12px); text-align: center; line-height: 1.3; min-height: 32px; }
.thg .thg-bar[data-tone="info"] .thg-bar-l { color: var(--gray-900); font-weight: 500; }
.thg .thg-cmp { width: 100%; margin-top: 12px; border-collapse: collapse; table-layout: fixed; font-size: var(--t-body-size, 13px); }
.thg .thg-cmp th:first-child, .thg .thg-cmp td:first-child { width: 36%; white-space: nowrap; }
.thg .thg-cmp th { text-align: left; color: var(--k-mute); font-weight: 400; font-size: var(--t-small-size, 12px); padding: 6px 8px; border-bottom: 1px solid var(--k-line); }
.thg .thg-cmp td { padding: 8px; border-bottom: 1px solid var(--k-line); color: var(--gray-900); }
.thg .thg-cmp td:first-child { color: var(--gray-700); }
.thg .thg-cmp tr.is-owed td:nth-child(2) { background: var(--critical-bg); color: var(--critical-fg); }

@media (max-width: 699px) {
  .thg .thg-orders-wrap { grid-template-columns: minmax(0, 1fr); }
  .thg .thg-rail { flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .thg .thg-rail > b { width: 100%; margin: 0; }
  .thg .thg-rail-i { min-height: 30px; }
  .thg .thg-bars { gap: 10px; height: 200px; }
  .thg .thg-step { grid-template-columns: auto minmax(0, 1fr); }
  .thg .thg-step-r { grid-column: 2; }
}

/* a telehealth platform's nav carries no pharmacy setup steps */
body.thg-kind #navSetup { display: none; }
@media (max-width: 1100px) {
  .thg .vk-split.thg-tracefirst > .vk-split-side { order: -1; }
}

/* r94 S wave 3 (A6-22): the order screen (#/screen). Four checks per order as four marks in the list; in the pane, one block per
   check with why it decided and what happens next. Kit tones only. */
.os .os-dots { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 14px; gap: 4px; vertical-align: middle; }
.os .os-dots > i { display: block; height: 8px; border-radius: 4px; background: var(--neutral-dot, var(--gray-200)); }
.os .os-dots > i[data-tone="positive"] { background: var(--positive-dot); }
.os .os-dots > i[data-tone="attention"] { background: var(--attention-dot); }
.os .os-dots > i[data-tone="critical"] { background: var(--critical-dot); }
.os .os-dots > i[data-tone="neutral"] { background: transparent; box-shadow: inset 0 0 0 1px var(--k-line); }
.os .os-table tbody tr[aria-selected="true"] td { background: var(--k-hover); }
.os .os-table td .vk-chip { white-space: normal; }
.os .os-bound { margin-top: 6px; }
.os .os-rails { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.os .os-rail { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 12px; border: 1px solid var(--k-line); border-radius: var(--r-card, 12px); background: var(--gray-0, #fff); }
.os .os-rail[data-tone="neutral"] { background: transparent; border-style: dashed; }
.os .os-rail .vk-tile { width: 28px; height: 28px; }
.os .os-rail-b { min-width: 0; }
.os .os-rail-h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 8px; }
.os .os-rail-h b { color: var(--gray-900); font-size: var(--t-body-size, 13px); line-height: var(--t-body-lh, 20px); font-weight: 600; }
.os .os-why, .os .os-next { margin: 6px 0 0; color: var(--gray-700); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); overflow-wrap: anywhere; }
.os .os-why > span, .os .os-next > span { display: inline-block; min-width: 40px; margin-right: 6px; color: var(--k-mute); font-size: var(--t-label-size, 11.5px); font-weight: 500; text-transform: uppercase; letter-spacing: .04em; }
.os .os-next { color: var(--gray-900); }
.os .os-next.is-done { color: var(--k-mute); }
.os .os-more { margin: 4px 0 0 46px; padding: 0 0 0 12px; color: var(--gray-700); font-size: var(--t-small-size, 12px); line-height: var(--t-small-lh, 18px); }
@media (max-width: 699px) {
  .os .os-more { margin-left: 0; }
  .os .os-why > span, .os .os-next > span { display: block; margin: 0 0 2px; }
}

/* prx v1 wave 3 (S3 sections 3.12, 3.13): the Partner Record on the platform's side. Tokens only; the lines are next-prx-kit.js's own,
   styled by next-partner-record.css, so a line reads the same here as on the pharmacy's page and on the reader's link. */
.thg .thg-cadence, .thg .thg-meta { margin: calc(-1 * var(--s-2)) 0 var(--s-4); color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.thg .thg-meta { margin: 0 0 var(--s-6); color: var(--gray-500); }
.thg .thg-vfile { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); margin: 0 0 var(--s-4); color: var(--gray-700); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.thg .thg-vfile .link { margin-left: var(--s-1); }
.thg .thg-greyed .prx-card { opacity: 1; }
.thg .thg-greyed .prx-sec-h, .thg .thg-greyed table.prx-lines td, .thg .thg-greyed table.prx-lines .prx-item { color: var(--gray-500); }
.thg .prx-card { margin-top: 0; }
.thg .thg-fda { margin-top: var(--s-6); }
.thg .thg-fdalist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-4); }
.thg .thg-fdaw { margin: 0; color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.thg .thg-fdalist .thg-small { margin: var(--s-1) 0 0; }
.thg table.thg-partners td .v89-check, .thg table.thg-printed td .v89-check { font-size: var(--t-small-size); }
.thg table.thg-printed td .l1 { display: block; overflow-wrap: anywhere; }
.thg .thg-changes .vk-list { margin: 0; }
.thg .thg-dlg .prx-linkbox input { width: 100%; font-family: var(--font-mono); font-size: var(--t-small-size); }
/* Inter's tabular figures widen the hyphen ("re - check"); the workspace sets every strip in them. Words in this feature's strips are set
   in proportional figures; the counts keep tabular (wave 3, fix c) */
.thg .v89-strip .lab, .thg .v89-strip .ctx, .thg table.v89-table td .l2, .thg table.thg-printed td, .thg table.thg-partners td { font-variant-numeric: normal; font-feature-settings: "cv11", "ss03"; }
.thg table.thg-partners td.r { font-feature-settings: "tnum", "cv11", "ss03"; }
/* a printed fact and what its source says are never cut: they wrap (the v89 table's .l1 and .l2 are one line with an ellipsis) */
.thg table.thg-printed td .l1, .thg table.thg-printed td .l2, .thg table.thg-partners td .l2, .thl table.thl-pages td .l2 { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
.thg table.thg-printed td .l1 { font-weight: var(--w-regular); }

.thg .thg-chlist { list-style: none; margin: 0; padding: 0; display: grid; }
.thg .thg-chlist li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-1) var(--s-3); align-items: start; padding: var(--s-3) 0; border-top: 1px solid var(--gray-100); }
.thg .thg-chlist li:first-child { border-top: 0; padding-top: 0; }
.thg .thg-chlist a { display: grid; gap: 2px; min-width: 0; color: inherit; text-decoration: none; }
.thg .thg-chlist a:hover b { color: var(--accent); }
.thg .thg-chlist b { font-weight: var(--w-medium); color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.thg .thg-chlist span { color: var(--gray-700); font-size: var(--t-body-size); line-height: var(--t-body-lh); overflow-wrap: anywhere; font-variant-numeric: normal; font-feature-settings: "cv11", "ss03"; }
.thg .thg-chlist time { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); white-space: nowrap; }
.thg .thg-quiet { color: var(--gray-500); }

/* prx v1 wave 5 (2026-10-25, the review round) */
/* Platform Today: the changes card no longer butts into the KPI row (review A, desktop bug); rows grouped by partner, the name once */
.thg > .vk-kpis + .vk-split { margin-top: var(--s-6); }
.thg .thg-chgroups { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-3); }
.thg .thg-chgroups > li + li { padding-top: var(--s-3); border-top: 1px solid var(--gray-100); }
.thg .thg-chp { display: block; margin: 0 0 var(--s-1); color: var(--gray-900); font-weight: var(--w-medium); font-size: var(--t-body-size); line-height: var(--t-body-lh); text-decoration: none; }
.thg .thg-chp:hover { color: var(--accent); }
.thg .thg-chgroups .thg-chlist li { padding: var(--s-1) 0; border-top: 0; }
/* Partners: "differ" in the attention tone (review A change 6); what a federal record returned, said first (review B, B3) */
.thg .thg-diff { color: var(--attention-fg); }
.thg .thg-found b { color: var(--gray-900); font-weight: var(--w-medium); }
/* the partner's one meta line: who shared it, when the link closes, the verified file */
.thg .thg-meta .thg-vf { white-space: normal; }
.thg .thg-meta .thg-vf .link { margin-left: var(--s-1); }
/* a record not shared: the sections the pharmacy can share, named once, with the reason to invite (review A change 10) */
.thg .thg-later { margin-top: var(--s-4); }
.thg .thg-laterl { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-1); color: var(--gray-500); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
/* Changes: what the source now says, grouped by date (review A change 5; review B, S6) */
.thg .thg-chd { margin: var(--s-5) 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); }
.thg .thg-chd:first-child { margin-top: 0; }
.thg .thg-chl { list-style: none; margin: 0; padding: 0; display: grid; }
.thg .thg-chi { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-1) var(--s-3); align-items: start; padding: var(--s-3) 0; border-top: 1px solid var(--gray-100); }
.thg .thg-cht { margin: 0; color: var(--gray-900); font-size: var(--t-body-size); line-height: var(--t-body-lh); overflow-wrap: anywhere; }
.thg .thg-cht b { color: var(--gray-900); font-weight: var(--w-medium); }
.thg .thg-chs { margin: 2px 0 0; color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); }
.thg .thg-res { color: var(--gray-500); font-size: var(--t-small-size); line-height: var(--t-small-lh); white-space: nowrap; }
.thg .thg-firsts { margin-top: var(--s-1); font-size: var(--t-small-size); line-height: var(--t-small-lh); color: var(--gray-700); }
.thg .thg-firsts summary { cursor: pointer; color: var(--accent); list-style: none; }
.thg .thg-firsts summary::-webkit-details-marker { display: none; }
.thg .thg-firsts ul { margin: var(--s-1) 0 0; padding-left: var(--s-4); }
@media (max-width: 699px) {
  /* review A, phone 6 and 7: the partner header's tile steps back; "Shares its record until" sits under the name */
  .thg .v89-titlerow > .vk-tile { display: none; }
  #view .thg .tablewrap > table.thg-partners td:first-child { display: block; }
  #view .thg .tablewrap > table.thg-partners td:first-child .l2 { display: block; margin-top: 2px; }
}
/* the design pass (2026-10-25): the platform's side of the record on the same system as the pharmacy's page: a status line in place of
   the four big boxes, the record's dot chips in the Partners table, one row per change with one chip */
.thg .thg-status { margin-bottom: var(--s-8); }
.thg table.thg-partners .thg-lines { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--s-1) var(--s-3); color: var(--gray-700); font-size: var(--t-body-size); line-height: var(--t-body-lh); }
.thg table.thg-partners .thg-last { color: var(--gray-700); }
.thg table.thg-partners td .prx-chip { vertical-align: middle; }
.thg .thg-chg .card-b { padding-top: var(--s-4); padding-bottom: var(--s-2); }
.thg .thg-chd + .thg-chl > .thg-chi:first-child { border-top: 0; padding-top: var(--s-1); }
.thg .thg-chi > .prx-chip { padding-top: 1px; }
.thg .thg-later .card-h h2 { font-weight: var(--w-medium); }
.thg .thg-laterl { color: var(--gray-700); }