/* v8 (2026-10-31, lane ICP-A): the telehealth, brand and 503B pages on the pharmacy's v8 look, drawn by next-v8-icp-a.js.
   The compositions reuse the Today board's own parts (next-v8-today.css: .v8t-stat, .v8t-panel, .v8t-chart, .v8t-task, .v8t-tri,
   .v8t-li) and the pages' parts (next-v8-pages.css), so a figure, a panel and a row look the same on every door. Every rule here is
   scoped to #view .v8ia (a composition) or #view .page.v8ia-*-on (the page it sits in). The earlier blocks a composition redraws stay
   in the page, hidden in place. */

/* ---------------- shared ---------------- */
#view .page.v8ia-on { max-width: 1360px; }
#view .v8ia .v8t-act.v8ia-pri { background: var(--v8-accent); color: #fff !important; box-shadow: none; font-weight: 500; }
#view .v8ia .v8t-act.v8ia-pri:hover { background: color-mix(in srgb, var(--v8-accent) 88%, #fff); }
#view .v8ia .v8t-act.v8ia-pri svg { color: #fff; }
#view .v8ia .v8t-act[disabled], #view .v8ia .v8t-act[aria-disabled="true"] { opacity: .55; cursor: default; }
#view .v8ia-pad { padding: 4px 20px 18px !important; }
#view .v8ia-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--c); margin-right: 8px; vertical-align: 1px; flex: none; }
#view .v8ia-st { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; color: var(--v8-t2); white-space: nowrap; }
#view .v8ia-st .v8ti { width: 16px; height: 16px; }
#view .v8ia-st.pos { color: var(--v8-pos); } #view .v8ia-st.warn { color: var(--v8-warn); } #view .v8ia-st.neg { color: var(--v8-neg); }
#view .v8ia-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding-top: 12px; border-top: 1px solid var(--v8-hair-2); font-size: 12px; color: var(--v8-t2); }
#view .v8ia .v8t-li .v8ia-dot { margin-right: 6px; }
#view .v8ia .v8t-obs em { font-style: normal; color: var(--v8-t3); }
#view .v8ia-sech { margin: 32px 0 0 !important; font-size: 15px; font-weight: 500; color: var(--v8-t1); letter-spacing: 0; }

/* a table in a panel, the read's .v8all pattern: columns that say what they hold, 44px rows, hover in the raised tone */
#view .v8ia-tpanel { padding: 20px 0 6px; }
#view .v8ia-tpanel > .v8t-h { padding: 0 20px; }
#view .v8ia-tw { margin-top: 10px; overflow-x: auto; }
#view .v8ia-tbl { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 14px; }
#view .page .v8ia-tbl th { height: auto !important; padding: 10px 14px !important; text-align: left; font: 400 12px/1 var(--v8-sans) !important; color: var(--v8-t3) !important; border-top: 0 !important; border-bottom: 1px solid var(--v8-hair) !important; white-space: nowrap; background: none !important; letter-spacing: 0 !important; text-transform: none !important; }
#view .page .v8ia-tbl td { padding: 0 14px !important; height: 44px !important; font-size: 14px !important; line-height: 20px !important; border-bottom: 1px solid var(--v8-hair-2) !important; color: var(--v8-t1); vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; }
#view .page .v8ia-tbl :is(th, td):first-child { padding-left: 20px !important; }
#view .page .v8ia-tbl :is(th, td):last-child { padding-right: 20px !important; }
#view .page .v8ia-tbl tbody tr:last-child td { border-bottom: 0 !important; }
#view .v8ia-tbl tbody tr[data-go] { cursor: pointer; }
#view .page .v8ia-tbl tbody tr:hover td { background: color-mix(in srgb, var(--v8-raised) 55%, transparent) !important; }
#view .page .v8ia-tbl td.m { font: 400 12px/20px var(--v8-mono) !important; color: var(--v8-t3); }
#view .v8ia-tbl td a { color: var(--v8-t1); }
#view .v8ia-tbl td a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view .v8ia-ref { font: 400 12px var(--v8-mono); color: var(--v8-t2); margin-right: 6px; }
#view .v8ia-who { display: inline-flex; align-items: center; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; color: var(--v8-t2); }
#view .v8ia-none { color: var(--v8-t3) !important; font-size: 13px; }
#view .v8ia-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; padding: 0 20px; }
#view .v8ia-chip { appearance: none; border: 0; height: 30px; padding: 0 12px; border-radius: 8px; background: none; box-shadow: 0 0 0 1px var(--v8-hair); font: 400 12px/1 var(--v8-sans); color: var(--v8-t2); cursor: pointer; }
#view .v8ia-chip:hover { color: var(--v8-t1); background: var(--v8-raised); }
#view .v8ia-chip[aria-pressed="true"] { background: var(--v8-raised); color: var(--v8-t1); box-shadow: var(--v8-hi), 0 0 0 1px var(--v8-hair); }
#view .v8ia-list .v8t-li:first-child { border-top: 0; margin-top: 4px; }

/* ---------------- telehealth Today: the earlier home gives way to the composition ---------------- */
#view .page.v8ia-th-on > header.v6-hello,
#view .page.v8ia-th-on > .v6-quick,
#view .page.v8ia-th-on > .v6-grid,
#view .page.v8ia-th-on > section.v7-sec { display: none !important; }
#view .page.v8ia-th-on > .thg-demo { margin-top: 28px; font-size: 12px; color: var(--v8-t3); }

/* ---------------- brand: the claim register as its Today, the register itself below ---------------- */
#view .page.v8ia-reg-on > .v89-head { display: none !important; }
#view .page.v8ia-reg-on > .vk-split { margin-top: 12px; }
#view .page.v8ia-reg-on .r92h-cap { font: 400 12px/1.4 var(--v8-mono); color: var(--v8-t3); }

/* a claim: the profile top (as .v7d-panels draws a supplier's or a partner's), then its fields and history in one panel */
#view .v8ia-prof { display: grid; grid-template-columns: minmax(0, 574fr) minmax(0, 370fr); gap: 24px; margin: 20px 0 16px; }
#view .v8ia-pm, #view .v8ia-ps { display: flex; flex-direction: column; min-width: 0; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .v8ia-pmb, #view .v8ia-psb { flex: 1; padding: 22px 24px; min-width: 0; }
#view .v8ia-flab { display: block; margin: 0 0 6px; font-size: 13px; line-height: 20px; color: var(--v8-t3); }
#view .v8ia-fig { display: flex; align-items: center; gap: 12px; font-size: 34px; line-height: 44px; font-weight: 400; letter-spacing: -.02em; color: var(--v8-t1); }
#view .v8ia-fig .v8ti { width: 26px; height: 26px; stroke-width: 1.6; }
#view .v8ia-q { margin: 10px 0 0 !important; font-size: 15px; line-height: 1.5; color: var(--v8-t1); }
#view .v8ia-props { display: flex; flex-wrap: wrap; gap: 12px 40px; margin-top: 18px; }
#view .v8ia-prop { display: flex; flex-direction: column; min-width: 0; }
#view .v8ia-prop span { font-size: 13px; line-height: 20px; color: var(--v8-t3); }
#view .v8ia-prop b { font-size: 14px; line-height: 20px; font-weight: 400; color: var(--v8-t2); }
#view .v8ia-psb { display: flex; flex-direction: column; gap: 16px; }
#view .v8ia-kvr { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
#view .v8ia-kvr > span { font-size: 13px; line-height: 20px; color: var(--v8-t3); }
#view .v8ia-kvr > b { font-size: 15px; line-height: 24px; font-weight: 400; color: var(--v8-t2); text-align: right; }
#view .v8ia-kvr > b.neg { color: var(--v8-neg); }
#view .v8ia-pf { display: flex; align-items: center; min-height: 56px; padding: 15px 24px 16px; border-top: 1px solid var(--v8-hair-2); }
#view .v8ia-fl { font-size: 15px; line-height: 24px; color: var(--v8-accent) !important; text-decoration: none; }
#view .v8ia-fl:hover { text-decoration: underline; text-underline-offset: 3px; }
#view .page.v8ia-claim-on > .vk-split > .vk-split-main { padding: 6px 24px 20px; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); align-self: start; }
#view .page.v8ia-claim-on > .vk-split > .vk-split-main > .r92h-cap { margin: 14px 0 4px; font: 500 15px/22px var(--v8-sans); color: var(--v8-t1); }
#view .page.v8ia-claim-on > .vk-split > .vk-split-main > .r92h-field:last-of-type { border-bottom: 0; }
#view .page.v8ia-claim-on > .vk-split > .vk-split-main > .r92h-h2 { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--v8-hair); font-size: 15px; font-weight: 500; }

/* ---------------- telehealth: the .v7d list and record pages (next-v7-doors.js) on the v8 strip, panels and tables ---------------- */
/* a band of counts is the pharmacy's strip: one panel, its cells split by hairlines, each a label over its figure */
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 0 !important; margin: 16px 0 0 !important; padding: 0 !important; min-height: 0; border: 0 !important; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); overflow: hidden; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f { max-width: none; padding: 18px 22px 20px !important; border-radius: 0; transition: background-color .15s var(--v8-ease); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f + .v7d-f { box-shadow: -1px 0 0 0 var(--v8-hair); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f > span { font-size: 14px; line-height: 20px; color: var(--v8-t2); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f > b { margin-top: 6px; font-size: 28px; line-height: 34px; font-weight: 500; letter-spacing: -.02em; color: var(--v8-t1); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f > b[data-tone="critical"] { color: var(--v8-neg); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f > b[data-tone="attention"] { color: var(--v8-warn); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > :is(a, button).v7d-f:hover { background: color-mix(in srgb, var(--v8-raised) 50%, var(--v8-card)); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > :is(a, button).v7d-f:hover > b { color: var(--v8-t1); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > button.v7d-f[aria-pressed="true"] { background: var(--v8-raised); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > button.v7d-f[aria-pressed="true"] > b { color: var(--v8-t1); text-decoration: none; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > button.v7d-f[aria-pressed="true"] > span { color: var(--v8-t1); }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > button.v7d-f:focus-visible { outline: 2px solid var(--v8-accent); outline-offset: -2px; }
/* a table is a panel; its rows keep their own cells, padded 20px at the panel's edges */
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw:has(> .v7d-wide) { margin: 16px 0 0 !important; border-radius: var(--v8-r-panel) !important; background: var(--v8-card) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; overflow-x: auto !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-tw table.v7d-t :is(th, td):first-child { padding-left: 20px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-tw table.v7d-t :is(th, td):last-child { padding-right: 20px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-tw table.v7d-t th { padding-top: 12px !important; padding-bottom: 11px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-tw table.v7d-wide td { padding-right: 14px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on .v7d-tw table.v7d-wide th { padding-right: 14px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw + .v7d-quiet, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw + .dt-foot { margin-top: 14px; }
/* a section of a record page (an order's trace, the week's lookups, the sources, the last delivery) is a panel */
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-sec { margin-top: 16px !important; padding: 20px 24px 18px; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-sech h2, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-sec .v7d-sech h2 { font-size: 15px !important; font-weight: 500 !important; line-height: 22px !important; letter-spacing: 0 !important; color: var(--v8-t1); }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw:has(> .v7d-wide) { margin: 12px -24px 0 !important; background: none !important; box-shadow: none !important; border-radius: 0 !important; border-top: 1px solid var(--v8-hair-2) !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw table.v7d-t :is(th, td):first-child { padding-left: 24px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw table.v7d-t :is(th, td):last-child { padding-right: 24px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .dt-foot { margin: 8px 0 0 !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-steps { margin-bottom: 0; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec > :last-child { margin-bottom: 0 !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-sec + .v7d-sec { margin-top: 16px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-ev > .tablewrap { margin-top: 10px; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); overflow-x: auto; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-ev > .tablewrap table :is(th, td):first-child { padding-left: 20px !important; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-ev > .tablewrap table :is(th, td):last-child { padding-right: 20px !important; }
/* a wide table wraps its words rather than running past the panel */
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw table.v7d-wide td { white-space: normal; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-tw table.v7d-wide td:first-child { white-space: nowrap; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .thg-demo, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-quiet { font-size: 12px; color: var(--v8-t3); }

/* Partners: the cards above the table (the suppliers' cards, next-v8-pages.css), three to a row */
#view .page.v8ia-pc-on > .v8ia-pcards { margin: 16px 0 0 !important; }
#view .v8ia-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
#view .v8ia-pcards .v8s-h { margin: 28px 0 0; font-size: 15px; font-weight: 500; color: var(--v8-t1); letter-spacing: 0; }
#view .page.v8ia-pc-on > .v8ia-pcards + .v7d-tw { margin-top: 12px !important; }

/* the order screen: its table sits in a panel beside the order it explains */
#view .page.v8ia-os-on .vk-split-main > .tablewrap { border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); overflow-x: auto; margin-top: 12px; }
#view .page.v8ia-os-on .vk-split-main > .tablewrap table :is(th, td):first-child { padding-left: 20px !important; }
#view .page.v8ia-os-on .vk-split-main > .tablewrap table :is(th, td):last-child { padding-right: 20px !important; }

/* its figures: the label first, the count, then the grey line under it (the strip rule put the line above the label) */
#view .page.v8ia-os-on > .vk-kpis > .vk-kpi > small { order: -2 !important; }
#view .page.v8ia-os-on > .vk-kpis > .vk-kpi > span:not(.num):not(.ctx):not(.sub) { order: 3 !important; margin-top: 4px; font: 400 12px/18px var(--v8-mono) !important; color: var(--v8-t3) !important; }

/* the sidebar's "Partners · orders" (its rows are next-v8-side.css's own) */
#nav .navgroup.v8ia-side { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v8-hair); }
@media (min-width: 700px) {
  #nav .navgroup.v8ia-side { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; }
  .shell.mini #nav .navgroup.v8ia-side { display: none; }
}

/* ======================= round 2: every sub-page at Today's depth ======================= */
/* blocks a composition redraws: offscreen and inert, their words still in the page */
#view .page.v8ia-on [data-v8iashelf][data-v8iashelf] { display: block !important; position: absolute !important; left: -20000px !important; top: 0 !important; width: 1000px !important; height: auto !important; max-height: none !important; margin: 0 !important; pointer-events: none !important; }
#view .page.v8ia-on { position: relative; }
#view .v8ia button.v8t-stat { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
#view .v8ia-pg { margin-top: 16px; }
#view .page[data-v7r].v7d.v8ia-v7d-on > .v8ia-pg:first-child, #view .page > .v8ia-pg + .v8ia-pg { margin-top: 16px; }
#view .v8ia-pg > * + * { margin-top: 16px; }
#view .v8ia-pg > .v8t-stats { margin-top: 0; }
#view .v8ia-pg > .v8ia-sech { margin-top: 28px !important; }
#view .v8ia-stats.v8ia-n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#view .v8ia-stats.v8ia-n4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#view .v8ia-g2r { margin-top: 0; }
#view .v8ia-vis .v8t-figs { margin-top: 18px; }
#view .v8ia-stats.v8ia-n5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#view .v8ia-stats .v8t-stat { height: 132px; }
#view .v8ia button.v8t-stat { width: 100%; border: 0; font: inherit; text-align: left; cursor: pointer; color: inherit; }
#view .v8ia .v8ia-fs { cursor: default; }
#view .v8ia .v8t-stat[aria-pressed="true"] { box-shadow: 0 0 0 1px color-mix(in srgb, var(--v8-accent) 55%, transparent); background: color-mix(in srgb, var(--v8-accent) 6%, var(--v8-card)); }
#view .v8ia .v8ia-fb[style*="--c"] .v8t-l::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--c); vertical-align: 1px; }
#view .v8ia .v8t-v.neg { color: var(--v8-neg); } #view .v8ia .v8t-v.warn { color: var(--v8-warn); }
#view .v8ia .v8t-d b.warn { color: var(--v8-warn); }
#view .v8ia-vis .v8t-d, #view .v8ia-vis .v8t-v { position: static; }
#view .v8ia-note { margin: 12px 0 0 !important; font-size: 12px; line-height: 18px; color: var(--v8-t3); }

/* stacked bars: a row per partner, claim kind or check */
#view .v8ia-hbs { margin-top: 14px; }
#view .v8ia-hb { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr) 40px; gap: 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--v8-hair-2); color: var(--v8-t1); }
#view .v8ia-hb:first-child { border-top: 0; }
#view a.v8ia-hb:hover .v8ia-hbn span { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view .v8ia-hbn { display: flex; align-items: center; min-width: 0; font-size: 14px; line-height: 20px; }
#view .v8ia-hbn span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8ia-hbt { display: block; min-width: 0; }
#view .v8ia-hbb { display: flex; gap: 2px; height: 10px; border-radius: 5px; overflow: hidden; background: var(--v8-raised); }
#view .v8ia-hbb i { display: block; height: 100%; min-width: 3px; }
#view .v8ia-hbb i.none { flex: 1; background: none; }
#view .v8ia-hbt small { display: block; margin-top: 6px; font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8ia-hbc { font-size: 15px; font-weight: 500; text-align: right; color: var(--v8-t1); }
#view .v8ia-hbl { margin-top: 14px; }

/* lanes over dates */
#view .v8ia-lanes { margin-top: 16px; }
#view .v8ia-lane { display: grid; grid-template-columns: 100px minmax(0, 1fr) 180px; gap: 16px; align-items: center; min-height: 52px; border-top: 1px solid var(--v8-hair-2); }
#view .v8ia-lsay { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8ia-lidot { display: block; width: 10px; height: 10px; margin: 4px 3px 0; border-radius: 50%; background: var(--c); }
#view .v8ia .v8ia-fb .v8t-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
#view .page.v8ia-ac-on > [data-v8ia="v8ia-ac"], #view .page.v8ia-cn-on > [data-v8ia="v8ia-cn"] { margin-top: 20px; }
#view .v8ia-lane:first-child { border-top: 0; }
#view .v8ia-ln { display: flex; align-items: center; min-width: 0; font-size: 13px; color: var(--v8-t1); }
#view .v8ia-ln span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view a.v8ia-ln:hover span { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view .v8ia-lt { position: relative; height: 28px; }
#view .v8ia-lt::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: var(--v8-grid); }
#view .v8ia-lb { position: absolute; top: 8px; height: 12px; border-radius: 6px; background: color-mix(in srgb, var(--c) 22%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent); }
#view .v8ia-lm { position: absolute; top: 50%; transform: translate(-50%, -50%); display: block; }
#view .v8ia-lm.tick { width: 2px; height: 16px; border-radius: 1px; background: var(--c); }
#view .v8ia-lm.dot { width: 10px; height: 10px; border-radius: 50%; background: var(--c); box-shadow: 0 0 0 2px var(--v8-card); }
#view .v8ia-lm.dia { width: 9px; height: 9px; transform: translate(-50%, -50%) rotate(45deg); background: var(--v8-warn); box-shadow: 0 0 0 2px var(--v8-card); }
#view .v8ia-lm.dia.neg { background: var(--v8-neg); }
#view .v8ia-lm.x { width: 12px; height: 12px; }
#view .v8ia-lm.x::before, #view .v8ia-lm.x::after { content: ""; position: absolute; left: 5px; top: -1px; width: 2px; height: 14px; border-radius: 1px; background: var(--v8-neg); transform: rotate(45deg); }
#view .v8ia-lm.x::after { transform: rotate(-45deg); }
#view .v8ia-now { position: absolute; top: -6px; bottom: -6px; width: 0; border-left: 1px dashed color-mix(in srgb, var(--v8-t1) 35%, transparent); }
#view .v8ia-lax { min-height: 26px; border-top: 0; }
#view .v8ia-lax .v8ia-lt { height: 20px; }
#view .v8ia-lax .v8ia-lt::before { display: none; }
#view .v8ia-lax .v8ia-lt span { position: absolute; top: 2px; transform: translateX(-50%); font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }
#view .v8ia-lax .v8ia-lt span.s { transform: none; }
#view .v8ia-lax .v8ia-lt span.now { top: -2px; transform: translate(-50%, -100%); display: none; }
#view .v8t-legend .v8ia-lgt { width: 2px; height: 12px; border-radius: 1px; background: var(--c); }
#view .v8t-legend .v8ia-lgd { width: 8px; height: 8px; border-radius: 1px; transform: rotate(45deg); background: var(--c); }
#view .v8t-legend .v8ia-lgb { width: 18px; height: 8px; border-radius: 4px; background: color-mix(in srgb, var(--c) 22%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c) 40%, transparent); }
#view .v8t-legend .v8ia-lgx { width: 10px; height: 10px; border-radius: 0; background: linear-gradient(45deg, transparent 43%, var(--v8-neg) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--v8-neg) 43% 57%, transparent 57%); }

/* a journey of dated steps */
#view .v8ia-jr { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 0; margin: 18px 0 4px; padding: 0; list-style: none; }
#view .v8ia-jr > li { position: relative; min-width: 0; padding-right: 14px; }
#view .v8ia-jr > li > * { display: block; position: relative; padding-top: 30px; color: var(--v8-t1); }
#view .v8ia-jr > li::before { content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 2px; border-radius: 1px; background: var(--v8-hair); }
#view .v8ia-jr > li:first-child::before { left: 9px; }
#view .v8ia-jr > li:last-child::before { right: auto; width: 9px; }
#view .v8ia-jd { position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 50%; background: var(--v8-card); box-shadow: inset 0 0 0 2px var(--t, var(--v8-t3)); }
#view .v8ia-jd::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: var(--t, var(--v8-t3)); }
#view .v8ia-jd.pos { --t: var(--v8-pos); } #view .v8ia-jd.neg { --t: var(--v8-neg); } #view .v8ia-jd.warn { --t: var(--v8-warn); } #view .v8ia-jd.s3 { --t: var(--v8-s3); }
#view .v8ia-jg { position: absolute; top: -2px; left: -2px; transform: translateX(-100%); padding: 0 6px; font: 400 12px/14px var(--v8-mono); font-style: normal; color: var(--v8-t3); background: var(--v8-card); white-space: nowrap; }
#view .v8ia-jt { display: block; font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); }
#view .v8ia-jr b { display: block; margin-top: 4px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--v8-t1); overflow-wrap: anywhere; }
#view .v8ia-jr small { display: block; margin-top: 2px; font-size: 12px; line-height: 17px; color: var(--v8-t3); overflow-wrap: anywhere; }
#view .v8ia-jr a:hover b { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }

/* rich rows: who, what, its state, when, the one next step */
#view .v8ia-rows { padding: 0 0 6px; overflow: hidden; }
#view .v8ia-rh { padding: 20px 20px 8px; }
#view .v8ia-grp { display: flex; align-items: center; gap: 8px; padding: 10px 20px; border-top: 1px solid var(--v8-hair-2); background: color-mix(in srgb, var(--v8-deep) 45%, transparent); font-size: 12px; font-weight: 500; line-height: 14px; color: var(--v8-t2); }
#view .v8ia-grp em { font-style: normal; font-weight: 400; color: var(--v8-t3); }
#view .v8ia-rr { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) 70px auto; gap: 16px; align-items: center; min-height: 60px; padding: 10px 20px; border-top: 1px solid var(--v8-hair-2); transition: background-color .15s var(--v8-ease); }
#view .v8ia-rr:hover { background: color-mix(in srgb, var(--v8-raised) 45%, transparent); }
#view .v8ia-rl { display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--v8-t1); }
#view a.v8ia-rl:hover .v8ia-rm b { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view .v8ia-av { flex: none; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--c); color: #0b0d12; font: 600 12px/1 var(--v8-sans); }
#view .v8ia-av.sm { width: 22px; height: 22px; border-radius: 6px; font-size: 12px; margin-top: -2px; }
#view .v8t-li > .v8ia-av.sm { width: 16px; height: 16px; border-radius: 5px; font-size: 0; margin-top: 2px; }
#view .v8ia-avi { background: var(--v8-raised); box-shadow: 0 0 0 1px var(--v8-hair); }
#view .v8ia-avi .v8pro-i { width: 16px; height: 16px; }
#view .v8ia-rm { min-width: 0; }
#view .v8ia-rm b { display: block; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--v8-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8ia-rm small { display: block; margin-top: 2px; font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8ia-stw { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; color: var(--v8-t2); }
#view .v8ia-stw .v8pro-i { flex: none; width: 16px; height: 16px; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#view .v8ia-stw b { display: block; font-size: 14px; font-weight: 400; line-height: 20px; }
#view .v8ia-stw small { display: block; margin-top: 1px; font-size: 12px; line-height: 16px; color: var(--v8-t3); }
#view .v8ia-stw.pos { color: var(--v8-pos); } #view .v8ia-stw.neg { color: var(--v8-neg); } #view .v8ia-stw.warn { color: var(--v8-warn); } #view .v8ia-stw.s3 { color: var(--v8-s3); }
#view .v8ia-rw { font: 400 12px/16px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }
#view .v8ia-step { justify-self: end; }
#view .v8ia .v8pro-i { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#view .v8ia .v8pro-i.pos { color: var(--v8-pos); } #view .v8ia .v8pro-i.neg { color: var(--v8-neg); } #view .v8ia .v8pro-i.warn { color: var(--v8-warn); } #view .v8ia .v8pro-i.mute { color: var(--v8-t3); } #view .v8ia .v8pro-i.s3 { color: var(--v8-s3); }

/* a flow with counts, one column a state */
#view .v8ia-fun { display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); gap: 8px; align-items: end; height: 112px; margin-top: 14px; }
#view .v8ia-fun > div { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-width: 0; }
#view .v8ia-fun b { font: 500 15px var(--v8-sans); color: var(--v8-t1); text-align: center; margin-bottom: 4px; }
#view .v8ia-fun i { display: block; border-radius: 4px 4px 2px 2px; }
#view .v8ia-fun span { margin-top: 6px; font-size: 12px; line-height: 16px; color: var(--v8-t3); text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* a partner as a profile: the head and body from next-v8-profile.css, inside this composition */
#view .page.v8ia-prt-on { max-width: 1360px; }
#view .v8ia-prt .v8pro-acts .v8t-act { height: 36px; }
#view .v8ia-prt .v8pro-tabs { background: none !important; }
#view .v8ia-prt .v8pro-tab { text-decoration: none; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
#view .v8ia-prt .v8pro-stat { text-decoration: none; }
#view .v8ia-prt button.v8pro-stat[aria-pressed="true"] { color: var(--v8-t1); text-decoration: underline; text-underline-offset: 3px; }
#view .page.v8ia-prt-on > .v7d-rbody, #view .page.v8ia-prt-on > .v7d-band, #view .page.v8ia-prt-on > .v7d-sec { margin-top: 16px; }
#view .v8ia-filebar .v8ia-hb { grid-template-columns: minmax(0, 140px) minmax(0, 1fr) 40px; }

/* the order screen and the brand's pages place their parts between the page's own blocks */
#view .page.v8ia-sc-on > .v8ia-pg, #view .page.v8ia-cn-on > .v8ia-pg, #view .page.v8ia-ch-on > .v8ia-pg { margin: 0 0 16px; }
#view .page.v8ia-ac-on > .v8ia-pg { margin: 0 0 16px; }
#view .page.v8ia-ac-on > [data-v8ia="v8ia-ac2"] { margin-top: 16px; }

/* tablets and phones */
@media (max-width: 1180px) {
  #view .v8ia .v8t-g2b { grid-template-columns: minmax(0, 1fr); }
  #view .v8ia-stats.v8ia-n3, #view .v8ia-stats.v8ia-n4, #view .v8ia-stats.v8ia-n5 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .v8ia-rr { grid-template-columns: minmax(0, 1fr) auto; }
  #view .v8ia-rr > .v8ia-stw { grid-column: 1; }
  #view .v8ia-rr > .v8ia-rw { grid-column: 2; grid-row: 1; justify-self: end; }
  #view .v8ia-rr > .v8ia-step { grid-column: 2; grid-row: 2; }
  #view .v8ia-jr { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #view .v8ia-jr > li { padding: 0 0 14px 30px; }
  #view .v8ia-jr > li > * { padding-top: 0; }
  #view .v8ia-jr > li::before { left: 8px; right: auto; top: 18px; bottom: 0; width: 2px; height: auto; }
  #view .v8ia-jr > li:first-child::before { left: 8px; }
  #view .v8ia-jr > li:last-child::before { display: none; }
  #view .v8ia-jd { left: -30px; }
  #view .v8ia-jg { position: static; transform: none; padding: 0; background: none; display: block; margin-bottom: 2px; }
  #view .v8ia .v8t-figs { grid-auto-flow: row; grid-template-columns: 1fr 1fr; }
  #view .v8ia .v8t-figs > *:nth-child(3) { padding-left: 0; border-left: 0; }
  #view .v8ia .v8t-figs > *:nth-child(n+3) { border-top: 1px solid var(--v8-hair-2); }
  #view .v8ia .v8t-figs span { white-space: normal; }
  #view .page.v8ia-reg-on .vk-split-main table col:nth-child(1) { width: 50% !important; }
  #view .page.v8ia-reg-on .vk-split-main table col:nth-child(3) { width: 32% !important; }
  #view .v8ia-prof { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 699px) {
  #view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f { padding: 14px 16px !important; }
  #view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f:nth-child(2n + 1) { box-shadow: none; }
  #view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f:nth-child(n + 3) { border-top: 1px solid var(--v8-hair) !important; }
  #view .page[data-v7r].v7d.v8ia-v7d-on .v7d-band > .v7d-f > span { white-space: normal; }
  #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-rbody > .v7d-sec { padding: 18px 16px 14px; }
  #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw, #view .page[data-v7r].v7d.v8ia-v7d-on > .v7d-sec .v7d-tw:has(> .v7d-wide) { margin: 12px -16px 0 !important; }
  #view .v8ia-cards { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #view .v8ia-stats.v8ia-n3, #view .v8ia-stats.v8ia-n4, #view .v8ia-stats.v8ia-n5 { grid-template-columns: minmax(0, 1fr); }
  #view .v8ia-stats .v8t-stat { height: 116px; }
  #view .v8ia-hb { grid-template-columns: minmax(0, 1fr) 32px; gap: 6px 10px; }
  #view .v8ia-hbn { grid-column: 1 / -1; }
  #view .v8ia-lane { grid-template-columns: 64px minmax(0, 1fr); gap: 8px; }
  #view .v8ia-lsay { display: none; }
  #view .v8ia-rh { padding: 18px 16px 8px; }
  #view .v8ia-rr { padding: 12px 16px; gap: 8px 12px; }
  #view .v8ia-rm b, #view .v8ia-rm small { white-space: normal; }
  #view .v8ia-grp { padding: 10px 16px; }
  #view .v8ia-step { min-height: 44px; }
  #view .v8ia-pmb, #view .v8ia-psb { padding: 18px 16px; }
  #view .v8ia-pf { padding: 12px 16px; }
  #view .v8ia-fig { font-size: 28px; line-height: 36px; }
  #view .page.v8ia-claim-on > .vk-split > .vk-split-main { padding: 4px 16px 16px; }
  #view .v8ia-tbl colgroup, #view .v8ia-tbl thead { display: none; }
  #view .v8ia-tbl, #view .v8ia-tbl tbody, #view .v8ia-tbl tr, #view .v8ia-tbl td { display: block; width: auto; }
  #view .v8ia-tbl tr { padding: 12px 16px; border-bottom: 1px solid var(--v8-hair-2); }
  #view .v8ia-tbl tbody tr:last-child { border-bottom: 0; }
  #view .page .v8ia-tbl td, #view .page .v8ia-tbl :is(th, td):first-child, #view .page .v8ia-tbl :is(th, td):last-child { height: auto !important; padding: 2px 0 !important; border: 0 !important; white-space: normal; }
  #view .page .v8ia-tbl tbody tr:hover td { background: none !important; }
  #view .v8ia-chips, #view .v8ia-tpanel > .v8t-h { padding: 0 16px; }
  #view .v8ia-chip { height: 44px; }
  #view .v8ia-foot .v8t-btn { height: 44px; }
}