/* The Marketplace tab — what this OS could gain.
   Its own file rather than appended to cards.css: this is a distinct
   surface with its own vocabulary, and the split's whole point is that a
   file says what it holds. */
/* ---- marketplace ----------------------------------------------------------
   What this OS could gain. Same cards, same tokens, no new vocabulary — a page
   that sold with a different visual language would read as an advert bolted
   onto somebody's workspace. Layer 3: nothing here moves. */
.mk-state{display:inline-block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;
  padding:4px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted);margin-bottom:9px}
.mk-state.on{border-color:var(--ok);color:var(--ok)}
.mk-state.wait{border-color:var(--h3);color:var(--h3)}
.mk-sell{font-size:14.5px;line-height:1.65;color:var(--muted);margin:2px 0 12px}
.mk-adds{font:400 11.5px var(--mono);color:var(--faint);margin-bottom:14px}
.mk-get{font-size:13.5px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;margin-top:2px}
.mk-ask{cursor:pointer;background:var(--paper);color:#000;border:0;border-radius:10px;
  padding:11px 18px;font-weight:600;font-size:14.5px;margin-top:15px}
.mk-ask:hover{background:#fff}
.mk-ask:disabled{opacity:.5;cursor:default}
.mk-ask:focus-visible{outline:2px solid var(--h4);outline-offset:2px}
.mk-said{font-size:13.5px;color:var(--faint);line-height:1.6}
.mk-declined{border-left:2px solid var(--h3)}