/* Veritura workspace, v7.3 (2026-10-26): THE RECORDS AREA ON THE STANDARD (app-ux/r3/STANDARD.md, app-ux/r3/TEMPLATES.md). Owned by
   one builder; scoped to its own pages through #view .page[data-v7rec="1"][data-v7r="<route>"] (the Partner Record by its route).
   A page opts in when next-v7-records.js has built its frame (data-v7x), so a page the frame does not fit keeps its own layout.

   Mercury's account page (design/mercury-record.spec.json), from the title's top-left:
     title 28/36 at 380, a 32 round icon button 9 after it; panels at +56: main 574, side 370, 24 apart, 268 tall, radius 12, raised;
     main: the figure's label 13/20 ink 4 at +24, the figure 34/44 at 380 (-1.02px) at +48, the actions at the top right, properties at
     +116 (a label 13/20 ink 4 over a value 14/20 ink 2), a foot 56 tall with a hairline; side: rows 40 apart, label 13/20 ink 4 at the
     left, value 15/24 ink 2 at the right; under the panels at +346 an open section: a 19/28 heading, "View all", a table with a 12/20
     head (32 tall) and 53px rows. */

/* ---------- the grid: the page's own title and actions are placed where Mercury puts them ---------- */
#view .page[data-v7rec="1"][data-v7x], #view .page[data-v7r="partner-record"][data-v7x], #view .page[data-v7r="network"][data-v7x] {
  display: grid !important; grid-template-columns: minmax(0, 574fr) minmax(0, 370fr); column-gap: 24px; row-gap: 0; align-content: start; align-items: start;
}
#view .page[data-v7x] > * { grid-column: 1 / -1; min-width: 0; }
#view .page[data-v7x] .v7x-flat { display: contents !important; }
#view .page[data-v7x] .v7x-gone { display: none !important; }
#view .page[data-v7x] .v7x-set { display: contents; }
/* anything else a flattened header held keeps its words, as a quiet line under the panels */
#view .page[data-v7x] .v7x-flat > :not(.v7x-title):not(.v7x-acts):not(.v7x-flat):not(.v7x-gone) { grid-column: 1 / -1; margin: 0 0 24px !important; font-size: 13px; line-height: 20px; color: var(--v6-ink-4); }
#view .page[data-v7x] [data-v7xo="1"] { order: 1; } #view .page[data-v7x] [data-v7xo="2"] { order: 2; }
#view .page[data-v7x] [data-v7xo="3"] { order: 3; } #view .page[data-v7x] [data-v7xo="4"] { order: 4; }
#view .page[data-v7x] [data-v7xo="5"] { order: 5; }

/* the title (28/36, 380) and its round button; the box is 56 tall so the panels sit at +56. The title is the page's own h1, or its
   title row (the h1 with the record's id or context beside it in ink 4) */
#view .page[data-v7x] .v7x-title {
  grid-column: 1 / -1; grid-row: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 9px; margin: 0 !important; padding: 0 0 20px !important;
  min-height: 56px; box-sizing: border-box; background: none !important; border: 0 !important;
}
#view .page[data-v7x] h1.v7x-title { display: block; }
#view .page[data-v7x] :is(.v7x-title h1, h1.v7x-title) {
  margin: 0 !important; font-size: 28px !important; line-height: 36px !important; font-weight: 380 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important;
  white-space: normal; overflow-wrap: anywhere; min-width: 0;
}
#view .page[data-v7x] :is(.v7x-title h1, h1.v7x-title) :is(.v89-id, b) { font-size: 28px !important; line-height: 36px !important; font-weight: 380 !important; font-family: inherit !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; background: none !important; padding: 0 !important; }
#view .page[data-v7x] .v7x-title .vk-hsub { display: inline-flex; align-items: baseline; gap: 8px; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7x] .v7x-title .vk-hsub :is(.vk-id, span) { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; font-family: inherit !important; background: none !important; padding: 0 !important; }
#view .page[data-v7x] .v7x-title :is(.vk-tile, .v89-mono-gram) { display: none !important; }
#view .page[data-v7x] h1.v7x-title .v7x-tb { margin-left: 9px; vertical-align: 2px; }
#view .page[data-v7x] .v7x-tb {
  display: inline-grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%;
  background: var(--v6-fill); color: var(--v6-ink-2); text-decoration: none;
}
#view .page[data-v7x] .v7x-tb:hover { background: var(--v6-fill-2); color: var(--v6-ink); }
#view .page[data-v7x] .v7x-tb svg.i { width: 16px; height: 16px; }

/* ---------- the two raised panels ---------- */
#view .page[data-v7x] .v7x-bg, #view .page[data-v7x] .v7x-side {
  border-radius: 12px; background: var(--v6-surface, #fff); box-shadow: var(--v7-raised); border: 0;
}
#view .page[data-v7x] .v7x-bg { grid-column: 1; grid-row: 2 / 5; align-self: stretch; margin-bottom: 22px; }
#view .page[data-v7x] .v7x-fig { grid-column: 1; grid-row: 2; position: relative; z-index: 1; height: 116px; box-sizing: border-box; padding: 24px 24px 0; pointer-events: none; }
#view .page[data-v7x] .v7x-fig a, #view .page[data-v7x] .v7x-fig button { pointer-events: auto; }
#view .page[data-v7x] .v7x-figbox { height: 68px; }
#view .page[data-v7x] .v7x-figbox > * { max-width: 48%; }
#view .page[data-v7x] .v7x-fl { height: 20px; font-size: 13px; line-height: 20px; letter-spacing: .1px; color: var(--v6-ink-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7x] .v7x-fv {
  margin-top: 4px; display: flex; align-items: baseline; gap: 10px; height: 44px;
  font-size: 34px; line-height: 44px; font-weight: 380; letter-spacing: -1.02px; color: var(--v6-ink); white-space: nowrap; font-variant-numeric: tabular-nums;
}
#view .page[data-v7x] .v7x-fv .v7x-fvt { overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7x] .v7x-fv[data-tone="critical"] { color: var(--v6-red); }
#view .page[data-v7x] .v7x-fv > .v5-si { width: 14px; height: 14px; flex: none; align-self: center; }
#view .page[data-v7x] .v7x-fv .v7x-fu { font-size: 15px; line-height: 24px; font-weight: 400; letter-spacing: 0; color: var(--v6-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#view .page[data-v7x] .v7x-fv .v7x-fvt { flex: 0 0 auto; max-width: 100%; }
/* the actions: the page's own, at the panel's top right (Mercury: "Deposit", "Transfer") */
#view .page[data-v7x] .v7x-acts {
  grid-column: 1; grid-row: 2; justify-self: end; align-self: start; position: relative; z-index: 3;
  display: flex !important; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px !important;
  margin: 24px 24px 0 0 !important; padding: 0 !important; max-width: calc(64% - 24px); background: none !important; border: 0 !important;
}
#view .page[data-v7x] .v7x-acts > .btn, #view .page[data-v7x] .v7x-acts > a.btn, #view .page[data-v7x] .v7x-acts > details > summary.btn {
  flex: 0 0 auto !important; height: 32px !important; border-radius: 9999px !important; padding: 0 16px !important; white-space: nowrap; order: 0 !important;
}
#view .page[data-v7x] .v7x-acts > .btn:has(svg.i) { padding-left: 12px !important; }
#view .page[data-v7x] .v7x-acts > .v7x-long { display: inline-block !important; max-width: 268px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 32px !important; }
#view .page[data-v7x] .v7x-acts > .v7x-long svg.i { vertical-align: -3px; margin-right: 8px; }
#view .page[data-v7x] .v7x-acts > details { order: 0 !important; flex: 0 0 auto !important; position: relative; }
#view .page[data-v7x] .v7x-acts > .btn.primary { order: 9 !important; }
#view .page[data-v7x] .v7x-acts .v84menu { right: 0; left: auto; z-index: 30; }
/* properties: a label over a value, in columns (Mercury: Type, Current) */
#view .page[data-v7x] .v7x-props { grid-column: 1; grid-row: 3; position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px 32px; align-content: start; min-height: 96px; box-sizing: border-box; padding: 0 24px 16px; }
#view .page[data-v7x] .v7x-p { display: flex; flex-direction: column; min-width: 60px; max-width: 100%; }
#view .page[data-v7x] .v7x-pl { font-size: 13px; line-height: 20px; letter-spacing: .1px; color: var(--v6-ink-4); white-space: nowrap; margin-bottom: 4px; }
#view .page[data-v7x] .v7x-pv { font-size: 14px; line-height: 20px; color: var(--v6-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7x] .v7x-pv .v5-st { font-size: 14px !important; line-height: 20px !important; gap: 6px; color: var(--v6-ink-2) !important; }
#view .page[data-v7x] .v7x-pv[data-tone="critical"] { color: var(--v6-red); }
#view .page[data-v7x] :is(.v7x-pv, .v7x-r dd) a:not(.v7x-cnt) { color: var(--v6-link) !important; text-decoration: none; font-size: inherit !important; }
/* the feet: a hairline, then one link with its chevron */
#view .page[data-v7x] .v7x-foot { grid-column: 1; grid-row: 4; position: relative; z-index: 1; align-self: start; height: 56px; margin-bottom: 22px; box-sizing: border-box; border-top: 1px solid var(--v6-line); padding: 16px 24px 16px 21px; display: flex; align-items: center; gap: 24px; }
#view .page[data-v7x] .v7x-link { display: inline-flex; align-items: center; gap: 4px; font-size: 15px; line-height: 24px; color: var(--v6-link) !important; text-decoration: none; white-space: nowrap; background: none; border: 0; padding: 0; font-family: inherit; cursor: pointer; }
#view .page[data-v7x] .v7x-link svg.i { width: 14px; height: 14px; }
#view .page[data-v7x] .v7x-link:hover { text-decoration: underline; text-underline-offset: 3px; }
/* the side panel: label/value rows 40 apart */
#view .page[data-v7x] .v7x-side { grid-column: 2; grid-row: 2 / 5; align-self: stretch; margin-bottom: 22px; display: flex; flex-direction: column; min-width: 0; min-height: 268px; box-sizing: border-box; }
#view .page[data-v7x] .v7x-rows { margin: 0; padding: 24px 24px 0; flex: 1; display: flex; flex-direction: column; gap: 16px; }
#view .page[data-v7x] .v7x-r { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; min-height: 24px; }
#view .page[data-v7x] .v7x-r dt { flex: none; max-width: 52%; font-size: 13px; line-height: 20px; letter-spacing: .1px; color: var(--v6-ink-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
#view .page[data-v7x] .v7x-r dd { margin: 0; min-width: 0; text-align: right; font-size: 15px; line-height: 24px; color: var(--v6-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .page[data-v7x] .v7x-r dd[data-tone="critical"] { color: var(--v6-red); }
#view .page[data-v7x] .v7x-cnt { background: none !important; border: 0 !important; padding: 0 !important; margin: 0; font: inherit; font-size: inherit !important; line-height: inherit !important; color: inherit !important; cursor: pointer; text-decoration: none; height: auto !important; min-height: 0 !important; box-shadow: none !important; }
#view .page[data-v7x] .v7x-cnt:hover { color: var(--v6-link) !important; text-decoration: underline; text-underline-offset: 3px; }
#view .page[data-v7x] .v7x-r dd .v5-st { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7x] .v7x-sfoot { height: 56px; box-sizing: border-box; border-top: 1px solid var(--v6-line); padding: 16px 24px 16px 21px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#view .page[data-v7x] .v7x-sfoot:empty, #view .page[data-v7x] .v7x-foot:empty { border-top-color: transparent; }

/* ---------- under the panels: the evidence as open sections (no boxes; a 19/28 heading; quiet sub lines) ---------- */
#view .page[data-v7x] > :not(.v7x-title):not(.v7x-set):not(.v7x-flat):not(.v7x-acts):not(.crumbs):not(.v7x-gone):not(header.v5-head) { margin-top: 0 !important; margin-bottom: 40px !important; }
#view .page[data-v7x] section.card:not(.v7x-keep), #view .page[data-v7x] details.card, #view .page[data-v7x] .vk-lit {
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important;
}
#view .page[data-v7x] section.card > .card-h, #view .page[data-v7x] details.card > summary.card-h {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; background: none !important; min-height: 28px;
}
#view .page[data-v7x] section.card > .card-h h2, #view .page[data-v7x] section.card > .card-h h3 { margin: 0 !important; font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; }
#view .page[data-v7x] section.card > .card-h .sub { flex-basis: 100%; order: 5; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; margin: 0 !important; }
#view .page[data-v7x] section.card > .card-h .n, #view .page[data-v7x] section.card > .card-h .v89-subn { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; background: none !important; }
#view .page[data-v7x] section.card > .card-b, #view .page[data-v7x] section.card > section, #view .page[data-v7x] section.card.panel > section { padding: 0 !important; }
/* tables: a 12/20 head 32 tall, 53px rows, names 15/24 in ink 1 */
#view .page[data-v7x] table th { height: 32px; padding: 6px 8px !important; font-size: 12px !important; line-height: 20px !important; letter-spacing: .2px !important; font-weight: 400 !important; color: var(--v6-ink-4) !important; background: none !important; }
#view .page[data-v7x] table td { padding: 14px 8px !important; font-size: 15px !important; line-height: 24px !important; }
#view .page[data-v7x] table :is(th, td):first-child { padding-left: 8px !important; }
#view .page[data-v7x] table tbody td:first-child { color: var(--v6-ink) !important; }
/* label/value lists in the side column: label 13/20 ink 4 at the left, value 15/24 ink 2 at the right, 40 apart */
#view .page[data-v7x] dl.kv { display: grid !important; grid-template-columns: minmax(0, max-content) minmax(0, 1fr); gap: 16px 16px !important; margin: 0 !important; align-items: start; }
#view .page[data-v7x] dl.kv > div { display: contents !important; }
#view .page[data-v7x] dl.kv :is(dt, dd) { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#view .page[data-v7x] dl.kv dt { font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-4) !important; font-weight: 400 !important; }
#view .page[data-v7x] dl.kv dd { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; text-align: right; }

/* =====================================================================================================================
   A LOT (#/lots/<id>): the steps, the tabs, the open tab's evidence beside the lot's side column (aligned with the panels)
   ===================================================================================================================== */
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-grid { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-main { gap: 40px !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-rail { gap: 40px !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-rail .card-h { padding: 0 !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-rail .card-b { padding: 0 !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .ptabs { margin-bottom: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v96-lotsteps .v96-ls-h b { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v96-lotsteps .v96-ls-h > span:not(.v96-ls-t) { display: none; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v96-lotsteps .v96-ls-h .v96-ls-t span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
/* the finding: an open section; its title is the section's heading */
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .vk-lit .vk-lit-t { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .vk-lit .vk-lit-s { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .vk-lit .vk-lit-x { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; }
@media (max-width: 1099px) {
  #view .page[data-v7rec="1"][data-v7r="lots"][data-v7x] .v89l-grid { grid-template-columns: minmax(0, 1fr) !important; }
}

/* ---------- a phone: one column; the trail, the title, the main panel's parts stacked, the side panel under it ---------- */
@media (max-width: 699px) {
  #view .page[data-v7x] { grid-template-columns: minmax(0, 1fr) !important; }
  #view .page[data-v7x] > .crumbs { grid-row: 1; }
  #view .page[data-v7x] .v7x-title { grid-row: 2; }
  #view .page[data-v7x] .v7x-bg { grid-column: 1; grid-row: 3 / 7; margin-bottom: 16px; }
  #view .page[data-v7x] .v7x-fig { grid-row: 3; height: auto; padding: 16px 16px 12px; }
  #view .page[data-v7x] .v7x-figbox { max-width: 100%; height: auto; }
  #view .page[data-v7x] .v7x-figbox > * { max-width: 100%; }
  #view .page[data-v7x] .v7x-acts { grid-column: 1; grid-row: 4; justify-self: start; justify-content: flex-start; max-width: calc(100% - 32px); margin: 0 16px 12px !important; }
  #view .page[data-v7x] .v7x-props { grid-row: 5; min-height: 0; padding: 0 16px 12px; gap: 8px 24px; }
  #view .page[data-v7x] .v7x-pv { white-space: normal; }
  #view .page[data-v7x] .v7x-foot { grid-row: 6; padding: 16px; height: auto; min-height: 56px; margin-bottom: 16px; }
  #view .page[data-v7x] .v7x-side { grid-column: 1; grid-row: 7; margin-bottom: 24px; min-height: 0; }
  #view .page[data-v7x] .v7x-rows { padding: 16px 16px 0; }
  #view .page[data-v7x] .v7x-r dd { white-space: normal; }
  #view .page[data-v7x] .v7x-sfoot { padding: 16px; }
}

/* ---------- on the ramp: the older sizes inside the evidence ---------- */
#view .page[data-v7x] .sigmark { font-size: 19px !important; line-height: 28px !important; }
#view .page[data-v7x] .vk-ln { font-size: 12px !important; line-height: 20px !important; }
#view .page[data-v7x] .r92e-signed b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; }

/* =====================================================================================================================
   A SUPPLIER (#/suppliers/<name>): the file's table takes the column (its status card under it); the tabs' evidence beside its rail,
   aligned with the panels
   ===================================================================================================================== */
#view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .r91b-file .vk-split { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .r91b-file .vk-split-side { max-width: 574px; }
#view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .r91b-file table col:nth-child(3) { width: 104px !important; }
#view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .r91b-file table col:nth-child(4) { width: 96px !important; }
#view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .v89s-detail { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
@media (max-width: 1099px) { #view .page[data-v7rec="1"][data-v7r="suppliers"][data-v7x] .v89s-detail { grid-template-columns: minmax(0, 1fr) !important; } }

/* =====================================================================================================================
   A PASSPORT (#/passports/<id>): its chain beside the reader's pane, aligned with the panels; the boxed lines open
   ===================================================================================================================== */
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r91c-pgrid { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] :is(.qe-passbar, .vk-strip, .r91c-reach) { background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .qe-passbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 16px !important; border-bottom: 1px solid var(--v6-line) !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .qe-passbar > span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .qe-passbar > .btn { flex: none; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r91c-reach b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r91c-reach div > span { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r92i-rd-h b { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
@media (max-width: 1099px) { #view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r91c-pgrid { grid-template-columns: minmax(0, 1fr) !important; } }

/* a recall case: the scope rows beside the notice lose their box */
#view .page[data-v7rec="1"][data-v7r="recall"][data-v7x] .r91c-rh-side { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
#view .page[data-v7rec="1"][data-v7r="recall"][data-v7x] .r91c-rh-g { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="recall"][data-v7x] .g-main { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"][data-v7r="recall"][data-v7x] .v97-rcsteps .v96-ph-i { display: none; }
@media (max-width: 1099px) { #view .page[data-v7rec="1"][data-v7r="recall"][data-v7x] :is(.r91c-rh-g, .g-main) { grid-template-columns: minmax(0, 1fr) !important; } }

/* a quality event and a batch: their two columns aligned with the panels */
#view .page[data-v7rec="1"][data-v7r="events"][data-v7x] .qe-grid { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
#view .page[data-v7rec="1"]:is([data-v7r="batch-release"], [data-v7r="pack-check"])[data-v7x] .r92e-grid { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
@media (max-width: 1099px) {
  #view .page[data-v7rec="1"][data-v7r="events"][data-v7x] .qe-grid, #view .page[data-v7rec="1"]:is([data-v7r="batch-release"], [data-v7r="pack-check"])[data-v7x] .r92e-grid { grid-template-columns: minmax(0, 1fr) !important; }
}
/* the Partner Record's record and its pane, aligned with the panels */
#view .page[data-v7r="partner-record"][data-v7x] .prx-cols { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
@media (max-width: 1099px) { #view .page[data-v7r="partner-record"][data-v7x] .prx-cols { grid-template-columns: minmax(0, 1fr) !important; } }
#view .page[data-v7rec="1"][data-v7r="passports"][data-v7x] .r91c-chaincard b { font-weight: 400 !important; }

/* =====================================================================================================================
   THE DIRECTORY LISTING (#/network): the Partner Record's name for the page stays first, quietly, as the trail; the pharmacy's name
   is the title; the panels follow (one row lower than on the other records)
   ===================================================================================================================== */
#view .page[data-v7r="network"][data-v7x] > header.v5-head { grid-row: 1; min-height: 0 !important; margin: 0 0 4px !important; }
#view .page[data-v7r="network"][data-v7x] > header.v5-head h1 { font-size: 13px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7r="network"][data-v7x] .v7x-title { grid-row: 2; }
#view .page[data-v7r="network"][data-v7x] .v7x-bg { grid-row: 3 / 6; }
#view .page[data-v7r="network"][data-v7x] :is(.v7x-fig, .v7x-acts) { grid-row: 3; }
#view .page[data-v7r="network"][data-v7x] .v7x-props { grid-row: 4; }
#view .page[data-v7r="network"][data-v7x] .v7x-foot { grid-row: 5; }
#view .page[data-v7r="network"][data-v7x] .v7x-side { grid-row: 3 / 6; }
#view .page[data-v7r="network"][data-v7x] :is(.v96p-cover, .v95p-cv-lg) { display: none !important; }
#view .page[data-v7r="network"][data-v7x] .v96p-headcreds { padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7r="network"][data-v7x] .v95p-two { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
@media (max-width: 1099px) { #view .page[data-v7r="network"][data-v7x] .v95p-two { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 699px) {
  #view .page[data-v7r="network"][data-v7x] .v7x-title { grid-row: 2; }
  #view .page[data-v7r="network"][data-v7x] .v7x-bg { grid-row: 3 / 7; }
  #view .page[data-v7r="network"][data-v7x] .v7x-fig { grid-row: 3; }
  #view .page[data-v7r="network"][data-v7x] .v7x-acts { grid-row: 4; }
  #view .page[data-v7r="network"][data-v7x] .v7x-props { grid-row: 5; }
  #view .page[data-v7r="network"][data-v7x] .v7x-foot { grid-row: 6; }
  #view .page[data-v7r="network"][data-v7x] .v7x-side { grid-row: 7; }
}
/* a batch record: its checks beside its details, aligned with the panels */
#view .page[data-v7rec="1"][data-v7r="batch"][data-v7x] .v89l-grid { grid-template-columns: minmax(0, 574fr) minmax(0, 370fr) !important; gap: 24px !important; }
@media (max-width: 1099px) { #view .page[data-v7rec="1"][data-v7r="batch"][data-v7x] .v89l-grid { grid-template-columns: minmax(0, 1fr) !important; } }