/* Lot contract details stay beside size on desktop and the existing mobile order sheet. */
#szMode{flex-shrink:0}
#szMode button{min-width:44px}
.lot-spec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px;border-top:1px solid var(--line);font-size:12px;line-height:1.5;color:var(--dim)}
.lot-spec[hidden]{display:none}
.lot-spec>div{min-width:0}
#lotDefinition{display:block;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
#lotMinimum{display:block;font-size:11px;color:var(--faint);margin-top:2px}
#lotUseMinimum{flex:0 0 auto;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--p2);color:var(--ink);font:inherit;cursor:pointer}
#lotUseMinimum:hover{border-color:var(--acc);color:var(--acc)}
#lotUseMinimum:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
@media(max-width:1024px){#szMode button{min-height:36px;padding:6px 10px}#lotUseMinimum{min-height:44px}.lot-spec{font-size:13px}#lotMinimum{font-size:12px}}
@media(max-width:360px){.lot-spec{gap:8px}#lotUseMinimum{padding:6px 8px;font-size:11px}#szMode button{padding:6px 8px}}