/* Round 22 · group buy. From design/round-22/return/r22.css, as drawn; board-only classes are harmless and kept. */
/* Next Kopi · round 22 · the host names it, and may deliver (additions, after r21.css)
   Tokens first; every one an alias of a patterns.css token or of round 21's. No new hex values, no new faces.
   Addresses sit on the private surface round 21 gave the cost and the margin (--gb21-private), with the lock. */
:root,[data-theme]{
--dv22-private:var(--gb21-private);--dv22-private-ink:var(--gb21-private-ink);--dv22-rule:var(--run15-rule);--dv22-head:var(--run15-head);
}
/* 1 · the name line, on top of ✦'s draft */
.nm22{display:flex;flex-direction:column;gap:2px;padding-bottom:4px}
.ln15 .nm22 p:first-child{font:500 21px/1.3 var(--font-display);color:var(--ink)}.nm22 p:first-child>span{font:600 15px var(--font-body);color:var(--ink-2)}.nm22 .pk15{margin-left:4px;white-space:nowrap}
.ln15 .nw22{font-size:14px;line-height:1.4;color:var(--ink-2)}
/* 1 · Deliver too: round 16's switch; on, three lines with change and the lock line */
.dv22{display:flex;flex-direction:column;border-bottom:1px solid var(--dv22-rule);padding:4px 0 8px}
.ln15 .dh22{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 2px}.dh22 b{font:600 16px var(--font-body);color:var(--ink)}.dh22 .tog{flex:none}
.ln15 .dn22{font-size:15px;color:var(--ink-2)}
.dv22.on .fx21 p:last-child{border-bottom:0}
/* the lock line: addresses, the privacy promise, Close */
.pv22{display:flex;gap:6px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--dv22-private-ink);text-wrap:pretty}.pv22 .ic{width:14px;height:14px;flex:none;margin-top:3px}
.ad22{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--dv22-private)}
.pr22{padding:8px 12px;border-radius:12px;background:var(--dv22-private)}
/* 4 · the two lists as two picks */
.tb22{padding-bottom:10px}
.bk22{font:600 13px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--dv22-head);padding:14px 0 4px;border-top:1px solid var(--dv22-rule)}
.dr22{border-top:0}.dr22+.dr22{border-top:1px solid var(--dv22-rule)}
.dr22 .nm21 b{font-variant-numeric:tabular-nums}.un22{font-size:14px;line-height:1.3;color:var(--ink-2);overflow-wrap:anywhere}
.dr22.got .un22{color:var(--ink-3)}
:lang(my) .bk22{letter-spacing:0}
:lang(my) :is(.pv22,.nw22,.dn22){line-height:1.8}
:lang(my) .nm22 p:first-child{font-size:18px;line-height:1.6}
/* paid as a tick beside the collected/delivered tick; says paid in words */
.pd22{display:flex;align-items:center;justify-content:flex-start;gap:6px}.pd22 em{font-style:normal;font-size:13px;font-weight:600;line-height:1.2;color:var(--gb21-says);text-align:left}
/* an address outside the host's area: flagged to her, never blocked */
.oa22{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 8px 34px;padding:6px 10px;border-radius:10px;background:var(--gb21-short-soft)}.oa22 .pv22{color:var(--ink)}
/* W2 build: the app's fld draws its label as .fld-l, not the board's <label>; and ✦'s mark sits in the line (round 22 · 1) */
.cs21 .fld-l{display:flex;align-items:center;gap:6px;color:var(--gb21-private-ink)}.cs21 .fld-l .ic{width:14px;height:14px}
.ln15 .nw22 .hm{display:inline-block;vertical-align:-3px;margin-right:2px}