/* v8 (2026-10-31, port r1, the Receive lane): Receive as the receiving dock, drawn by next-v8-receive.js. Every rule is scoped to
   #view .v8rcv (the parts) or #view .page.v8rcv-on (the page they sit in). Sizes keep to the workspace's one scale (12, 13, 14, 15,
   19, 28, 34, 38, 40). The blocks a part redraws stay in the page, clipped offscreen and inert, never display:none. */

/* the redrawn blocks: laid out, clipped offscreen, out of reach (their facts and controls are carried into the parts) */
#view .page.v8rcv-on [data-v8rcvshelf][aria-hidden] {
  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; overflow: hidden !important; clip-path: inset(50%) !important; pointer-events: none !important; contain: layout paint;
}

#view .v8rcv { font-family: var(--v8-sans); color: var(--v8-t1); font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased; }
#view .v8rcv a { color: inherit; text-decoration: none; }
#view .v8rcv :is(h2, h3, p) { margin: 0; }
#view .v8rcv .mono { font-family: var(--v8-mono); letter-spacing: 0; }
#view .v8rcv-i { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; color: var(--v8-t2); }
#view .v8rcv-i.pos { color: var(--v8-pos); } #view .v8rcv-i.neg { color: var(--v8-neg); } #view .v8rcv-i.warn { color: var(--v8-warn); }
#view .v8rcv-i.s3 { color: var(--v8-s3); } #view .v8rcv-i.mute { color: var(--v8-t3); }

/* panels and their heads */
#view .v8rcv-panel { border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); min-width: 0; }
#view .v8rcv-pn { padding: 20px 20px 16px; }
#view .v8rcv-h { display: flex; align-items: center; gap: 8px; min-height: 22px; white-space: nowrap; }
#view .v8rcv-h :is(h2, h3) { font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 1.3; color: var(--v8-t1); margin: 0; }
#view .v8rcv-c { min-width: 0; overflow: hidden; text-overflow: ellipsis; font: 400 12px/1.2 var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-hr { margin-left: auto; display: inline-flex; align-items: center; gap: 10px; }
#view .v8rcv-link { appearance: none; border: 0; background: none; padding: 0; font: 400 13px/1.3 var(--v8-sans); color: var(--v8-t2) !important; cursor: pointer; white-space: nowrap; }
#view .v8rcv-link:hover { color: var(--v8-t1) !important; text-decoration: underline; text-underline-offset: 3px; }
#view .v8rcv-link svg { display: none; }
#view .v8rcv-empty { padding: 14px 0 4px; font-size: 13px; line-height: 1.5; color: var(--v8-t3); white-space: normal; }
#view .v8rcv-pad { padding: 4px 22px 20px; }
#view .v8rcv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 9px; border: 0; background: var(--v8-raised); box-shadow: var(--v8-hi), 0 0 0 1px var(--v8-hair); font: 400 13px/1 var(--v8-sans); color: var(--v8-t1) !important; white-space: nowrap; cursor: pointer; text-decoration: none !important; transition: background-color .15s var(--v8-ease); }
#view .v8rcv-btn:hover { background: color-mix(in srgb, var(--v8-raised) 70%, var(--v8-t1) 6%); }
#view .v8rcv-btn svg { width: 14px; height: 14px; }
#view .v8rcv-g2 { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 16px; align-items: stretch; }
#view .v8rcv-g2h { align-items: start; }

/* the parts sit in the page's own flow, 16px apart */
#view .page.v8rcv-on > [data-v8rcv] { margin: 0 0 16px; }
#view .page.v8rcv-on > [data-v8rcv="figs"] { margin-bottom: 16px; }

/* ---------------- the four figures (Today's figures, carried from the strip) ---------------- */
#view .v8rcv-stats { display: grid; grid-template-columns: 1fr 1fr 1.25fr 1.15fr; gap: 16px; }
#view .v8rcv-stat { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; height: 132px; padding: 20px 22px; border: 0; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); text-align: left; font: inherit; color: inherit; overflow: hidden; cursor: pointer; transition: background-color .15s var(--v8-ease); }
#view .v8rcv-stat:hover { background: color-mix(in srgb, var(--v8-raised) 55%, var(--v8-card)); }
#view .v8rcv-l { position: relative; z-index: 1; display: block; font-size: 15px; line-height: 1.3; color: var(--v8-t2); white-space: nowrap; }
#view .v8rcv-v { position: relative; z-index: 1; display: block; margin-top: 10px; font-size: 38px; font-weight: 500; line-height: 1; letter-spacing: -.02em; color: var(--v8-t1); }
#view .v8rcv-v.neg { color: var(--v8-neg); } #view .v8rcv-v.warn { color: var(--v8-warn); }
#view .v8rcv-d { position: absolute; left: 22px; right: 22px; bottom: 18px; font: 400 12px/1.2 var(--v8-mono); color: var(--v8-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-stat.has-x .v8rcv-d { right: 132px; }
#view .v8rcv-segs { position: absolute; right: 20px; bottom: 18px; display: grid; grid-template-columns: repeat(var(--n), 10px); gap: 5px; }
#view .v8rcv-segs i { height: 10px; border-radius: 3px; background: var(--v8-raised); }
#view .v8rcv-segs i.on { background: var(--v8-s3); }
#view .v8rcv-stack { position: absolute; right: 6px; top: 50px; width: 124px; height: 120px; pointer-events: none; }
#view .v8rcv-stack .v8rcv-sh { position: absolute; width: 70px; height: 92px; border-radius: 5px; }
#view .v8rcv-stack .v8rcv-sh.back { right: 8px; top: 8px; transform: rotate(8deg); background: #d3ccbf; }
#view .v8rcv-stack .v8rcv-sh.front { right: 36px; top: 12px; transform: rotate(-6deg); }
#view .v8rcv-stack .v8rcv-sh i { left: 7px; max-width: calc(100% - 14px); height: 2px; }

/* a certificate drawn from its own lines (flat paper, no gradient); the ink is the paper's own, in both themes */
#view .v8rcv-sh { position: relative; display: block; flex: none; width: 30px; height: 39px; border-radius: 3px; background: var(--v8-paper); overflow: hidden; box-shadow: 0 0 0 1px rgba(16, 24, 40, .08), 0 4px 10px rgba(0, 0, 0, .18); }
:root[data-theme="dark"] #view .v8rcv-sh { box-shadow: 0 6px 14px rgba(0, 0, 0, .45); }
#view .v8rcv-sh i { position: absolute; left: 4px; max-width: calc(100% - 8px); height: 1.5px; border-radius: 1px; background: #d4cdc0; }
#view .v8rcv-sh i.k { background: #4a453e; }
#view .v8rcv-sh i.hit { height: 2.5px; background: #e5484d; box-shadow: 0 0 0 1.5px rgba(229, 72, 77, .22); }
#view .v8rcv-sh.blank::after { content: attr(data-ext); position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; font: 600 7px/1 var(--v8-mono); letter-spacing: .04em; color: #8a8275; }
#view .v8rcv-sh.back.blank::after { content: none; }

/* ---------------- statuses, dots, cells, tracks ---------------- */
#view .v8rcv-st { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; max-width: 100%; }
#view .v8rcv-st .v8rcv-i { width: 16px; height: 16px; margin-top: 1px; }
#view .v8rcv-st > span { min-width: 0; }
#view .v8rcv-st b { display: block; font-size: 14px; line-height: 1.35; font-weight: 400; color: var(--v8-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-st.t-pos b { color: var(--v8-pos); } #view .v8rcv-st.t-neg b { color: var(--v8-neg); } #view .v8rcv-st.t-warn b { color: var(--v8-warn); }
#view .v8rcv-st.t-s3 b { color: var(--v8-s3); } #view .v8rcv-st.t-t3 b { color: var(--v8-t2); }
#view .v8rcv-st small { display: block; margin-top: 2px; font: 400 12px/1.35 var(--v8-mono); color: var(--v8-t3); white-space: normal; overflow-wrap: anywhere; }
#view .v8rcv-dot { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--c); vertical-align: 0; flex: none; }
#view .v8rcv-cert small .v8rcv-dot, #view .v8rcv-hwho small .v8rcv-dot { vertical-align: 0; }
#view .v8rcv-cells { display: inline-flex; flex-wrap: wrap; gap: 3px; vertical-align: middle; }
#view .v8rcv-cells i { display: block; width: 8px; height: 14px; border-radius: 3px; background: var(--v8-raised); }
#view .v8rcv-cells.gates i, #view .v8rcv-cells.mx i { width: 10px; height: 16px; }
#view .v8rcv-cells i.pos, #view .v8rcv-key i.pos, #view .v8rcv-track i.pos { background: var(--v8-pos); }
#view .v8rcv-cells i.neg, #view .v8rcv-key i.neg, #view .v8rcv-track i.neg { background: var(--v8-neg); }
#view .v8rcv-cells i.warn, #view .v8rcv-key i.warn, #view .v8rcv-track i.warn { background: var(--v8-warn); }
#view .v8rcv-cells i.nr, #view .v8rcv-key i.nr { background: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v8-t3) 70%, transparent); }
#view .v8rcv-track i.nr { background: color-mix(in srgb, var(--v8-t3) 55%, transparent); }
#view .v8rcv-cells i.na, #view .v8rcv-key i.na, #view .v8rcv-track i.na { background: var(--v8-raised); }
#view .v8rcv-cells i.na, #view .v8rcv-key i.na { box-shadow: inset 0 0 0 1px var(--v8-hair); }
#view .v8rcv-read .v8rcv-cells, #view .v8rcv-hread .v8rcv-cells { display: flex; width: fit-content; margin: 6px 0 0 24px; }
#view .v8rcv-track { display: flex; height: 8px; margin-top: 14px; border-radius: 4px; background: var(--v8-raised); overflow: hidden; gap: 2px; }
#view .v8rcv-track i { display: block; height: 100%; }
#view .v8rcv-track.sm { height: 6px; margin-top: 8px; border-radius: 3px; gap: 1px; grid-column: 1 / -1; }
#view .v8rcv-key { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 12px; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-key span { display: inline-flex; align-items: center; gap: 6px; }
#view .v8rcv-key i { width: 8px; height: 8px; border-radius: 2px; }
#view .v8rcv-key b { font-weight: 500; color: var(--v8-t2); }

/* ---------------- the front door: the drop zone, said plainly ---------------- */
#view .v8rcv-door { margin: -2px 0 14px; }
#view .v8rcv-door .v8rcv-h { white-space: normal; flex-wrap: wrap; row-gap: 2px; }
#view .page.v8rcv-on .v89-intake label.drop { min-height: 208px; justify-content: center; border-radius: 14px !important; border: 1px dashed color-mix(in srgb, var(--v8-t1) 20%, transparent) !important; background: color-mix(in srgb, var(--v8-raised) 32%, var(--v8-card)) !important; transition: border-color .15s var(--v8-ease), background-color .15s var(--v8-ease); }
#view .page.v8rcv-on .v89-intake label.drop:hover, #view .page.v8rcv-on .v89-intake label.drop:is(.drag, .over, .dragover, .is-drag) { border-color: color-mix(in srgb, var(--v8-accent) 70%, transparent) !important; background: color-mix(in srgb, var(--v8-accent) 6%, var(--v8-card)) !important; }
#view .page.v8rcv-on .v89-intake #intakeChosen b { font-size: 15px !important; font-weight: 500 !important; color: var(--v8-t1) !important; }
#view .page.v8rcv-on .v89-intake #intakeChosen > span:not(.v94-dz-ic):not(.v89-pick) { font-size: 13px !important; color: var(--v8-t3) !important; }

/* ---------------- how they came in ---------------- */
#view .v8rcv-ways .v8rcv-track { margin-bottom: 4px; }
#view .v8rcv-li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 11px 0; border-top: 1px solid var(--v8-hair-2); font-size: 14px; line-height: 1.4; color: var(--v8-t1); }
#view .v8rcv-li:first-of-type { border-top: 0; }
#view .v8rcv-track + .v8rcv-li, #view .v8rcv-mh + .v8rcv-li { border-top: 0; }
#view .v8rcv-li .v8rcv-i { width: 16px; height: 16px; margin-top: 2px; }
#view .v8rcv-way .v8rcv-i { color: var(--v8-t2); }
#view .v8rcv-li small { display: block; margin-top: 3px; font: 400 12px/1.4 var(--v8-mono); color: var(--v8-t3); overflow-wrap: anywhere; }
#view .v8rcv-lw { font: 400 12px/1.6 var(--v8-mono); color: var(--v8-t2); white-space: nowrap; }
#view .v8rcv-one { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-wn { font-size: 15px; font-weight: 500; color: var(--v8-t1); }
#view a.v8rcv-li:hover > span:nth-child(2) { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view a.v8rcv-li:hover .v8rcv-lw { color: var(--v8-t1); }

/* ---------------- the chart ---------------- */
#view .v8rcv-chart { padding: 24px 24px 18px; }
#view .v8rcv-chart > .v8rcv-l { font-size: 15px; color: var(--v8-t2); }
#view .v8rcv-chart > .v8rcv-l:hover { color: var(--v8-t1); }
#view .v8rcv-big { margin-top: 8px; font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: -.02em; color: var(--v8-t1); }
#view .v8rcv-sub { margin-top: 10px; font: 400 12px/1.3 var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-sub b { font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-svg { display: block; width: 100%; height: auto; margin-top: 14px; overflow: visible; }
#view .v8rcv-grid path { stroke: var(--v8-grid); fill: none; }
#view .v8rcv-ax text { font: 400 12px var(--v8-mono); fill: var(--v8-t3); }
#view .v8rcv-lines path { fill: none; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
#view .v8rcv-mir path { fill: none; stroke: color-mix(in srgb, var(--v8-t1) 28%, transparent); stroke-width: 1.5; stroke-linejoin: round; }
#view .v8rcv-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; font-size: 12px; color: var(--v8-t2); }
#view .v8rcv-legend span { display: inline-flex; align-items: center; gap: 7px; }
#view .v8rcv-legend i { width: 8px; height: 8px; border-radius: 50%; }
#view .v8rcv-legend i.mir { background: color-mix(in srgb, var(--v8-t1) 28%, transparent); }
#view .v8rcv-legend-r { margin-left: auto; }

/* ---------------- where each one is ---------------- */
#view .v8rcv-fun { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 14px; align-items: end; height: 100px; }
#view .v8rcv-fun a { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; min-width: 0; }
#view .v8rcv-fun i { display: block; border-radius: 4px 4px 2px 2px; background: var(--c); }
#view .v8rcv-fun a.soft i { opacity: .75; }
#view .v8rcv-fun b { margin-bottom: 4px; font: 500 13px var(--v8-sans); color: var(--v8-t1); text-align: center; }
#view .v8rcv-fun span { margin-top: 6px; font: 400 12px var(--v8-sans); color: var(--v8-t3); text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-fun a:hover span { color: var(--v8-t1); }
#view .v8rcv-mh { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0 2px; padding-top: 14px; border-top: 1px solid var(--v8-hair-2); font-size: 13px; color: var(--v8-t2); }
#view .v8rcv-mh b { font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-flow .v8rcv-li .v8rcv-lw { color: var(--v8-t2); }
#view .v8rcv-obs { display: block; margin-top: 8px; font-size: 12px; color: var(--v8-t2); }
#view .v8rcv-obs:hover { color: var(--v8-t1); }

/* ---------------- rows: the arrivals, the deliveries checked in ---------------- */
#view .v8rcv-arr { padding: 0 0 6px; overflow: hidden; }
#view .v8rcv-arr > .v8rcv-h { padding: 20px 22px 12px; }
#view .v8rcv-arr { --cols: 30px minmax(0, 1.3fr) minmax(0, 1.15fr) minmax(0, 1.35fr) minmax(0, 1.25fr) 156px; }
#view .v8rcv-thead, #view .v8rcv-row { display: grid; grid-template-columns: var(--cols); column-gap: 16px; padding: 0 22px; }
#view .v8rcv-thead { align-items: center; height: 34px; border-top: 1px solid var(--v8-hair); border-bottom: 1px solid var(--v8-hair); font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-thead span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-gh { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 22px; background: color-mix(in srgb, var(--v8-deep) 55%, var(--v8-card)); border-bottom: 1px solid var(--v8-hair-2); font-size: 13px; color: var(--v8-t2); }
#view .v8rcv-gh i { width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--v8-t3)); }
#view .v8rcv-gh em { font: normal 400 12px var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-row { align-items: center; min-height: 64px; border-bottom: 1px solid var(--v8-hair-2); transition: background-color .15s var(--v8-ease); }
#view .v8rcv-row:hover { background: color-mix(in srgb, var(--v8-raised) 45%, transparent); }
#view .v8rcv-row:last-of-type { border-bottom: 0; }
#view .v8rcv-main { grid-column: 1 / 6; display: grid; grid-template-columns: subgrid; align-items: center; padding: 12px 0; min-width: 0; }
#view .v8rcv-main > * { min-width: 0; }
#view .v8rcv-cert b { display: block; font-size: 13px; font-weight: 500; line-height: 1.35; color: var(--v8-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-cert small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.35; color: var(--v8-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-came { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 1.35; color: var(--v8-t1); }
#view .v8rcv-came .v8rcv-i { width: 16px; height: 16px; margin-top: 1px; color: var(--v8-t3); }
#view .v8rcv-came small { display: block; margin-top: 3px; font: 400 12px/1.35 var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-lot { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
#view .v8rcv-lot .v8rcv-st b { white-space: normal; }
#view .v8rcv-lot > .mono { font-size: 13px; color: var(--v8-t1); }
#view .v8rcv-act { display: flex; justify-content: flex-end; gap: 6px; }
#view .v8rcv-more { display: block; width: 100%; text-align: center; height: 40px; border: 0; border-top: 1px solid var(--v8-hair-2); background: none; font: 400 13px var(--v8-sans); color: var(--v8-t2); cursor: pointer; }
#view .v8rcv-more:hover { color: var(--v8-t1); background: color-mix(in srgb, var(--v8-raised) 45%, transparent); }

/* deliveries checked in: a row opens its receipt */
#view .v8rcv-ci { --cols: minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 1.3fr) minmax(0, 1.2fr) 124px; }
#view button.v8rcv-row { width: 100%; border: 0; border-bottom: 1px solid var(--v8-hair-2); background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; padding-top: 12px; padding-bottom: 12px; }
#view button.v8rcv-row:last-of-type { border-bottom: 0; }
#view .v8rcv-sup { display: flex; align-items: flex-start; gap: 0; font-size: 13px; line-height: 1.35; color: var(--v8-t1); min-width: 0; }
#view .v8rcv-sup > .v8rcv-dot { margin-top: 5px; }
#view .v8rcv-sup > span { min-width: 0; }
#view .v8rcv-sup small { display: block; margin-top: 3px; font: 400 12px/1.35 var(--v8-mono); color: var(--v8-t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-gates { display: flex; align-items: center; gap: 10px; min-width: 0; }
#view .v8rcv-gates em { font: normal 400 12px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }
#view .v8rcv-open { justify-self: end; font-size: 13px; color: var(--v8-t2); white-space: nowrap; }
#view button.v8rcv-row:hover .v8rcv-open { color: var(--v8-t1); text-decoration: underline; text-underline-offset: 3px; }

/* ---------------- Held or waiting ---------------- */
#view .v8rcv-held { padding: 0 0 4px; overflow: hidden; }
#view .v8rcv-held > .v8rcv-h { padding: 20px 22px 12px; border-bottom: 1px solid var(--v8-hair); }
#view .v8rcv-hrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 0 22px; border-bottom: 1px solid var(--v8-hair-2); transition: background-color .15s var(--v8-ease); }
#view .v8rcv-hrow:hover { background: color-mix(in srgb, var(--v8-raised) 45%, transparent); }
#view .v8rcv-hmain { display: grid; grid-template-columns: 30px minmax(0, 1fr) minmax(0, 1.2fr); gap: 16px; align-items: start; padding: 16px 0; min-width: 0; }
#view .v8rcv-hwho { min-width: 0; }
#view .v8rcv-hst { display: block; margin-bottom: 6px; }
#view .v8rcv-hwho > b { display: block; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--v8-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-hwho > b .mono { font-size: 13px; margin-right: 6px; }
#view .v8rcv-hwho > small { display: block; margin-top: 4px; font-size: 12px; line-height: 1.4; color: var(--v8-t3); }
#view .v8rcv-hread { display: block; margin-top: 12px; }
#view .v8rcv-hwhy { font-size: 14px; line-height: 1.5; color: var(--v8-t2); }
#view .v8rcv-hwhy small { display: block; margin-top: 6px; font-size: 13px; line-height: 1.5; color: var(--v8-t3); }
#view .v8rcv-none { display: flex; gap: 12px; align-items: flex-start; padding: 18px 22px; }
#view .v8rcv-none b { display: block; font-size: 14px; font-weight: 500; }
#view .v8rcv-none small { display: block; margin-top: 3px; font-size: 13px; color: var(--v8-t3); }
#view .v8rcv-foot { display: flex; align-items: center; gap: 12px; padding: 12px 22px; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-foot .v8rcv-link { margin-left: auto; font-size: 13px; }

/* ---------------- the nine gates ---------------- */
#view .v8rcv-gate { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 11px 0; border-top: 1px solid var(--v8-hair-2); }
#view .v8rcv-h + .v8rcv-gate { border-top: 0; margin-top: 4px; }
#view .v8rcv-gate > span { font-size: 14px; line-height: 1.35; color: var(--v8-t1); }
#view .v8rcv-gate small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--v8-t3); }
#view .v8rcv-gate em { font: normal 400 12px/1.6 var(--v8-mono); color: var(--v8-t2); white-space: nowrap; }
#view .v8rcv-decs { margin-top: 2px; }
#view .v8rcv-mxb { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 40px; margin-top: 18px; align-items: start; }
#view .v8rcv-mxg { border-top: 1px solid var(--v8-hair-2); }
#view .v8rcv-mxs { min-width: 0; }
#view .v8rcv-mxs > .v8rcv-h { min-height: 37px; border-bottom: 1px solid var(--v8-hair-2); }
#view .v8rcv-mxs > .v8rcv-h + .v8rcv-li { border-top: 0; }
#view .v8rcv-mxdec { border-top: 1px solid var(--v8-hair); }
#view .v8rcv-mxr { display: grid; grid-template-columns: 124px var(--mxw, 160px) 72px; gap: 14px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--v8-hair-2); }
#view .v8rcv-mxr > span:first-child { font-size: 13px; color: var(--v8-t1); }
#view .v8rcv-mxr em { justify-self: end; font: normal 400 12px var(--v8-mono); color: var(--v8-t2); white-space: nowrap; }
#view .v8rcv-mxd { padding: 6px 0; }
#view .v8rcv-mxdates { display: flex; justify-content: space-between; font: 400 12px var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-mxr .v8rcv-cells { flex-wrap: nowrap; }

/* ---------------- the pages the parts sit in ---------------- */
/* Log one lot: the side column holds what receiving checks */
#view .page.v8rcv-on[data-v8rcv-tab="lot"] > .grid.g-main > aside > [data-v8rcv] { margin: 0 0 16px; }
/* Add a certificate: the side column holds how they came in */
#view .page.v8rcv-on[data-v8rcv-tab="intake"] > .grid.g-main > aside > [data-v8rcv] { margin: 0 0 16px; }
/* Receiving log: the decision already received into stock says it with its icon, as the others do */
#view .page.v8rcv-on .v89-rlog .v97rd { display: inline-flex; align-items: center; gap: 8px; color: var(--v8-pos); }
#view .page.v8rcv-on .v89-rlog .v97rd::before { content: ""; width: 14px; height: 14px; flex: none; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M6 9.3l2.1 2.1L12.2 7.3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M6 9.3l2.1 2.1L12.2 7.3'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ---------------- tablets and phones ---------------- */
@media (max-width: 1180px) {
  #view .v8rcv-mxb { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #view .v8rcv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view .v8rcv-g2 { grid-template-columns: minmax(0, 1fr); }
  #view .v8rcv-arr { --cols: 30px minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(0, 1.3fr) minmax(0, 1.2fr) 140px; }
  #view .v8rcv-arr:not(.v8rcv-ci) .v8rcv-came > span > small { display: none; }
}
@media (max-width: 980px) {
  /* the rows become labelled blocks: the certificate and its supplier, then how it came in, its read and its lot, then the step */
  #view .v8rcv-thead { display: none; }
  #view .v8rcv-row, #view .v8rcv-ci .v8rcv-row { display: block; padding: 14px 16px; }
  #view .v8rcv-main { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px 12px; padding: 0; }
  #view .v8rcv-main > :not(.v8rcv-sh):not(.v8rcv-cert) { grid-column: 2; }
  #view .v8rcv-main > .v8rcv-sh { grid-row: 1 / span 4; align-self: start; margin-top: 2px; }
  #view .v8rcv-act { justify-content: flex-start; margin: 10px 0 0 42px; }
  #view .v8rcv-act:empty { display: none; }
  #view .v8rcv-arr:not(.v8rcv-ci) .v8rcv-came > span > small { display: block; }
  #view .v8rcv-ci button.v8rcv-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #view .v8rcv-open { justify-self: start; }
  #view .v8rcv-hrow { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 16px; }
  #view .v8rcv-hmain { grid-template-columns: 30px minmax(0, 1fr); gap: 10px 12px; padding: 14px 0 10px; }
  #view .v8rcv-hwhy { grid-column: 2; }
  #view .v8rcv-hrow > .v8rcv-act { margin: 0 0 14px 42px; }
}
@media (max-width: 699px) {
  #view .v8rcv-stats { gap: 12px; }
  #view .v8rcv-stat { height: 112px; padding: 16px 16px; }
  #view .v8rcv-l { font-size: 13px; white-space: normal; line-height: 1.25; }
  #view .v8rcv-v { font-size: 28px; margin-top: 6px; }
  #view .v8rcv-d { left: 16px; right: 16px; bottom: 14px; }
  #view .v8rcv-stat.has-x .v8rcv-d { right: 16px; }
  #view .v8rcv-stack, #view .v8rcv-segs { display: none; }
  #view .v8rcv-pn { padding: 18px 16px 14px; }
  #view .v8rcv-chart { padding: 18px 16px 14px; }
  #view .v8rcv-big { font-size: 28px; }
  #view .v8rcv-legend-r { margin-left: 0; }
  #view .v8rcv-arr > .v8rcv-h, #view .v8rcv-held > .v8rcv-h { padding: 18px 16px 12px; }
  #view .v8rcv-gh { padding: 0 16px; }
  #view .v8rcv-h { flex-wrap: wrap; white-space: normal; row-gap: 4px; }
  #view .v8rcv-mxr { grid-template-columns: 92px minmax(0, 1fr); gap: 8px; }
  #view .v8rcv-mxg { --mxw: auto !important; }
  #view .v8rcv-mxr em { grid-column: 2; justify-self: start; }
  #view .v8rcv-mxr .v8rcv-cells { flex-wrap: wrap; }
  #view .v8rcv-mxd { display: none; }
  #view .v8rcv-btn { height: 44px; }
  #view .v8rcv-foot { flex-wrap: wrap; padding: 12px 16px; }
  #view .v8rcv-foot .v8rcv-link { margin-left: 0; min-height: 44px; display: inline-flex; align-items: center; }
  #view .page.v8rcv-on .v89-intake label.drop { min-height: 180px; }
  /* every link and button in the parts is a 44px tap */
  #view .v8rcv :is(.v8rcv-link, .v8rcv-obs, .v8rcv-chart > .v8rcv-l) { display: inline-flex; align-items: center; min-height: 44px; }
  #view .v8rcv-more { height: 48px; }
  #view .v8rcv-arr > .v8rcv-h, #view .v8rcv-held > .v8rcv-h { padding-top: 10px; padding-bottom: 6px; }
}

/* Add a certificate: the other ways in, each its own small panel under the drop zone */
#view .page.v8rcv-on .v95-intake .v95-way { padding: 16px !important; border: 0 !important; border-radius: 12px !important; background: color-mix(in srgb, var(--v8-raised) 28%, var(--v8-card)) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; }

/* the figures read their own width, not the window's: beside an open sidebar on a tablet they are as narrow as on a phone */
#view .v8rcv-top { container-type: inline-size; }
@container (max-width: 640px) {
  #view .v8rcv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #view .v8rcv-stat { height: 112px; padding: 16px; }
  #view .v8rcv-l { font-size: 13px; white-space: normal; line-height: 1.25; }
  #view .v8rcv-v { font-size: 28px; margin-top: 6px; }
  #view .v8rcv-d, #view .v8rcv-stat.has-x .v8rcv-d { left: 16px; right: 16px; bottom: 14px; }
  #view .v8rcv-stack, #view .v8rcv-segs { display: none; }
}

/* ======================= round 2: the subpages and the dialogs ======================= */
/* a supplier's avatar, as its profile draws it */
#view .v8rcv-av, #dialog .v8rcv-av { display: inline-grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 7px; background: var(--c); color: #0b0d12; font: 600 12px/1 var(--v8-sans); letter-spacing: 0; }
#view .v8rcv-av.m, #dialog .v8rcv-av.m { width: 44px; height: 44px; border-radius: 12px; font-size: 15px; }
:root:not([data-theme="dark"]) #view .v8rcv-av, :root:not([data-theme="dark"]) #dialog .v8rcv-av { color: #fff; }
#view .v8rcv-li > .v8rcv-av { margin-top: -2px; }
#view .v8rcv-li:has(> .v8rcv-av) { grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; }
#view .v8rcv-who, #dialog .v8rcv-who { display: flex; align-items: center; gap: 12px; min-width: 0; }
#view .v8rcv-who > div, #dialog .v8rcv-who > div { min-width: 0; flex: 1; }
#view .v8rcv-who b, #dialog .v8rcv-who b { display: block; font-size: 15px; font-weight: 500; line-height: 1.3; color: var(--v8-t1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-who b.ph { color: var(--v8-t3); font-weight: 400; }
#view .v8rcv-who small, #dialog .v8rcv-who small { display: block; margin-top: 3px; font-size: 12px; line-height: 1.4; color: var(--v8-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-who .mono, #dialog .v8rcv-who .mono { font-family: var(--v8-mono); }
#view .v8rcv-sh3 { margin: 18px 0 2px !important; padding-top: 14px; border-top: 1px solid var(--v8-hair-2); font-size: 13px !important; font-weight: 500; color: var(--v8-t2) !important; }

/* the steps of a check-in, and of logging one lot: a progress header */
#view .v8rcv-steps { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; margin: 0; padding: 0; list-style: none; border-radius: var(--v8-r-panel); background: var(--v8-card); box-shadow: 0 0 0 1px var(--v8-hair); overflow: hidden; }
#view .v8rcv-steps li { position: relative; display: flex; gap: 12px; align-items: flex-start; min-width: 0; padding: 16px 20px; }
#view .v8rcv-steps li + li { box-shadow: -1px 0 0 0 var(--v8-hair-2); }
#view .v8rcv-steps .n { display: grid; place-items: center; flex: none; width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--v8-hair); font: 500 12px/1 var(--v8-sans); color: var(--v8-t3); }
#view .v8rcv-steps .n svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#view .v8rcv-steps li.done .n { background: color-mix(in srgb, var(--v8-pos) 16%, transparent); box-shadow: none; color: var(--v8-pos); }
#view .v8rcv-steps li.now .n { background: var(--v8-accent); box-shadow: none; color: #fff; }
#view .v8rcv-steps li.now::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--v8-accent); }
#view .v8rcv-steps .t { min-width: 0; }
#view .v8rcv-steps .t b { display: block; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--v8-t1); }
#view .v8rcv-steps li:not(.done):not(.now) .t b { color: var(--v8-t2); }
#view .v8rcv-steps .t small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--v8-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Check in a delivery: the form and the seller side by side, the steps above, the deliveries checked in below */
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] { display: grid !important; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); column-gap: 16px; align-items: start; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] > * { grid-column: 1 / -1; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] > .r96dl { grid-column: 1; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] > [data-v8rcv="dlside"] { grid-column: 2; grid-row: span 2; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] > [data-v8rcv="ci"] { grid-column: 1; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"] > .v5-tabs { justify-self: start; }
#view .v8rcv-side { display: grid; gap: 16px; align-content: start; }
#view .v8rcv-side .v8rcv-tri { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); margin-top: 16px; border-top: 1px solid var(--v8-hair-2); border-bottom: 1px solid var(--v8-hair-2); }
#view .v8rcv-tri > div { padding: 12px 0; min-width: 0; }
#view .v8rcv-tri > div + div { padding-left: 14px; box-shadow: -1px 0 0 0 var(--v8-hair-2); }
#view .v8rcv-tri span { display: block; font-size: 12px; color: var(--v8-t2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view .v8rcv-tri b { display: block; margin-top: 5px; font-size: 19px; font-weight: 500; line-height: 1; color: var(--v8-t1); }
#view .v8rcv-tri b.warn { color: var(--v8-warn); } #view .v8rcv-tri b.neg { color: var(--v8-neg); }
#view .v8rcv-who > .v8rcv-link { align-self: flex-start; margin-top: 2px; }
#view button.v8rcv-li { width: 100%; border: 0; border-top: 1px solid var(--v8-hair-2); background: none; text-align: left; font: inherit; color: var(--v8-t1); cursor: pointer; }
#view .v8rcv-h + button.v8rcv-li, #view .v8rcv-sh3 + button.v8rcv-li, #view .v8rcv-sh3 + a.v8rcv-li { border-top: 0; }
#view button.v8rcv-li:hover > span:nth-child(2) .v8rcv-one { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--v8-hair); }
#view .v8rcv-pick .v8rcv-lw { color: var(--v8-accent); }
#view .v8rcv-rli .v8rcv-cells { display: flex; margin-top: 6px; }
#view .v8rcv-gate .v8rcv-cells.sm { grid-column: 1 / -1; display: flex; margin-top: 6px; }
#view .v8rcv-gate .v8rcv-cells.sm i { width: 10px; height: 10px; border-radius: 3px; }
/* the packing slip, a document of its own */
#view .r96files:has([data-v8rcv="slip"]) { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
#view [data-v8rcv="slip"] { flex: 1 1 320px; max-width: 460px; }
#view .v8rcv-slip { text-align: left; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 12px; background: color-mix(in srgb, var(--v8-raised) 30%, var(--v8-card)); box-shadow: 0 0 0 1px var(--v8-hair); cursor: pointer; font-weight: 400; transition: box-shadow .15s var(--v8-ease), background-color .15s var(--v8-ease); }
#view .v8rcv-slip.empty { box-shadow: none; outline: 1px dashed color-mix(in srgb, var(--v8-t1) 20%, transparent); outline-offset: -1px; }
#view .v8rcv-slip.empty .v8rcv-sh { opacity: .45; }
#view .v8rcv-slip:hover, #view .v8rcv-slip.over { box-shadow: 0 0 0 1px color-mix(in srgb, var(--v8-accent) 70%, transparent); background: color-mix(in srgb, var(--v8-accent) 6%, var(--v8-card)); }
#view .v8rcv-slip b { display: block; font-size: 14px; font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-slip small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.4; color: var(--v8-t3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view .v8rcv-slip small.mono { color: var(--v8-t2); }
/* the gate cells' letters */
#view .v8rcv-gkey { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 0 22px 12px; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-gkey b { margin-right: 5px; font: 500 12px var(--v8-mono); color: var(--v8-t2); }
#view .v8rcv-ci .v8rcv-gl { display: inline-flex; gap: 3px; font: 400 12px/1 var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-ci .v8rcv-gl b { width: 10px; text-align: center; font-weight: 400; }
#view .v8rcv-ci .v8rcv-sup > .v8rcv-av { margin: 0 10px 0 0; }

/* Log one lot: the progress header, and the lot as it will be filed */
#view .page.v8rcv-on .v85steps { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0 !important; padding: 0 !important; margin: 0 0 20px !important; border-radius: 12px; background: color-mix(in srgb, var(--v8-raised) 30%, var(--v8-card)) !important; box-shadow: 0 0 0 1px var(--v8-hair); overflow: hidden; border: 0 !important; }
#view .page.v8rcv-on .v85steps > button { position: relative; display: flex !important; align-items: center; gap: 10px; height: 52px !important; padding: 0 16px !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font: 400 14px/1.3 var(--v8-sans) !important; color: var(--v8-t2) !important; justify-content: flex-start !important; cursor: pointer; }
#view .page.v8rcv-on .v85steps > button + button { box-shadow: -1px 0 0 0 var(--v8-hair-2) !important; }
#view .page.v8rcv-on .v85steps > button::before { content: none !important; }
#view .page.v8rcv-on .v85steps > button .n { display: grid !important; place-items: center; width: 24px !important; height: 24px !important; flex: none; border-radius: 50% !important; background: none !important; box-shadow: inset 0 0 0 1px var(--v8-hair) !important; border: 0 !important; font: 500 12px/1 var(--v8-sans) !important; color: var(--v8-t3) !important; }
#view .page.v8rcv-on .v85steps > button[aria-selected="true"] { color: var(--v8-t1) !important; font-weight: 500 !important; }
#view .page.v8rcv-on .v85steps > button[aria-selected="true"] .n { background: var(--v8-accent) !important; box-shadow: none !important; color: #fff !important; }
#view .page.v8rcv-on .v85steps > button[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--v8-accent); }
#view .page.v8rcv-on form[data-step="2"] .v85steps > button[data-rcvstep="1"] .n,
#view .page.v8rcv-on form[data-step="3"] .v85steps > button:is([data-rcvstep="1"], [data-rcvstep="2"]) .n { background: color-mix(in srgb, var(--v8-pos) 16%, transparent) !important; box-shadow: none !important; color: var(--v8-pos) !important; }
#view .page.v8rcv-on form[data-step="2"] .v85steps > button[data-rcvstep="1"],
#view .page.v8rcv-on form[data-step="3"] .v85steps > button:is([data-rcvstep="1"], [data-rcvstep="2"]) { color: var(--v8-t1) !important; }
#view .v8rcv-prev .v8rcv-who { margin-top: 14px; }
#view .v8rcv-prev .v8rcv-who b { white-space: normal; }
#view .v8rcv-facts { margin-top: 14px; border-top: 1px solid var(--v8-hair-2); }
#view .v8rcv-fr { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--v8-hair-2); font-size: 13px; line-height: 1.45; }
#view .v8rcv-fr > span:first-child { color: var(--v8-t3); }
#view .v8rcv-fr > span:last-child { color: var(--v8-t1); overflow-wrap: anywhere; }
#view .v8rcv-fr > span.ph { color: var(--v8-t3); }
#view .v8rcv-cli { grid-template-columns: 30px minmax(0, 1fr) auto !important; align-items: start; }
#view .v8rcv-cli .v8rcv-st { margin-top: 4px; }
#view .v8rcv-cli .v8rcv-cells { display: flex; margin: 6px 0 0 24px; }
#view .v8rcv-next { margin: 8px 0 0; padding: 0; list-style: none; }
#view .v8rcv-next li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 8px 0; }
#view .v8rcv-next .n { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--v8-hair); font: 500 12px/1 var(--v8-sans); color: var(--v8-t2); }
#view .v8rcv-next b { display: block; font-size: 13px; font-weight: 500; line-height: 1.4; color: var(--v8-t1); }
#view .v8rcv-next small { display: block; margin-top: 2px; font-size: 12px; line-height: 1.45; color: var(--v8-t3); }

/* Held or waiting: each item in full, as the read sets out a finding */
#view .v8rcv-held2 { padding: 0 0 4px; overflow: hidden; }
#view .v8rcv-held2 > .v8rcv-h { padding: 20px 22px 14px; }
#view .v8rcv-fd { margin: 0 16px 16px; border-radius: 14px; background: var(--v8-card); box-shadow: 0 0 0 1px color-mix(in srgb, var(--v8-neg) 35%, var(--v8-hair)); overflow: hidden; }
#view .v8rcv-fd.st-warn { box-shadow: 0 0 0 1px color-mix(in srgb, var(--v8-warn) 35%, var(--v8-hair)); }
#view .v8rcv-fd.st-t3, #view .v8rcv-fd.st-pos { box-shadow: 0 0 0 1px var(--v8-hair); }
#view .v8rcv-fd-h { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 14px 18px; border-bottom: 1px solid var(--v8-hair); }
#view .v8rcv-fd-h > b { font-size: 15px; font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-fd.st-neg .v8rcv-fd-h > b { color: var(--v8-neg); } #view .v8rcv-fd.st-warn .v8rcv-fd-h > b { color: var(--v8-warn); }
#view .v8rcv-fd-who { display: inline-flex; align-items: center; gap: 10px; min-width: 0; font-size: 14px; color: var(--v8-t1); }
#view .v8rcv-fd-who .mono { font-size: 13px; margin-right: 4px; }
#view .v8rcv-fd-who small { display: block; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-fd-h > em { font: normal 400 12px var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-fd-h > .v8rcv-act { margin-left: auto; }
#view .v8rcv-fd-c { display: grid; grid-template-columns: 172px minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, .9fr); }
#view .v8rcv-fd-c > div { padding: 16px 18px 18px; min-width: 0; }
#view .v8rcv-fd-c > div + div { box-shadow: -1px 0 0 0 var(--v8-hair-2); }
#view .v8rcv-fd .k { display: block; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-fd-c p { margin: 8px 0 0 !important; font-size: 13px; line-height: 1.55; color: var(--v8-t2); }
#view .v8rcv-fd-c p b { font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-fd-doc { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
#view .v8rcv-fd-doc > .mono { font-size: 12px; color: var(--v8-t2); overflow-wrap: anywhere; }
#view .v8rcv-fd-doc > span:not(.mono):not(.v8rcv-st):not(.v8rcv-cells):not(.v8rcv-sh) { font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-fd-doc .v8rcv-cells { display: flex; }
#view .v8rcv-sh.big { width: 92px; height: 120px; border-radius: 5px; }
#view .v8rcv-sh.big i { left: 8px; max-width: calc(100% - 16px); height: 2.5px; }
#view .v8rcv-sh.big i.hit { height: 3.5px; box-shadow: 0 0 0 2px rgba(229, 72, 77, .25); }
#view .v8rcv-snip { margin-top: 10px; padding: 6px 12px 6px 40px; border-radius: 8px; background: var(--v8-paper); color: var(--v8-paper-ink); font: 400 12px/1.4 var(--v8-mono); }
#view .v8rcv-ln { position: relative; padding: 5px 0; border-bottom: 1px solid var(--v8-paper-line); overflow-wrap: anywhere; }
#view .v8rcv-ln:last-child { border-bottom: 0; }
#view .v8rcv-ln::before { content: attr(data-n); position: absolute; left: -32px; width: 22px; text-align: right; font-size: 10px; color: #8a8f9a; top: 50%; transform: translateY(-50%); }
#view .v8rcv-ln.flag::before { color: #e5484d; font-weight: 500; }
#view .v8rcv-ln.flag::after { content: ""; position: absolute; inset: -1px -8px; border-radius: 3px; box-shadow: 0 0 0 1.5px #e5484d; background: rgba(229, 72, 77, .08); pointer-events: none; }
#view .v8rcv-rules { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#view .v8rcv-rule { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 6px; background: var(--v8-raised); box-shadow: 0 0 0 1px var(--v8-hair); font: 400 12px/1 var(--v8-mono); color: var(--v8-t2); }
#view .v8rcv-none.big { flex-direction: column; align-items: center; gap: 10px; padding: 40px 22px; text-align: center; }
#view .v8rcv-none.big .v8rcv-i { width: 28px; height: 28px; }
#view .v8rcv-none.big b { font-size: 15px; }
#view .v8rcv-held2 .v8rcv-foot { border-top: 1px solid var(--v8-hair-2); }

/* Receiving log: deliveries over time, and each supplier */
#view .v8rcv-g2l { align-items: stretch; }
#view .v8rcv-calg { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; margin-top: 16px; }
#view .v8rcv-cald { display: grid; grid-template-rows: 18px repeat(7, 20px); gap: 4px; font: 400 12px/1 var(--v8-mono); color: var(--v8-t3); }
#view .v8rcv-cald span:first-child { grid-row: 2; }
#view .v8rcv-cald > span { display: flex; align-items: center; }
#view .v8rcv-calm { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; height: 18px; font: 400 12px/18px var(--v8-mono); color: var(--v8-t3); white-space: nowrap; }
#view .v8rcv-calc { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px; margin-top: 4px; }
#view .v8rcv-wk { display: grid; grid-template-rows: repeat(7, 1fr); gap: 4px; }
#view .v8rcv-wk i { display: block; height: 20px; border-radius: 4px; background: var(--v8-raised); }
#view .v8rcv-wk i.fut { background: none; box-shadow: inset 0 0 0 1px var(--v8-hair-2); }
#view .v8rcv-wk i.on.pos { background: var(--v8-pos); } #view .v8rcv-wk i.on.warn { background: var(--v8-warn); } #view .v8rcv-wk i.on.neg { background: var(--v8-neg); } #view .v8rcv-wk i.on.t3 { background: var(--v8-t3); }
#view .v8rcv-calx { margin: 14px 0 0 !important; font-size: 12px; color: var(--v8-t3); }
#view .v8rcv-calx b { font-weight: 500; color: var(--v8-t1); }
#view .v8rcv-supr .v8rcv-track.sm { display: flex; margin-top: 6px; max-width: 220px; }
/* the log's own table: each supplier's cell wears its avatar */
@media (min-width: 700px) {
#view .page.v8rcv-on .v89-rlog td[data-v8rcv-av]::before { content: attr(data-v8rcv-av); display: inline-grid; place-items: center; width: 24px; height: 24px; margin-right: 10px; border-radius: 7px; background: var(--c); color: #0b0d12; font: 600 11px/1 var(--v8-sans); vertical-align: middle; }
:root:not([data-theme="dark"]) #view .page.v8rcv-on .v89-rlog td[data-v8rcv-av]::before { color: #fff; }
}   /* on a phone the table's cells are labelled rows, and the label is the cell's own ::before */

/* ---------------- the dialogs Receive opens ---------------- */
#dialog .v8rcv-dlg { font-family: var(--v8-sans); }
#dialog .v8rcv-dlg > header { padding-bottom: 14px !important; border-bottom: 1px solid var(--v8-hair) !important; }
#dialog .v8rcv-dlg > header small { display: block; font-size: 12px !important; color: var(--v8-t3) !important; }
#dialog .v8rcv-dlg > header h2 { margin-top: 4px !important; font-size: 19px !important; font-weight: 500 !important; line-height: 1.3 !important; }
#dialog .v8rcv-dlg > footer { border-top: 1px solid var(--v8-hair) !important; }
#dialog .v8rcv-dlg .notice { border: 0 !important; border-radius: 12px !important; background: var(--v8-raised) !important; box-shadow: 0 0 0 1px var(--v8-hair) !important; color: var(--v8-t2) !important; }
#dialog .v8rcv-dlg .notice b { color: var(--v8-t1); font-weight: 500; }
#dialog .v8rcv-dlg dl.kv { border-radius: 12px; box-shadow: 0 0 0 1px var(--v8-hair); padding: 2px 16px !important; }
#dialog .v8rcv-dlg dl.kv dt { color: var(--v8-t3) !important; font-size: 13px !important; }
#dialog .v8rcv-dlg dl.kv dd { color: var(--v8-t1) !important; font-size: 14px !important; }
#dialog .v8rcv-dlg .tablewrap { border: 0 !important; border-radius: 12px; box-shadow: 0 0 0 1px var(--v8-hair); overflow: hidden; }
#dialog .v8rcv-dlg table th { font-size: 12px !important; font-weight: 400 !important; color: var(--v8-t3) !important; background: none !important; }
/* a state as an icon and a word, never a pill */
#dialog .v8rcv-dlg .tag { display: inline-flex !important; align-items: center; gap: 7px; height: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; font-size: 13px !important; font-weight: 400 !important; white-space: normal; }
#dialog .v8rcv-dlg .tag::before { content: "" !important; width: 15px; height: 15px; flex: none; border: 0 !important; border-radius: 0 !important; background: currentColor !important; -webkit-mask: var(--v8rcv-ic) center / contain no-repeat; mask: var(--v8rcv-ic) center / contain no-repeat; }
#dialog .v8rcv-dlg .tag.g { color: var(--v8-pos) !important; --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M6 9.3l2.1 2.1L12.2 7.3'/%3E%3C/svg%3E"); }
#dialog .v8rcv-dlg .tag.a { color: var(--v8-warn) !important; --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M9 5.5V9l2.5 1.5'/%3E%3C/svg%3E"); }
#dialog .v8rcv-dlg .tag.r { color: var(--v8-neg) !important; --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M9 5.5v4M9 12.2v.3'/%3E%3C/svg%3E"); }
#dialog .v8rcv-dlg .tag:not(.g):not(.a):not(.r) { color: var(--v8-t2) !important; --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7' stroke-dasharray='2.2 2.4'/%3E%3Cpath d='M6.4 9h5.2'/%3E%3C/svg%3E"); }
#dialog .v8rcv-i { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; color: var(--v8-t2); }
#dialog .v8rcv-i.pos { color: var(--v8-pos); } #dialog .v8rcv-i.neg { color: var(--v8-neg); } #dialog .v8rcv-i.warn { color: var(--v8-warn); } #dialog .v8rcv-i.s3 { color: var(--v8-s3); } #dialog .v8rcv-i.mute { color: var(--v8-t3); }
#dialog .v8rcv-st { display: inline-flex; align-items: flex-start; gap: 8px; min-width: 0; }
#dialog .v8rcv-st .v8rcv-i { width: 16px; height: 16px; margin-top: 1px; }
#dialog .v8rcv-st b { display: block; font-size: 14px; font-weight: 400; line-height: 1.35; }
#dialog .v8rcv-st.t-pos b { color: var(--v8-pos); } #dialog .v8rcv-st.t-neg b { color: var(--v8-neg); } #dialog .v8rcv-st.t-warn b { color: var(--v8-warn); } #dialog .v8rcv-st.t-s3 b { color: var(--v8-s3); } #dialog .v8rcv-st.t-t3 b { color: var(--v8-t2); }
#dialog .v8rcv-st small { display: block; margin-top: 2px; font: 400 12px/1.35 var(--v8-mono); color: var(--v8-t3); }
#dialog .v8rcv-cells { display: flex; flex-wrap: wrap; gap: 3px; }
#dialog .v8rcv-cells i { display: block; width: 8px; height: 14px; border-radius: 3px; background: var(--v8-raised); }
#dialog .v8rcv-cells i.pos { background: var(--v8-pos); } #dialog .v8rcv-cells i.neg { background: var(--v8-neg); } #dialog .v8rcv-cells i.warn { background: var(--v8-warn); }
#dialog .v8rcv-cells i.nr { background: none; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v8-t3) 70%, transparent); }
#dialog .v8rcv-sh { position: relative; display: block; flex: none; width: 30px; height: 39px; border-radius: 3px; background: var(--v8-paper); overflow: hidden; box-shadow: 0 0 0 1px rgba(16, 24, 40, .08); }
#dialog .v8rcv-sh i { position: absolute; left: 4px; max-width: calc(100% - 8px); height: 1.5px; border-radius: 1px; background: #d4cdc0; }
#dialog .v8rcv-sh i.k { background: #4a453e; } #dialog .v8rcv-sh i.hit { height: 2.5px; background: #e5484d; }
#dialog .v8rcv-empty { margin: 8px 0 0; font-size: 13px; color: var(--v8-t3); }
/* the receipt: who sent it, what it came to, and the nine gates at a glance above the record */
#dialog .v8rcv-rh { margin-bottom: 14px; padding: 14px 16px; border-radius: 12px; background: color-mix(in srgb, var(--v8-raised) 35%, var(--v8-card)); box-shadow: 0 0 0 1px var(--v8-hair); }
#dialog .v8rcv-rh .v8rcv-who > .v8rcv-st { margin-left: auto; flex: none; }
#dialog .v8rcv-gts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 14px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--v8-hair-2); }
#dialog .v8rcv-gt { display: flex; gap: 8px; align-items: flex-start; min-width: 0; font-size: 13px; line-height: 1.35; color: var(--v8-t1); }
#dialog .v8rcv-gt .v8rcv-i { width: 16px; height: 16px; margin-top: 1px; }
#dialog .v8rcv-gt small { display: block; font-size: 12px; color: var(--v8-t3); }
/* ask the supplier: the lot it is for, as it stands */
#dialog .v8rcv-askp { margin-top: 14px; padding: 14px 16px; border-radius: 12px; background: color-mix(in srgb, var(--v8-raised) 35%, var(--v8-card)); box-shadow: 0 0 0 1px var(--v8-hair); }
#dialog .v8rcv-askp:empty { display: none; }
#dialog .v8rcv-askp .v8rcv-who > .v8rcv-st { margin-left: auto; flex: none; }
#dialog .v8rcv-askr { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--v8-hair-2); }
#dialog .v8rcv-askr .mono { display: block; margin-bottom: 4px; font: 400 12px var(--v8-mono); color: var(--v8-t2); }
#dialog .v8rcv-askr .v8rcv-cells { margin: 6px 0 0 24px; }
/* one photo of the paperwork: the photo field as a place to drop it */
#dialog .v8rcv-dlg input[type="file"] { width: 100%; min-height: 96px; padding: 30px 16px !important; border-radius: 12px !important; border: 1px dashed color-mix(in srgb, var(--v8-t1) 22%, transparent) !important; background: color-mix(in srgb, var(--v8-raised) 30%, var(--v8-card)) !important; color: var(--v8-t3); font-size: 13px; cursor: pointer; }
#dialog .v8rcv-dlg input[type="file"]::file-selector-button { margin-right: 12px; height: 32px; padding: 0 12px; border: 0; border-radius: 9px; background: var(--v8-raised); box-shadow: var(--v8-hi), 0 0 0 1px var(--v8-hair); color: var(--v8-t1); font: 400 13px var(--v8-sans); cursor: pointer; }

/* Add a certificate, after a drop: the batch read in turn, each row its state as an icon and a word */
#view .page.v8rcv-on .v87bulkq { margin-top: 4px; border-radius: 12px; box-shadow: 0 0 0 1px var(--v8-hair); overflow: hidden; }
#view .page.v8rcv-on .v87bulkh { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; padding: 14px 16px; border-bottom: 1px solid var(--v8-hair); }
#view .page.v8rcv-on .v87bulkh b { font-size: 15px; font-weight: 500; color: var(--v8-t1); }
#view .page.v8rcv-on .v87bulkh span { font-size: 13px; color: var(--v8-t3); }
#view .page.v8rcv-on .v87bulkr { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 12px; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--v8-hair-2); font-size: 13px; }
#view .page.v8rcv-on .v87bulkr > span:last-child { display: inline-flex; align-items: center; gap: 8px; color: var(--v8-t2); }
#view .page.v8rcv-on .v87bulkr > span:last-child::before { content: ""; width: 15px; height: 15px; flex: none; background: currentColor; -webkit-mask: var(--v8rcv-ic) center / contain no-repeat; mask: var(--v8rcv-ic) center / contain no-repeat; --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7' stroke-dasharray='2.2 2.4'/%3E%3C/svg%3E"); }
#view .page.v8rcv-on .v87bulkr.g > span:last-child { color: var(--v8-pos); }
#view .page.v8rcv-on .v87bulkr.g > span:last-child::before { --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M6 9.3l2.1 2.1L12.2 7.3'/%3E%3C/svg%3E"); }
#view .page.v8rcv-on .v87bulkr.a > span:last-child { color: var(--v8-warn); }
#view .page.v8rcv-on .v87bulkr.a > span:last-child::before { --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M9 5.5V9l2.5 1.5'/%3E%3C/svg%3E"); }
#view .page.v8rcv-on .v87bulkr.r > span:last-child { color: var(--v8-neg); }
#view .page.v8rcv-on .v87bulkr.r > span:last-child::before { --v8rcv-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='M9 5.5v4M9 12.2v.3'/%3E%3C/svg%3E"); }
#view .page.v8rcv-on .v87bulkr > span:last-child a { color: inherit; }
#view .page.v8rcv-on .v87bulkf { padding: 12px 16px; display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------------- round 2: tablets and phones ---------------- */
@media (max-width: 1180px) {
  #view .page.v8rcv-on[data-v8rcv-tab="delivery"] { grid-template-columns: minmax(0, 1fr); }
  #view .page.v8rcv-on[data-v8rcv-tab="delivery"] > :is(.r96dl, [data-v8rcv="dlside"], [data-v8rcv="ci"]) { grid-column: 1 / -1; grid-row: auto; }
  #view .page.v8rcv-on[data-v8rcv-tab="delivery"] > .r96dl { margin-bottom: 16px; }
  #view .v8rcv-fd-c { grid-template-columns: 120px minmax(0, 1fr) minmax(0, 1fr); }
  #view .v8rcv-fd-c > div:last-child { grid-column: 2 / -1; box-shadow: 0 -1px 0 0 var(--v8-hair-2); }
}
@media (max-width: 980px) {
  #view .v8rcv-steps { grid-auto-flow: row; }
  #view .v8rcv-steps li + li { box-shadow: 0 -1px 0 0 var(--v8-hair-2); }
  #view .v8rcv-steps li { padding: 12px 16px; }
  #view .v8rcv-fd-c { grid-template-columns: minmax(0, 1fr); }
  #view .v8rcv-fd-c > div + div, #view .v8rcv-fd-c > div:last-child { grid-column: auto; box-shadow: 0 -1px 0 0 var(--v8-hair-2); }
  #view .v8rcv-fd-doc { flex-direction: row; flex-wrap: wrap; align-items: center; }
  #view .v8rcv-fd-h > .v8rcv-act { margin-left: 0; width: 100%; }
  #view .page.v8rcv-on .v85steps > button { height: 48px !important; padding: 0 10px !important; font-size: 13px !important; }
}
@media (max-width: 699px) {
  #view .v8rcv-fd { margin: 0 12px 12px; }
  #view .v8rcv-fd-h, #view .v8rcv-fd-c > div { padding: 14px; }
  #view .page.v8rcv-on .v85steps > button .t { white-space: normal; text-align: left; line-height: 1.25; }
  #view .page.v8rcv-on .v85steps > button { height: 56px !important; }
  #view .v8rcv-fr { grid-template-columns: 112px minmax(0, 1fr); }
  #view .v8rcv-wk i { height: 14px; }
  #view .v8rcv-cald { grid-template-rows: 18px repeat(7, 14px); }
  #view .v8rcv-gkey { padding: 0 16px 12px; }
  #dialog .v8rcv-gts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #dialog .v8rcv-rh .v8rcv-who { flex-wrap: wrap; }
  #dialog .v8rcv-rh .v8rcv-who > .v8rcv-st { margin-left: 56px; }
  #view .v8rcv-pick, #view .v8rcv-rli, #view .v8rcv-slip { min-height: 48px; }
}

/* Check in a delivery, once the form holds its rows: the form takes the page's width, the seller and its gates sit side by side under it */
#view .page.v8rcv-on[data-v8rcv-tab="delivery"][data-v8rcv-rows] { grid-template-columns: minmax(0, 1fr); }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"][data-v8rcv-rows] > :is(.r96dl, [data-v8rcv="dlside"], [data-v8rcv="ci"]) { grid-column: 1 / -1; grid-row: auto; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"][data-v8rcv-rows] > .r96dl { margin-bottom: 16px; }
#view .page.v8rcv-on[data-v8rcv-tab="delivery"][data-v8rcv-rows] .v8rcv-side { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-bottom: 16px; }
@media (max-width: 980px) { #view .page.v8rcv-on[data-v8rcv-tab="delivery"][data-v8rcv-rows] .v8rcv-side { grid-template-columns: minmax(0, 1fr); } }
/* the document a door dialog is about */
#dialog .v8rcv-dh { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; align-items: start; }
#dialog .v8rcv-dh > div > .mono { display: block; margin-bottom: 10px; font: 400 12px var(--v8-mono); color: var(--v8-t2); }
#dialog .v8rcv-dh .v8rcv-who b { font-size: 14px; }
#dialog .v8rcv-dhr { margin-top: 10px; }
#dialog .v8rcv-dhr .v8rcv-cells { margin: 6px 0 0 24px; }
/* the delivery's rows: each lot's state has room for its words */
#view .page.v8rcv-on .r96rows td.sx { min-width: 150px; white-space: normal; }
#view .page.v8rcv-on .r96rows td.mk { max-width: 180px; }
#view .page.v8rcv-on .r96rows th:nth-child(1) { width: 16%; } #view .page.v8rcv-on .r96rows th:nth-child(2) { width: 14%; } #view .page.v8rcv-on .r96rows th:nth-child(3) { width: 13%; }
#view .page.v8rcv-on .r96rows th:nth-child(4) { width: 15%; } #view .page.v8rcv-on .r96rows th:nth-child(5) { width: 8%; } #view .page.v8rcv-on .r96rows th:nth-child(6) { width: 8%; }
#view .page.v8rcv-on .r96rows th:nth-child(7) { width: 11%; } #view .page.v8rcv-on .r96rows th:nth-child(8) { width: 15%; }

/* phones: the steps keep their words, the delivery's drop zone wraps */
@media (max-width: 980px) { #view .page.v8rcv-on .v85steps > button .t { display: inline !important; } }
@media (max-width: 699px) { #view .page.v8rcv-on .r96drop { flex-wrap: wrap; } #view .page.v8rcv-on .r96drop > div { flex: 1 1 200px; min-width: 0; } }
@media (max-width: 699px) {
  #dialog :is(.v8rcv-rh, .v8rcv-askp) .v8rcv-who { flex-wrap: wrap; row-gap: 8px; }
  #dialog :is(.v8rcv-rh, .v8rcv-askp) .v8rcv-who > div { flex: 1 1 calc(100% - 56px); }
  #dialog :is(.v8rcv-rh, .v8rcv-askp) .v8rcv-who > .v8rcv-st { margin-left: 56px; }
}