/* web/assets/css/one-in.css (Owner LIVE; D-UT78 (2), REQ COORD to LIVE 13): the look of ONE-IN, the one Inputs page
   (web/live/kit/in.js inputsView), ported word for word from the 4875 prototype proto/app/ui/r6/in.css (sha256 70c22e87066e)
   by lanes/live-red/s153/port-in-css.py. Only change: every rule that is not a :root rule is scoped under .one-in (the
   page root of ONE-IN), so the template pages keep their look while they exist. Loads after ui.css: index.html, right after one-cg.css. */
/* 4875 style.css tokens that tokens.css lacks (proto/app/ui/style.css 12, 16, 25, 28, 37, 40) */
:root { --chip: #FFFFFF; --c-pos: #175A3F; --c-neg: #963A30; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --chip: #1A2622; --c-pos: #8FF0C8; --c-neg: #FFC2B9; } }
:root[data-theme="dark"] { --chip: #1A2622; --c-pos: #8FF0C8; --c-neg: #FFC2B9; }
/* Lane IN round 6: Inputs cards, row expand, Versions, What changed. Round 5 tokens (style.css), mockup look F1 to F12. */
:root { --ix-HH: #2A78D6; --ix-JKM: #1E9E8C; --ix-Brent: #B0479B; --ix-TTF: #E07B28; --wseg-l: #A6DCD4; --wseg-t: #123627; --sw-on-t: #123627; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --wseg-l: #2E5A54; --wseg-t: #E6EEEA; --sw-on-t: #8FF0C8; } }
:root[data-theme="dark"] { --wseg-l: #2E5A54; --wseg-t: #E6EEEA; --sw-on-t: #8FF0C8; }
.one-in [data-index="HH"] { --src: var(--ix-HH); } .one-in [data-index="JKM"] { --src: var(--ix-JKM); }
.one-in [data-index="Brent"] { --src: var(--ix-Brent); } .one-in [data-index="TTF"] { --src: var(--ix-TTF); }

.one-in .xf { background: var(--card); border: 1px solid var(--hair); border-radius: 12px; padding: 22px 24px; box-shadow: var(--sh-card); margin-bottom: 16px; }
.one-in .xf-h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
.one-in .xf-h h2 { font-size: 18px; font-weight: 600; margin: 0; color: var(--ink); }
.one-in .xf-h .q { font-size: 14px; color: var(--ink2); margin-top: 4px; }
/* Fixer r6 s2 (CRITIC r6 L1): the tools row of the kit frame is xf-tl now; the old name xf-t is the title column
   of the Overview frame, and this flex rule put the Overview question beside the title (mockup: under it, F1). */
.one-in .xf-tl { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.one-in .xf-h > div:first-child { min-width: 0; flex: 1 1 240px; }
.one-in .nbtn { width: 32px; height: 32px; border: 1px solid var(--ctl); border-radius: 6px; background: var(--card); color: var(--ink); font: 600 11px Inter, sans-serif; cursor: pointer; }
.one-in .in-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 900px) { .one-in .in-grid { grid-template-columns: 1fr; } }

/* inline number fields: they read as text until focus, so the card looks like the mockup */
.one-in .inf { font: inherit; color: inherit; background: transparent; border: 1px solid transparent; border-radius: 4px; padding: 1px 3px; text-align: center; field-sizing: content; min-width: 2ch; }
.one-in .inf:hover { border-color: var(--ctl); } .one-in .inf:focus { outline: none; border-color: var(--g); box-shadow: var(--focus); background: var(--card); }
.one-in .inf.bad { border-color: var(--loss); color: var(--loss); }
.one-in section[data-card]:has(> .in-err) { position: relative; }
.one-in .in-err { position: absolute; z-index: 6; max-width: 260px; color: var(--loss); background: var(--card); border: 1px solid var(--loss); border-radius: 6px; padding: 3px 8px; font-size: 12px; line-height: 1.35; box-shadow: 0 2px 8px rgb(0 0 0 / 12%); }
.one-in .chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--hair); border-radius: 18px; padding: 3px 10px; font-size: 13px; background: var(--chip); }
.one-in .chip.fml { font-size: 15px; font-weight: 600; padding: 5px 12px; }
.one-in .chip .dot, .one-in .sf::before { width: 10px; height: 10px; border-radius: 2px; background: var(--src, var(--g)); display: inline-block; }
.one-in .chip.port { border: 0; font-weight: 500; }
.one-in .in-fml { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-bottom: 14px; }
.one-in .in-fml select { font: inherit; border: 1px solid transparent; background: transparent; color: inherit; border-radius: 4px; }
.one-in .in-fml select:hover { border-color: var(--ctl); }
.one-in .in-vol { display: grid; grid-template-columns: 56px 1fr; gap: 2px 10px; align-items: center; margin-bottom: 10px; }
.one-in .in-vol .cnt { font-weight: 600; text-align: right; }
.one-in .rbar { position: relative; height: 8px; border-radius: 4px; background: var(--acc-l); }
.one-in .rmark { position: absolute; top: -5px; width: 2px; height: 18px; background: var(--ink); transform: translateX(-1px); }
.one-in .rlab { grid-column: 2; display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }
.one-in .rlab b { color: var(--ink); }
.one-in .in-k { font-size: 13px; color: var(--ink2); margin: 10px 0 8px; }
.one-in .wsplit { display: grid; gap: 6px; }
.one-in .wrow { display: grid; grid-template-columns: 56px 1fr; gap: 10px; align-items: center; font-size: 13px; }
.one-in .wrow .wl { text-align: right; color: var(--ink2); }
.one-in .wbar { display: flex; gap: 2px; height: 22px; }
.one-in .wseg { display: flex; align-items: center; justify-content: center; font-size: 11.5px; font-weight: 600; border-radius: 2px; background: var(--wseg-l); color: var(--wseg-t); overflow: hidden; white-space: nowrap; }
.one-in .wseg.own { background: var(--ix-JKM); color: #fff; }

.one-in .vhead { display: flex; gap: 10px; align-items: center; font-size: 15px; margin-bottom: 12px; }
.one-in .vgrid { display: grid; gap: 8px; font-size: 13px; }
.one-in .vrow { display: grid; grid-template-columns: 70px 1fr; gap: 14px; align-items: center; }
.one-in .vrow.vh { color: var(--ink2); font-size: 12.5px; }
.one-in .vc { display: flex; align-items: center; gap: 6px; }
.one-in .vbar { position: relative; flex: 1; height: 6px; border-radius: 3px; background: var(--track); }
.one-in .vbar i { position: absolute; top: 0; height: 6px; border-radius: 3px; background: var(--g); }
.one-in .vbar.g i { background: var(--muted-l); left: 0 !important; }
.one-in .vnum { min-width: 44px; text-align: right; font-variant-numeric: tabular-nums; font-size: 12px; color: var(--ink2); }
.one-in .vport { margin-top: 14px; display: flex; gap: 8px; flex-wrap: wrap; }

.one-in .sgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.one-in .scard { border: 1px solid var(--hair); border-top: 3px solid var(--src, var(--g)); border-radius: 10px; padding: 12px 14px; font-size: 13px; display: grid; gap: 6px; }
.one-in .scard.off { opacity: .55; }
.one-in .scard .sh { display: flex; justify-content: space-between; align-items: center; font-size: 15px; }
.one-in .sf { display: flex; align-items: center; gap: 4px; font-weight: 600; } .one-in .sf::before { content: ""; }
.one-in .sw { border: 1px solid var(--ctl); border-radius: 12px; background: var(--card); color: var(--ink); font: 500 12px Inter, sans-serif; padding: 2px 10px; cursor: pointer; }
.one-in .sw[aria-checked="true"] { background: var(--acc-t); border-color: var(--g); color: var(--sw-on-t); }
.one-in .stl { position: relative; height: 14px; border-bottom: 1px solid var(--hair); }
.one-in .stl .ld { position: absolute; bottom: -4px; width: 3px; height: 10px; border-radius: 1px; background: var(--src, var(--g)); }

.one-in .rpills { display: flex; gap: 10px; flex-wrap: wrap; }
/* Card 21 pills share the card 2 pill look (ov.css .xf .rpill: .sw switch, .rv value part). */
.one-in .rpill .sw { border: 0; padding: 0; }
.one-in .rpill > .rv { display: inline-flex; align-items: center; gap: 4px; cursor: text; }
.one-in .rpill input { width: 6ch; font: inherit; font-size: 12.5px; border: 1px solid var(--ctl); border-radius: 4px; background: var(--card); color: inherit; padding: 1px 4px; }

/* row expand, Versions, What changed */
.one-in .xwf { display: grid; grid-template-columns: 1fr; gap: 6px; font-size: 13px; }
.one-in .wfr { display: grid; grid-template-columns: 150px 1fr 90px; gap: 10px; align-items: center; }
.one-in .wfr b { text-align: right; font-variant-numeric: tabular-nums; }
.one-in .wft { position: relative; height: 16px; }
.one-in .wft i { position: absolute; top: 0; height: 16px; border-radius: 2px; }
.one-in .wft i.tot { background: var(--muted-l); } .one-in .wft i.tot.sp { background: var(--g); outline: 1.5px solid var(--gd); }
.one-in .wft i.neg { background: var(--loss); } .one-in .wft i.pos { background: var(--gl); } .one-in .wft i.ghost { background: var(--track); outline: 1px dashed var(--muted); }
.one-in .wfr.sum { border-top: 1px solid var(--hair); padding-top: 6px; font-weight: 600; }
.one-in .neg, .one-in b.neg { color: var(--c-neg); } .one-in .pos, .one-in b.pos { color: var(--c-pos); }
.one-in .vgbar { display: inline-block; height: 8px; border-radius: 2px; margin-right: 6px; vertical-align: middle; }
.one-in .vgbar.pos { background: var(--gl); } .one-in .vgbar.neg { background: var(--loss); }
.one-in .vt td.vdel { padding-left: 18px; } .one-in .btn.ghost { background: transparent; }
.one-in .vc2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 900px) { .one-in .vc2 { grid-template-columns: 1fr; } }
.one-in .mxc { vertical-align: middle; } .one-in .mxs { display: flex; gap: 2px; } .one-in .mx { position: relative; width: 14px; height: 14px; background: var(--track); border-radius: 1px; flex: none; }
.one-in .mx b { position: absolute; top: 0; bottom: 0; min-width: 2px; } .one-in .mx b.old { outline: 1px dashed var(--muted); outline-offset: -1px; background: var(--card, transparent); }
.one-in .mx b.new { background: var(--g); }
.one-in .s-rt { color: var(--ink2); }
.one-in .acqs { display: grid; gap: 6px; margin: 8px 0; font-size: 13px; } .one-in .acq { display: grid; grid-template-columns: 44px 1fr 70px; gap: 10px; align-items: center; } .one-in .acq b { text-align: right; }
.one-in .tim { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* ---------- 8a row expand (rowx.js), mockup 55-overview-cargo-detail-full ---------- */
.one-in .xrow { border-top: 1px solid var(--hair); padding: 10px 4px 14px; }
.one-in .xrow-t { margin-bottom: 8px; }
.one-in .xgrid { display: grid; grid-template-columns: minmax(240px, 300px) minmax(340px, 1fr); gap: 24px; align-items: start; }
.one-in .xwc { display: block; max-width: 340px; }
.one-in .xwc .wc-sale { fill: var(--wf-sale); } .one-in .xwc .wc-src { fill: var(--ix-HH); } .one-in .xwc .wc-cost { fill: var(--wf-cost); }
.one-in .xwc .wc-sp { fill: var(--g); stroke: var(--gd); stroke-width: 1.5; }
.one-in .xwc .wc-v { font-size: 10.5px; text-anchor: middle; fill: var(--ink); font-variant-numeric: tabular-nums; }
.one-in .xwc .wc-v.b { font-weight: 600; }
.one-in .xwc .wc-l { font-size: 10px; text-anchor: middle; fill: var(--ink2); }
.one-in .xwc .wc-u { font-size: 9.5px; text-anchor: middle; fill: var(--ink2); }
.one-in .xwc .wc-ax { stroke: var(--hair); }
.one-in .xvoy { display: grid; gap: 6px; font-size: 12.5px; }
.one-in .xvr { display: grid; grid-template-columns: 56px 1fr 118px; gap: 10px; align-items: center; }
.one-in .xvr.ax { margin-top: -4px; }
.one-in .xvk { color: var(--ink2); text-align: right; }
.one-in .xvu, .one-in .xvn em, .one-in .xcl em { color: var(--ink2); font-style: normal; font-weight: 400; font-size: 11.5px; }
.one-in .xvs { display: flex; height: 18px; border-radius: 2px; overflow: hidden; background: var(--track); }
.one-in .xvs i { display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 10.5px; color: #fff; min-width: 2px; }
.one-in .xvs .vs-load, .one-in .xvs .vs-discharge { background: var(--ink2); } /* mockup legCol: CT.ink2 */
.one-in .xvs .vs-waitLoad, .one-in .xvs .vs-waitDischarge { background: var(--muted-l); }
.one-in .xvs .vs-laden { background: var(--ix-HH); }
.one-in .xvs .vs-ballast { background: var(--vs-ballast); color: var(--ink); outline: 1px dashed var(--ix-HH); outline-offset: -1px; }
.one-in .xvt { position: relative; height: 13px; font-size: 10.5px; color: var(--ink2); }
.one-in .xvt span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
.one-in .xvt span:first-child { transform: none; } .one-in .xvt span:last-child { transform: translateX(-100%); }
.one-in .xvb { height: 8px; border-radius: 2px; background: var(--track); position: relative; }
.one-in .xvb i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 2px; background: var(--ix-HH); }
.one-in .xvb.en i { background: var(--ix-HH); }
.one-in .xvb.xvcs { display: flex; overflow: hidden; gap: 1px; background: transparent; }
.one-in .xvb.xvcs i { position: static; min-width: 1px; border-radius: 0; }
.one-in .xvb.xvcs .vs-load, .one-in .xvb.xvcs .vs-discharge { background: var(--ink2); }
.one-in .xvb.xvcs .vs-waitLoad, .one-in .xvb.xvcs .vs-waitDischarge { background: var(--muted-l); }
.one-in .xvb.xvcs .vs-laden { background: var(--ix-HH); }
.one-in .xvb.xvcs .vs-ballast { background: var(--vs-ballast); outline: 1px solid var(--ix-HH); outline-offset: -1px; }
.one-in .xvn { font-variant-numeric: tabular-nums; }
.one-in .xcls { display: grid; gap: 4px; margin-top: 6px; }
.one-in .xcl { display: grid; grid-template-columns: 56px 1fr 40px 78px; gap: 10px; align-items: center; }
.one-in .xcl > span:first-child { color: var(--ink2); text-align: right; }
.one-in .xct { height: 8px; } .one-in .xct i { display: block; height: 8px; border-radius: 2px; background: var(--ix-HH); }
.one-in .xcl[data-cost="canal"] .xct i, .one-in .xcl[data-cost="ports"] .xct i { background: var(--wf-cost); }
.one-in .xcl b { text-align: right; font-variant-numeric: tabular-nums; }
.one-in .xwc .wc-neg { fill: var(--loss, #C2410C); } .one-in .xwc .wc-ix { fill: var(--ix-JKM); } .one-in .xwc .wc-pos { fill: var(--g); }
.one-in .xwc.why .wc-l { font-size: 9.5px; }
:root { --wf-sale: #C9D2CD; --wf-cost: #A9B3AE; --vs-ballast: #B9D3F2; }
:root[data-theme="dark"] { --wf-sale: #5B6660; --wf-cost: #6D7872; --vs-ballast: #24476F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --wf-sale: #5B6660; --wf-cost: #6D7872; --vs-ballast: #24476F; } }
@media (max-width: 900px) { .one-in .xgrid { grid-template-columns: 1fr; } }
.one-in .xvs { position: relative; }
.one-in .xvs .vcm { position: absolute; top: -3px; bottom: -3px; width: 3px; margin-left: -1.5px; background: var(--ink); border-radius: 1px; }

/* round 6 session 3: producer Inputs (E-A7 fields), ACQ field, tank band */
.one-in .acq { grid-template-columns: 44px 1fr auto; } .one-in .acqn { text-align: right; white-space: nowrap; }
.one-in .vbar.tank { height: 14px; margin: 8px 0 4px; } .one-in .vbar.tank i { height: 14px; opacity: .35; }
.one-in .vbar.tank .tk { position: absolute; top: -4px; width: 3px; height: 22px; border-radius: 2px; transform: translateX(-1px); }
.one-in .vbar.tank .tk.op { background: var(--ink); } .one-in .vbar.tank .tk.cl { background: var(--muted-l); }
.one-in .sv label { white-space: nowrap; }
.one-in .xvi { position: relative; height: 16px; } .one-in .xvi span { position: absolute; bottom: 0; display: flex; gap: 2px; transform: translateX(-50%); color: var(--ink); }
.one-in .xvi span[data-ic="anchor"] { transform: none; }
.one-in .xvi svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.one-in [data-card="vessel"] .vport + .vgrid, .one-in [data-card="supply"] .vport + .vgrid { margin-top: 10px; }
.one-in .q[data-ships-avail] { margin-top: 10px; }

/* tables of cards 22 and 23 scroll inside the card at phone width; the page never scrolls sideways */
.one-in .tsx { overflow-x: auto; max-width: 100%; }
.one-in .vc2 { min-width: 0; }
/* Energy bar, gas ledger (mockup G11): delivered in the source colour, laden boil-off --plain-d, ballast fuel --plain,
   waiting boil-off hatched, heel ink2 */
.one-in .xvb.en.xvcs .gd-del { background: var(--ix-HH); }
.one-in .xvb.en.xvcs .gd-lbo { background: var(--wf-cost); }
.one-in .xvb.en.xvcs .gd-bf { background: var(--wf-sale); }
.one-in .xvb.en.xvcs .gd-wbo { background: repeating-linear-gradient(45deg, var(--wf-cost) 0 2px, transparent 2px 4px); }
.one-in .xvb.en.xvcs .gd-heel { background: var(--ink2); }
.one-in .xvn .xgi svg { width: 12px; height: 12px; fill: none; stroke: var(--ink2); stroke-width: 1.6; vertical-align: -1px; margin-right: 3px; }
/* R6-K1: with K above 5 the window split rows get lower (K 10 = 10 rows per month). */
.one-in .wsplit.dense { gap: 3px; } .one-in .wsplit.dense .wbar { height: 15px; } .one-in .wsplit.dense .wseg { font-size: 10.5px; }
/* Card 23: inputs that differ between vA and vB (old value struck), and the Windows legend in the table head. */
.one-in .vdiff { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0 0 12px; }
.one-in .vdiff .q { font-size: 13px; color: var(--ink2); margin-right: 4px; } .one-in .dchip s { color: var(--muted); }
.one-in .mxlg { display: inline-flex; align-items: center; gap: 4px; margin-left: 8px; font-weight: 400; color: var(--muted); font-size: 11.5px; }
.one-in .mxlg .mx { width: 12px; height: 10px; }
/* Supply cards as the mockup: kind mark (circle FOB, diamond DES), line icons, continuous strip, month labels. */
.one-in .scard .ic { width: 13px; height: 13px; flex: none; fill: none; stroke: var(--ink2); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.one-in .scard .sv, .one-in .scard .s-rt { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.one-in .scard .sh b { display: inline-flex; align-items: center; gap: 8px; }
.one-in .sk { width: 10px; height: 10px; border-radius: 50%; background: var(--src, var(--g)); display: inline-block; }
.one-in .sk.dia { border-radius: 1px; transform: rotate(45deg) scale(.85); }
.one-in .stl .lcont { position: absolute; left: 2%; right: 2%; bottom: -2px; height: 4px; background: repeating-linear-gradient(90deg, var(--src, var(--g)) 0 7px, transparent 7px 9px); border-radius: 1px; }
.one-in .sax { position: relative; height: 14px; font-size: 10.5px; color: var(--muted); }
.one-in .sax span { position: absolute; transform: translateX(-50%); top: 1px; }
.one-in .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.one-in .vhead .ic, .one-in .vport .ic { width: 13px; height: 13px; flex: none; fill: none; stroke: var(--ink2); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.one-in .vhead .ic { width: 22px; height: 22px; stroke: var(--ink); }

/* card 21 Contract rules (A): one row per term contract, timing seg; tank guardrail fields under it */
.one-in .rgrid { display: grid; gap: 6px; margin-bottom: 10px; }
.one-in .rrow { display: grid; grid-template-columns: minmax(120px, 200px) 1fr; align-items: center; gap: 10px; }
.one-in .rrow .rname { font-weight: 600; }
.one-in .rrow .tim { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
@media (max-width: 560px) { .one-in .rrow { grid-template-columns: 1fr; gap: 4px; } }
.one-in .vbar.bor i { background: var(--gl); }

/* Fixer r6 s2: card 23 end row, the change next to the value (own colour, gap) */
.one-in .xwf .vc-d { margin-left: 4px; font-weight: 500; font-size: 12.5px; }

/* Round 6b s4 (B7 CRITIC L6): A / B pick as chips (the input stays for keyboard and screen readers), Asked by, State */
.one-in .vt .vpick { position: relative; display: inline-flex; cursor: pointer; }
.one-in .vt .vpick input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.one-in .vt .vpick span { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 24px; padding: 0 6px; border: 1px solid var(--ctl); border-radius: 6px; font: 600 12px/1 Inter, sans-serif; color: var(--ink2); background: var(--card); }
.one-in .vt .vpick input:checked + span { background: var(--acc); border-color: var(--acc); color: var(--card); }
.one-in .vt .vpick input:focus-visible + span { outline: 2px solid var(--acc); outline-offset: 2px; }
.one-in .vt .vby { white-space: nowrap; font-size: 12.5px; }
.one-in .vt .vby[data-who="buyer"]::before, .one-in .vt .vby[data-who="us"]::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; background: var(--acc); }
.one-in .vt .vby[data-who="buyer"]::before { background: var(--ns-t); }
.one-in .vt .pill.vst.ok { color: var(--acc-d); background: color-mix(in srgb, var(--acc) 14%, transparent); }
.one-in .vt .pill.vst.neg { color: var(--loss); background: color-mix(in srgb, var(--loss) 12%, transparent); }
.one-in .vt .pill.vst { display: inline-block; padding: 3px 9px; border: 0; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; }
/* r6b s6: the fallback route line of a seasonal sea route (card 20) */
.one-in .scard .s-alt { color: var(--ink2); font-size: 11px; }
.one-in .scard .s-alt .s-via { color: var(--ink3, var(--ink2)); }

/* Fixer r6c (CRITIC 6b N5, N9): empty Versions table line; the Was and Now date on one line at 1440 wide. */
.one-in .vt tr.vt-empty td { padding: 18px 12px; color: var(--ink2); font-size: 13px; text-align: left; }
.one-in .mxt .mxd { display: block; white-space: nowrap; }
.one-in .mxt .mxsrc { display: block; color: var(--muted); font-size: 12px; line-height: 1.35; }
.one-in .xwf .vc-d { display: block; margin: 2px 0 0; white-space: nowrap; font-size: 12px; }
.one-in .xwf .vc-d .vc-w { color: var(--muted); font-weight: 400; }
/* Fixer r6c: the cargo table of card 23 gets three fifths of the card, so the Change column shows at 1440 wide (the 1fr 1fr
   split cut it off behind the Windows strip). */
@media (min-width: 901px) { .one-in .vc2 { grid-template-columns: minmax(320px, 2fr) 3fr; } }
/* KIT PORT73 (item 73) and KIT2 PORT73D (D-UT84): parts the 4875 in.css has no rule for, in the 4875 tokens. (1) The window
   list editor of a positions sale in the More part of its card (kit/in.js winEditor): month and day fields and Remove on one
   row, the add row on the left. (2) A More part (details[data-more]): the closed foot part of a card (More) and the one page
   part (More inputs), as the More sections of the template pages (rp.css .in-page details.in-more). (3) The pill of a fixed
   rule (a cap: its name and value, no switch). */
.one-in .wlist { display: grid; gap: 6px; }
.one-in .wlist .wrow { grid-template-columns: minmax(160px, auto) auto; justify-content: start; }
.one-in .wlist .wl { white-space: nowrap; text-align: left; }
.one-in .wlist .wadd { grid-template-columns: auto auto; justify-content: start; }
.one-in .win-del { color: var(--ink2); font: 500 12px Inter, sans-serif; cursor: pointer; }
.one-in .win-del:focus-visible, .one-in details[data-more] > summary:focus-visible { outline: 2px solid var(--acc); outline-offset: 2px; border-radius: 4px; }
.one-in details[data-more] { display: grid; gap: 16px; margin-top: 16px; }
.one-in details[data-more] > summary { cursor: pointer; font-weight: 600; color: var(--ink2); padding: 8px 0; }
.one-in .xf details.in-more { gap: 10px; margin-top: 14px; border-top: 1px solid var(--hair); }
.one-in details[data-more] .mrows { display: grid; gap: 10px; }
.one-in .rpill.fixed { display: inline-flex; align-items: center; gap: 8px; }
.one-in .rpill.fixed .rn { font-size: 13px; font-weight: 600; }