/* Veritura workspace, v7.3 (2026-10-26): THE WORK 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-v7work] (next-v7-work.js sets it on the work area's routes only,
   never on a record, which carries data-v7rec and belongs to the records area).

   Two templates, measured from Mercury (app-ux/r3/design/mercury-{wide,list}.spec.json); positions from the page title's top:
     wide   chips at +57; a figures band at +108, full bleed, 76 tall, hairlines above and below, a label 14/20 over a value 19/28;
            the table head 12/20; rows 51; a firm's initials in a 28px circle; numbers right-aligned and tabular
     list   chips at +54; the table head at +102, 36 tall, 13/20; rows 53 (67 when roomy); everything open on the page */

/* ---------- the header: the title alone, the actions at its right; 56 tall as Mercury's (title 36, 2 above, 18 under) ---------- */
#view .page[data-v7work] { position: relative; }
#view .page[data-v7work] > :is(.phead, .v89-head) { position: relative; align-items: center !important; box-sizing: border-box; min-height: 56px !important; margin: -2px 0 0 !important; padding: 2px 0 18px !important; }
#view .page[data-v7work="wide"] > :is(.phead, .v89-head) { margin-left: -24px !important; margin-right: -24px !important; padding-left: 24px !important; padding-right: 24px !important; }
#view .page[data-v7work] > :is(.phead, .v89-head) > div:first-child { min-width: 0; flex: 0 1 auto; }
#view .page[data-v7work] > :is(.phead, .v89-head) h1 { margin: 0 !important; white-space: nowrap; }
#view .page[data-v7work] > :is(.phead, .v89-head) .vk-hsub { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7work] > :is(.phead, .v89-head) > :is(.acts, .v89-head-a) { margin-left: auto !important; align-self: center; flex-wrap: nowrap; }

/* ---------- the chips under the title (Mercury: Tasks at +54, Transactions at +57) ---------- */
#view .page[data-v7work="list"] > .v5-tabs { margin: 0 0 16px !important; }
#view .page[data-v7work="wide"] > .v5-tabs { margin: 3px 0 19px !important; }
#view .page[data-v7work] > .v5-moved { margin: 0 0 24px !important; }

#view .page[data-v7work] > .v5-tabs .v7w-tl { display: inline-block; }
/* a list row's lead icon (Tasks: 13px in ink 4 at the title edge + 6, the row's words at + 32) */
#view .page[data-v7work] .v7w-ri { display: inline-flex; width: 32px; padding-left: 6px; vertical-align: -1px; color: var(--v6-ink-4); flex: none; }
#view .page[data-v7work] .v7w-ri svg.i { width: 13px; height: 13px; }

/* ---------- the bar: the page's tools and "How this works" at the chips' right (Transactions' "Export all"), or the line under
   the title when the page has no chips ---------- */
#view .v7w-bar { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-height: 32px; margin: 0 0 16px; }
#view .v7w-bar[hidden] { display: none !important; }
#view .v7w-bar.v7w-onrow { position: absolute; z-index: 6; right: 32px; top: 70px; margin: 0; }
#view .page[data-v7work="wide"] > .v7w-bar.v7w-onrow { right: 24px; top: 76px; }
#view .v7w-tools { display: flex; align-items: center; gap: 8px; min-width: 0; }
#view .v7w-tools:empty { display: none; }
#view .v7w-tools > * { margin: 0 !important; }
#view .v7w-how { position: relative; flex: none; }
#view .v7w-how[hidden] { display: none !important; }
#view .v7w-how > summary { list-style: none; display: inline-flex; align-items: center; gap: 4px; height: 32px; padding: 0 8px; border-radius: 9999px; font-size: 15px; line-height: 24px; color: var(--v6-link); cursor: pointer; white-space: nowrap; user-select: none; }
#view .v7w-how > summary::-webkit-details-marker { display: none; }
#view .v7w-how > summary:hover { background: var(--v6-fill); }
#view .v7w-how > summary:focus-visible { outline: 2px solid var(--v6-blue); outline-offset: 2px; }
#view .v7w-how .v7w-chev { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; transition: transform .15s; }
#view .v7w-how[open] .v7w-chev { transform: rotate(180deg); }
#view .v7w-how:not([open]) > .v7w-how-b { display: none !important; }
#view .v7w-how-b { position: absolute; right: 0; top: 40px; z-index: 60; width: min(560px, calc(100vw - 32px)); max-height: min(70vh, 640px); overflow: auto; padding: 20px 24px 8px; border-radius: 12px; background: var(--v6-surface, #fff); box-shadow: var(--v7-raised); text-align: left; white-space: normal; }
#view .v7w-how-b > *, #view .v7w-how-b .v7w-note > :not(b) { display: block; margin: 0 0 12px !important; padding: 0 !important; max-width: none !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; -webkit-line-clamp: none !important; }
#view .v7w-how-b > .v7w-purpose { color: var(--v6-ink-2) !important; }
#view .v7w-how-b .v7w-note { margin: 0 0 12px !important; }
#view .v7w-how-b .v7w-note > :not(b) { margin: 0 !important; }
#view .v7w-how-b .v7w-note > b { display: block; font-size: 13px; line-height: 20px; letter-spacing: .1px; font-weight: 400; color: var(--v6-ink-4); }
#view .v7w-how-b a { color: var(--v6-link) !important; }


/* ---------- the figures band (Transactions: "Net change this month", "Money in", "Money out") ---------- */
#view .page[data-v7work] :is(.v89-strip, .vk-kpis, .v75kpis, .v5-strip, .qe-tiles) { display: flex !important; flex-wrap: wrap; gap: 8px 48px !important; align-items: flex-start; margin: 0 0 24px !important; padding: 12px 0 13px !important; border-top: 1px solid var(--v6-line) !important; border-bottom: 1px solid var(--v6-line) !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; grid-template-columns: none !important; }
#view .page[data-v7work="wide"] :is(.v89-strip, .vk-kpis, .v75kpis, .v5-strip, .qe-tiles) { margin-left: -24px !important; margin-right: -24px !important; padding-left: 24px !important; padding-right: 24px !important; }
#view .page[data-v7work] .v7w-fig { display: flex !important; flex-direction: column; min-width: 141px; padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: inherit; text-decoration: none; border-radius: 6px; flex: none !important; }
#view .page[data-v7work] .v7w-fig::before, #view .page[data-v7work] .v7w-fig::after { display: none !important; }
/* the label: 14/20 in ink 3, over the value */
#view .page[data-v7work] .v7w-fig > :is(.lab, .vk-kpi-l, .v75k-l, .v5-cl), #view .page[data-v7work] .vk-kpi.v7w-fig > small, #view .page[data-v7work] .qe-tiles > .v7w-fig > span { order: -1; font-size: 14px !important; line-height: 20px !important; letter-spacing: 0 !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; text-transform: none !important; white-space: nowrap; margin: 0 !important; }
/* the value: 19/28, tabular, in ink; only what is critical turns red, what is done green (Mercury's money in) */
#view .page[data-v7work] .v7w-fig > :is(.num, .vk-kpi-v, .v75k-v, .v5-cv, b) { font-size: 19px !important; line-height: 28px !important; letter-spacing: -.57px !important; font-weight: 400 !important; color: var(--v6-ink) !important; margin: 0 !important; font-variant-numeric: tabular-nums; }
#view .page[data-v7work] .v7w-fig > :is(.num.critical, [data-tone="critical"]), #view .page[data-v7work] .v7w-fig[data-tone="critical"] > b, #view .page[data-v7work] .qe-tiles > .qe-t-r > b { color: var(--v6-red) !important; }
#view .page[data-v7work] .v7w-fig > .num.positive, #view .page[data-v7work] .v7w-fig[data-tone="positive"] > b { color: var(--v6-green) !important; }
#view .page[data-v7work] a.v7w-fig:hover > :is(.num, .vk-kpi-v, .v5-cv, b) { color: var(--v6-link) !important; }

/* a band inside a page's split column (Suppliers' files beside the supplier) keeps its figures on one line */
#view .page[data-v7work] :is(.vk-split-main, .vk-split > :first-child, .g-main > .stack) :is(.v89-strip, .vk-kpis) { gap: 8px 32px !important; }
#view .page[data-v7work] :is(.vk-split-main, .vk-split > :first-child, .g-main > .stack) .v7w-fig { min-width: 0; }

/* ---------- sections: open on the page, never boxes (Mercury's "Recent transactions") ---------- */
#view .page[data-v7work] section.card:not(:is(aside *, .vk-split-side *, .g-main > aside *)), #view .page[data-v7work] > .card { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 0 40px !important; }
#view .page[data-v7work] section.card:not(:is(aside *, .vk-split-side *)) > .card-h { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; background: none !important; }
#view .page[data-v7work] section.card:not(:is(aside *, .vk-split-side *)) > .card-b { padding: 0 !important; }
#view .page[data-v7work] .card-h :is(h2, h3) { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; margin: 0 !important; }
#view .page[data-v7work] :is(aside, .vk-split-side) .card-h :is(h2, h3) { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work] .card-h .v7w-count { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; margin: 0 !important; }
#view .page[data-v7work] .card-h > :is(.btn, .acts, a.link, .link) { margin-left: auto; }
/* the sentences that state a boundary or a claim: on the page, quietly */
#view .page[data-v7work] :is(.v89-mt3, .r96fl-boundary, .thg-foot, .thg-demo, .rh-note) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }

/* ---------- tables (Mercury: Tasks in the column, Transactions at the full width) ---------- */
#view .page[data-v7work] table { border-collapse: collapse; }
#view .page[data-v7work] table th.v7w-num, #view .page[data-v7work] table td.v7w-num { text-align: right !important; font-variant-numeric: tabular-nums; }
/* the list's table: head 13/20 at 36, rows 53 for one line */
#view .page[data-v7work="list"] table th { height: 36px !important; padding: 8px 16px 8px 0 !important; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px !important; color: var(--v6-ink-4) !important; font-weight: 400 !important; background: none !important; text-transform: none !important; vertical-align: middle; }
#view .page[data-v7work="list"] table td { height: 53px !important; min-height: 0 !important; padding: 6px 16px 6px 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2); vertical-align: middle; }
#view .page[data-v7work="list"] table :is(th, td):last-child { padding-right: 0 !important; }
#view .page[data-v7work="list"] table.v7w-roomy td { height: 67px !important; }
/* the wide table: head 12/20, rows 51, secondary cells 14/20 in ink 3 */
#view .page[data-v7work="wide"] table th { height: 40px !important; padding: 10px 16px 10px 0 !important; font-size: 12px !important; line-height: 20px !important; letter-spacing: .2px !important; color: var(--v6-ink-4) !important; font-weight: 400 !important; background: none !important; text-transform: none !important; vertical-align: middle; }
#view .page[data-v7work="wide"] table td { height: 51px !important; min-height: 0 !important; padding: 6px 16px 6px 0 !important; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2); vertical-align: middle; }
#view .page[data-v7work="wide"] table :is(th, td):last-child { padding-right: 0 !important; }
#view .page[data-v7work="wide"] table td :is(small, .l2, .muted, .v89-muted, .sub) { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work] table tbody tr:is([data-go], [tabindex]) { cursor: pointer; }
#view .page[data-v7work] table tbody tr:is([data-go], [tabindex]):hover > td { background: var(--v6-fill) !important; }
/* a firm: its initials in a 28px circle, then its name (Transactions' To/From) */
#view .page[data-v7work] .v7w-firm { display: inline-flex; align-items: center; gap: 16px; min-width: 0; max-width: 100%; vertical-align: middle; }
#view .page[data-v7work] .v7w-firm .v7-av { width: 28px; height: 28px; }
:root[data-theme="dark"] #view .page[data-v7work] .v7w-firm .v7-av { filter: none !important; background: var(--v6-fill-2) !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work] .v7w-fn { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v6-ink-2); }

/* ---------- Certificates (wide) ---------- */
#view .page[data-v7work][data-v7r="records"] .v7w-tools .toolbar { display: flex; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="records"] .v7w-tools .toolbar label.field { width: 240px; flex: none; height: 32px; margin: 0; }
#view .page[data-v7work][data-v7r="records"] .v7w-tools .toolbar label.field input { height: 32px !important; font-size: 15px !important; }
#view .page[data-v7work][data-v7r="records"] .lib { margin-top: 0 !important; gap: 24px; }
#view .page[data-v7work][data-v7r="records"] .lib > .card { margin: 0 !important; }
#view .page[data-v7work][data-v7r="records"] .lib .tablewrap { width: auto !important; max-width: none !important; margin: 0 -24px !important; padding: 0 !important; border: 0 !important; overflow: visible; }
#view .page[data-v7work][data-v7r="records"] .lib .tablewrap > table { width: 100% !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist :is(th, td):first-child { padding-left: 24px !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist :is(th, td):last-child { padding-right: 24px !important; }
/* one line per certificate: the product, then its file in the secondary ink */
#view .page[data-v7work][data-v7r="records"] table.reclist .v96-cl { display: flex; align-items: center; gap: 16px; min-width: 0; }
#view .page[data-v7work][data-v7r="records"] table.reclist .v96-cl-t { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 12px; min-width: 0; white-space: nowrap; overflow: hidden; }
#view .page[data-v7work][data-v7r="records"] table.reclist col:nth-child(1) { width: 32% !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist col:nth-child(5) { width: 15% !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist .v96-cl-t > span { flex: 0 1 auto; min-width: 80px; order: 0; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
#view .page[data-v7work][data-v7r="records"] table.reclist .v96-cl-t > b { order: 1; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: var(--v6-ink-3) !important; flex: 0 2 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7work][data-v7r="records"] table.reclist .v89-oq { display: block; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist .v89-lotc .v89-id { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work][data-v7r="records"] table.reclist td.r.num { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink) !important; }
#view .page[data-v7work="wide"] > :is(.v89-strip, .vk-kpis, .v5-strip, .v75kpis, .qe-tiles) { margin-bottom: 0 !important; }

/* ---------- Suppliers (list) ---------- */
#view .page[data-v7work][data-v7r="suppliers"] .v7w-tools .v5-seg { margin: 0 !important; }
#view .page[data-v7work][data-v7r="suppliers"] > .vk-kpis { margin-bottom: 24px !important; }
#view .page[data-v7work][data-v7r="suppliers"] .r91b-tablecard { border: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; margin: 0 !important; }
#view .page[data-v7work][data-v7r="suppliers"] table.r91b-files td { white-space: nowrap; }
#view .page[data-v7work][data-v7r="suppliers"] table.r91b-files .r91b-name { color: var(--v6-ink-2) !important; font-weight: 400 !important; text-decoration: none; }
#view .page[data-v7work][data-v7r="suppliers"] table.r91b-files tbody tr { cursor: pointer; }
#view .page[data-v7work][data-v7r="suppliers"] .r91b-tfoot, #view .page[data-v7work][data-v7r="suppliers"] .vk-lit-x { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; padding: 12px 0 0 !important; margin: 0 !important; }
#view .page[data-v7work][data-v7r="suppliers"] .r91b-ph b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }

/* ---------- Receive (list): its intake and delivery steps keep working ---------- */
/* what arrived this week: one line each, the file, then where it came from in the quiet ink; its lot and state at the right */
#view .page[data-v7work][data-v7r="receive"] .r91a-ars { margin: 0 !important; border-top: 1px solid var(--v6-line); }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar { display: flex !important; align-items: center; gap: 12px; min-height: 53px; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; color: inherit; text-decoration: none; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar:hover { background: var(--v6-fill) !important; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar .vk-tile { width: 32px !important; height: 24px !important; padding-left: 6px; border-radius: 0 !important; background: none !important; color: var(--v6-ink-4) !important; justify-content: flex-start; flex: none; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar .vk-tile svg { width: 13px !important; height: 13px !important; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar-t { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 12px; flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar-t b { flex: none; font-family: inherit !important; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar-t small { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar-o { display: flex !important; align-items: center; gap: 12px; flex: none; white-space: nowrap; }
#view .page[data-v7work][data-v7r="receive"] .r91a-ar-o small { font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
/* the ways in: a name and its control; the sentence that explained each is in the fold and the name's tooltip */
#view .page[data-v7work][data-v7r="receive"] .v95-ways { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--v6-line); }
#view .page[data-v7work][data-v7r="receive"] .v95-ways .v7w-lab { margin: 0 0 12px !important; font-size: 19px !important; line-height: 28px !important; color: var(--v6-ink) !important; }
#view .page[data-v7work][data-v7r="receive"] .v95-way { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; gap: 8px; }
#view .page[data-v7work][data-v7r="receive"] .v95-way > b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
/* recently read: one line each, the file and its state */
#view .page[data-v7work][data-v7r="receive"] .v95-recent .v96-dr-t { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="receive"] .v95-recent .v96-dr { flex-wrap: nowrap !important; align-items: center !important; padding-top: 6px !important; padding-bottom: 6px !important; }
#view .page[data-v7work][data-v7r="receive"] .v95-recent .v96-dr-main { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }
#view .page[data-v7work][data-v7r="receive"] .v95-recent .v96-dr-l { flex: none !important; margin: 0 0 0 auto !important; }
/* the deliveries table: a date stays on one line */
#view .page[data-v7work][data-v7r="receive"] .v98dl td:nth-child(-n+5) { white-space: nowrap; }
#view .page[data-v7work][data-v7r="receive"] .v98dl td small, #view .page[data-v7work][data-v7r="receive"] .v98dl td .muted { display: inline; margin-left: 6px; }

/* the held queue and the receiving log: one line per lot */
#view .page[data-v7work][data-v7r="receive"] table.v84q td.why .w { display: block; max-width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="receive"] table.v84q td.st, #view .page[data-v7work][data-v7r="receive"] table.v84q td.r { white-space: nowrap; }
#view .page[data-v7work][data-v7r="receive"] table.v89-rlog td:not(.two) { white-space: nowrap; }
#view .page[data-v7work][data-v7r="receive"] table.v89-rlog td.two > b { display: block; font-weight: 400 !important; color: var(--v6-ink-2) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 230px; }
#view .page[data-v7work][data-v7r="receive"] table.v89-rlog td.two > .mono { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }

/* a record's name in a table cell: its tile, the name, then its subject in the secondary ink, one line */
#view .page[data-v7work] table .v96-cl { display: flex !important; align-items: center; gap: 12px; min-width: 0; }
#view .page[data-v7work] table .v96-cl-t { display: flex !important; flex-direction: row !important; align-items: baseline; gap: 8px; min-width: 0; white-space: nowrap; overflow: hidden; }
#view .page[data-v7work] table .v96-cl-t > b { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work] table .v96-cl-t > span { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }

/* ---------- Review (wide: a board, then the lots as a table) ---------- */
#view .page[data-v7work][data-v7r="decide"] .v7w-tools :is(.btool, .toolbar) { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="decide"] .v7w-tools :is(label.sq, label.field) { width: 240px; height: 32px; margin: 0 !important; flex: none; }
#view .page[data-v7work][data-v7r="decide"] .v7w-tools :is(select.sel) { height: 32px; font-size: 15px !important; max-width: 180px; }
#view .page[data-v7work][data-v7r="decide"] .rboard { margin-top: 0 !important; }
#view .page[data-v7work][data-v7r="decide"] .bcol { border-radius: 12px !important; background: var(--v7-field) !important; border: 1px solid var(--v6-line) !important; }
#view .page[data-v7work][data-v7r="decide"] .bcol-h b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="decide"] .bcard { border: 1px solid var(--v6-line) !important; border-radius: 12px !important; box-shadow: none !important; background: var(--v6-surface) !important; }
#view .page[data-v7work][data-v7r="decide"] .bcard:hover { border-color: var(--v6-line-2) !important; }
#view .page[data-v7work][data-v7r="decide"] .bc-t { font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7work][data-v7r="decide"] .bc-why { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
/* the lots table: one line per lot */
#view .page[data-v7work][data-v7r="decide"] table.v97lots td.st { white-space: nowrap; }
#view .page[data-v7work][data-v7r="decide"] table.v97lots td.two .v96-cl-t > b { max-width: 260px; }
#view .page[data-v7work][data-v7r="decide"] section.card[data-batchscope] .tablewrap { margin: 0 -24px !important; width: auto !important; }
#view .page[data-v7work][data-v7r="decide"] section.card[data-batchscope] table :is(th, td):first-child { padding-left: 24px !important; }
#view .page[data-v7work][data-v7r="decide"] section.card[data-batchscope] table :is(th, td):last-child { padding-right: 24px !important; }
#view .page[data-v7work][data-v7r="decide"] .dec-sum { margin-top: 24px !important; }

/* ---------- Release (wide, every tab) ---------- */
#view .page[data-v7work] .v7w-tools label.field { width: 240px; height: 32px; margin: 0 !important; flex: none; }
#view .page[data-v7work] .v7w-tools :is(.toolbar) { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work] .v7w-tools .toolbar .sp { flex: none !important; margin: 0 !important; }
/* a lot in the table: its name on the first line, its code and its trail on the second */
#view .page[data-v7work] table .v96-rel { display: flex !important; align-items: center; gap: 12px; min-width: 0; }
#view .page[data-v7work] table .v96-rel-t { display: block !important; min-width: 0; }
#view .page[data-v7work] table .v96-rel-t > b { display: block; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work] table .v96-rel-t > .v89-id { display: inline; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work] table .v96-rel-t > .v95-trace { display: inline; margin-left: 8px; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work] table .v96-rel-t > .v95-trace a { font-size: 13px !important; color: var(--v6-link) !important; }
#view .page[data-v7work] table td.v89r-oi .l2 { display: block; max-width: 220px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work] table td.v89r-oi .l2 * { font-size: 14px !important; }
#view .page[data-v7work="wide"] section.card[data-batchscope] > .tablewrap { margin: 0 -24px !important; width: auto !important; }
#view .page[data-v7work="wide"] section.card[data-batchscope] > .tablewrap table :is(th, td):first-child { padding-left: 24px !important; }
#view .page[data-v7work="wide"] section.card[data-batchscope] > .tablewrap table :is(th, td):last-child { padding-right: 24px !important; }
#view .page[data-v7work="wide"] section.card[data-batchscope] > .tablewrap table td.muted:not(.num) { max-width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7work] .tablewrap { overflow-x: auto; }
/* the page's own teaching fold at its foot: one quiet line */
#view .page[data-v7work] > details.r91c-fold { border: 0 !important; background: none !important; box-shadow: none !important; padding: 16px 0 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; }
#view .page[data-v7work] > details.r91c-fold > summary :is(span, em) { font-size: 13px !important; line-height: 20px !important; }
#view .page[data-v7work] > details.r91c-fold > summary em { color: var(--v6-ink-4) !important; }
/* Connected systems: three names, each with its buttons; no boxes */
#view .page[data-v7work] .v94-connect .v94-cx-g { gap: 24px !important; border: 0 !important; background: none !important; }
#view .page[data-v7work] .v94-connect .v94-cx-col { padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
#view .page[data-v7work] .v94-connect .v94-cx-col > h3 { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; margin: 0 0 8px !important; }
/* the passports issued: the Passport's code and its order, then its link; one line for its product */
#view .page[data-v7work][data-v7r="passports"] td.v93-passcell { display: grid !important; grid-template-columns: auto auto; justify-content: start; column-gap: 12px; align-items: baseline; }
#view .page[data-v7work][data-v7r="passports"] td.v93-passcell .l1 { grid-column: 1; grid-row: 1; }
#view .page[data-v7work][data-v7r="passports"] td.v93-passcell .r91c-open { grid-column: 2; grid-row: 1; font-size: 14px !important; line-height: 20px !important; white-space: nowrap; }
#view .page[data-v7work][data-v7r="passports"] td.v93-passcell .l2 { grid-column: 1 / -1; grid-row: 2; display: block; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px !important; line-height: 20px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work][data-v7r="passports"] .g-main table td:nth-child(2) { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .page[data-v7work][data-v7r="passports"] .g-main table td:nth-child(n+3) { white-space: nowrap; }
#view .page[data-v7work][data-v7r="passports"] section.r96rx .card-b { padding: 0 !important; }
/* ClearGate's decision log: the table, its pages under it, the receipt beside them */
#view .page[data-v7work] .r91c-log-g > .tablewrap { grid-column: 1; grid-row: 1; }
#view .page[data-v7work] .r91c-log-g > .dt-foot { grid-column: 1; grid-row: 2; }
#view .page[data-v7work] .r91c-log-g > .r91c-receipt { grid-column: 2; grid-row: 1 / span 2; align-self: start; }
#view .page[data-v7work] table td.r91c-when, #view .page[data-v7work] table.r91c-t td { white-space: nowrap; }

/* ---------- the panel heads drawn by the v96 kit (Inspection, Facility): a heading, then a short count beside it ---------- */
#view .page[data-v7work] .v96-ph { display: flex; align-items: center; gap: 12px; padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; background: none !important; }
#view .page[data-v7work] .v96-ph-t { display: flex !important; flex-direction: row !important; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
#view .page[data-v7work] .v96-ph-t h2 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; margin: 0 !important; }
#view .page[data-v7work] .v96-ph-t .v7w-count { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work] .v96-ph-i { display: none !important; }
#view .page[data-v7work] .v7w-quiet { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; margin-top: 24px !important; max-width: 760px; }

/* ---------- Inspection (list): Cato's line, then the requests as rows ---------- */
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-box { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; border-top: 1px solid var(--v6-line) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-row { min-height: 53px; padding: 6px 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-top: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-rb b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-rb small { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-sec h2 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato .v5-sec .link { font-size: 15px !important; line-height: 24px !important; }
#view .page[data-v7work][data-v7r="inspection"] .v5-cato-t p { font-size: 15px !important; line-height: 24px !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-area-h { display: flex; align-items: baseline; gap: 12px; margin: 24px 0 8px !important; padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-area-h .v96-tile { display: none !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-area-h h3 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; margin: 0 !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-area-h > span:not(.v96-tile) { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-rows { border-top: 1px solid var(--v6-line); }
#view .page[data-v7work][data-v7r="inspection"] .v96i-area { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row { min-height: 67px; padding: 8px 0 !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; align-items: center !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-tile { width: 32px !important; height: 24px !important; padding-left: 6px; border-radius: 0 !important; background: none !important; color: var(--v6-ink-4) !important; justify-content: flex-start; flex: none; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-tile svg { width: 13px !important; height: 13px !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-dr-b { min-width: 0; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-dr-t { display: block !important; min-width: 0; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v95i-reqb { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-dr-s { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-dr-s * { font-size: 13px !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-row .v96-dr-main { min-width: 0; flex: 1 1 auto; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-filters { margin: 0 0 8px !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-cols { border: 0 !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-col { padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="inspection"] .v96i-col > b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }

/* ---------- Recalls (list) ---------- */
#view .page[data-v7work][data-v7r="recall"] .v94-figs { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px !important; padding: 8px 0 15px !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-fig { display: flex !important; flex-direction: column; padding: 0 !important; border: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-fig > span { order: -1; font-size: 13px !important; line-height: 20px !important; letter-spacing: .1px; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-fig > b { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-fig.crit > b { color: var(--v6-red) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-rcase .lab { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; text-transform: none !important; letter-spacing: .1px !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-rcase { padding-bottom: 24px !important; border-bottom: 1px solid var(--v6-line) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-rcase :is(.v95-rc-src, .v95-rc-reach, .v95-rc-steps, .v95-rc-foot) { padding-left: 0 !important; padding-right: 0 !important; background: none !important; border-color: var(--v6-line) !important; }
#view .page[data-v7work][data-v7r="recall"] .v94-rc-name h2 { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; }
#view .page[data-v7work][data-v7r="recall"] .v95-rc-why, #view .page[data-v7work][data-v7r="recall"] .v97-rc-next { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work][data-v7r="recall"] .v75cal-l li a { align-items: center !important; }
#view .page[data-v7work][data-v7r="recall"] .v75cal-l .tx { min-width: 0; }
#view .page[data-v7work][data-v7r="recall"] .v75cal-l .tx > b { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work][data-v7r="recall"] .v75date b { font-size: 15px !important; line-height: 20px !important; }

/* ---------- Order screen (wide) ---------- */
#view .page[data-v7work][data-v7r="screen"] .v7w-bar:not(.v7w-onrow) { justify-content: space-between; margin: 3px 0 19px; }
#view .page[data-v7work][data-v7r="screen"] .vk-split-side .card :is(.card, section) { border: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; border-top: 1px solid var(--v6-line) !important; border-radius: 0 !important; }

/* ---------- Supply map and Directory (Suppliers' tabs) ---------- */
#view .page[data-v7work] > :is(.phead, .v89-head) h1 > .v89-id { font-family: inherit !important; font-size: 28px !important; line-height: 36px !important; font-weight: 380 !important; letter-spacing: 0 !important; color: var(--v6-ink) !important; }
#view .page[data-v7work][data-v7r="map"] .pl, #view .page[data-v7work][data-v7r="map"] svg text { font-size: 12px !important; }
#view .page[data-v7work][data-v7r="map"] .r91b-netmain.card { border: 0 !important; box-shadow: none !important; padding: 0 !important; background: none !important; }
#view .page[data-v7work][data-v7r="map"] .r91b-nl :is(b, h3, .r91b-nn) { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; }
#view .page[data-v7work][data-v7r="map"] .r91b-tfoot, #view .page[data-v7work][data-v7r="map"] .r91b-mute { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }

/* ---------- Lot chains ---------- */
#view .page[data-v7work][data-v7r="chain"] :is(.v94-figs, .vk-figs) { border: 0 !important; }

/* ---------- Quality events, Facility, Permits ---------- */
#view .page[data-v7work] .qe-tiles > .v7w-fig { order: 0; }
#view .page[data-v7work] :is(.qe-foot, .qe-cite, .v83priv, .v89p-note) { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work] .v89-empty b { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; color: var(--v6-ink) !important; }
#view .page[data-v7work] .v89-empty > span { font-size: 15px !important; line-height: 24px !important; color: var(--v6-ink-3) !important; }
#view .page[data-v7work] details.r96fl-cites > summary { font-size: 15px !important; line-height: 24px !important; color: var(--v6-link) !important; }

/* ---------- Product reports (503B, list) ---------- */
#view .page[data-v7work][data-v7r="product-reports"] .b5r-big { font-size: 19px !important; line-height: 28px !important; font-weight: 400 !important; }

/* ---------- a list's table cells: the name on one line, then one quiet line ---------- */
#view .page[data-v7work="list"] table td > .l1 { display: block; max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--v6-ink-2) !important; font-weight: 400 !important; }
#view .page[data-v7work="list"] table td > .l2 { display: block; max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
#view .page[data-v7work="list"] table td > .l2 a { font-size: 13px !important; }

/* ---------- the v96 kit's lists (Facility's due dates, the inspector packet): open rows with a hairline, no box ---------- */
#view .page[data-v7work] .v96-list:not(.v96i-rows) { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; border-top: 1px solid var(--v6-line) !important; }
#view .page[data-v7work] .v96-list:not(.v96i-rows) > .v96-dr { min-height: 53px; padding: 6px 0 !important; border: 0 !important; border-bottom: 1px solid var(--v6-line) !important; border-radius: 0 !important; background: none !important; }
#view .page[data-v7work] .v96-list:not(.v96i-rows) .v96-tile { width: 32px !important; height: 24px !important; padding-left: 6px; border-radius: 0 !important; background: none !important; color: var(--v6-ink-4) !important; justify-content: flex-start; flex: none; }
#view .page[data-v7work] .v96-list:not(.v96i-rows) .v96-tile svg { width: 13px !important; height: 13px !important; }
#view .page[data-v7work] .v96-list .v96-dr-t { font-size: 15px !important; line-height: 24px !important; font-weight: 400 !important; color: var(--v6-ink-2) !important; }
#view .page[data-v7work] .v96-list .v96-dr-s { font-size: 13px !important; line-height: 20px !important; color: var(--v6-ink-4) !important; }
/* Quality events: an event's title in the ink, never bold */
#view .page[data-v7work] .qe-list :is(b, strong, h3, .qe-t) { font-weight: 400 !important; color: var(--v6-ink) !important; }

/* ---------- the wide page: its own width on the tabs that are Release's (Shipments, Buyers) and Certificates' (With a signal) ---------- */
#view .page[data-v7work="wide"] { max-width: none !important; padding-left: 24px !important; padding-right: 24px !important; }

/* ---------- the phone ---------- */
@media (max-width: 699px) {
  #view .page[data-v7work] > :is(.phead, .v89-head) { flex-wrap: wrap; row-gap: 8px; }
  #view .page[data-v7work] > :is(.phead, .v89-head) h1 { white-space: normal; }
  #view .page[data-v7work] > :is(.phead, .v89-head) > :is(.acts, .v89-head-a) { flex-wrap: wrap; margin-left: 0 !important; }
  #view .page[data-v7work="wide"] > :is(.phead, .v89-head) { margin-left: -16px !important; margin-right: -16px !important; padding-left: 16px !important; padding-right: 16px !important; }
  #view .v7w-bar, #view .v7w-bar.v7w-onrow, #view .page[data-v7work="wide"] > .v7w-bar.v7w-onrow { position: static; justify-content: flex-start; flex-wrap: wrap; margin: 0 0 16px; }
  #view .v7w-how-b { position: fixed; left: 16px; right: 16px; top: 72px; width: auto; }
  #view .page[data-v7work="wide"] :is(.v89-strip, .vk-kpis, .v75kpis, .v5-strip) { margin-left: -16px !important; margin-right: -16px !important; padding-left: 16px !important; padding-right: 16px !important; }
  #view .page[data-v7work] .v7w-fig { min-width: 0; }
  #view .page[data-v7work="wide"] { padding-left: 16px !important; padding-right: 16px !important; }
  #view .page[data-v7work] .tablewrap, #view .page[data-v7work][data-v7r] :is(.lib, section.card[data-batchscope]) .tablewrap { margin-left: -16px !important; margin-right: -16px !important; width: auto !important; }
  #view .page[data-v7work][data-v7r] :is(.lib, section.card[data-batchscope]) .tablewrap table :is(th, td):first-child { padding-left: 16px !important; }
  #view .page[data-v7work][data-v7r] :is(.lib, section.card[data-batchscope]) .tablewrap table :is(th, td):last-child { padding-right: 16px !important; }
  #view .page[data-v7work] .tablewrap table :is(th, td):first-child { padding-left: 16px !important; }
  #view .page[data-v7work] .tablewrap table :is(th, td):last-child { padding-right: 16px !important; }
  #view .page[data-v7work][data-v7r="receive"] .r91a-ar { flex-wrap: wrap; padding: 8px 0 !important; }
  #view .page[data-v7work][data-v7r="receive"] .r91a-ar-t { flex: 1 1 100%; flex-wrap: wrap; white-space: normal; }
  #view .page[data-v7work][data-v7r="receive"] .r91a-ar-o { flex-wrap: wrap; white-space: normal; padding-left: 44px; }
  #view .page[data-v7work] .v7w-tools { flex-wrap: wrap; }
  #view .page[data-v7work] .v7w-tools :is(label.field, label.sq) { width: 100%; }
}

/* ---------- last: whatever is hidden stays hidden, whatever display a rule above gave its class ---------- */
#view .page[data-v7work] [hidden][hidden][hidden] { display: none !important; }