/* ---------- buyers ---------- */
.bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12.5px;
  color:var(--ink-2);padding:8px 16px;border-bottom:1px solid var(--rule)}
.barsel{display:inline-flex;align-items:center;gap:7px}
.barsel select{max-width:200px}
.bgroup{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);padding:14px 0 4px}
.buyer{padding:9px 0 10px 10px;margin-left:-10px;border-top:1px solid var(--rule);
  border-left:3px solid transparent}
.buyer .bh{display:flex;align-items:baseline;gap:8px}
.buyer .bn{font-size:15px;font-weight:700;flex:1 1 auto;min-width:0;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buyer.off .bn{color:var(--ink-3)}
.buyer .pay{font-family:"Bodoni Moda",serif;font-size:15px;font-variant-numeric:tabular-nums;
  color:var(--ink-2);flex:0 0 auto}
.buyer .pay.none{color:var(--ink-3)}
.rewards{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px;min-height:28px}
.rw{display:inline-flex;align-items:baseline;gap:5px;padding:2px 8px;border-radius:2px;
  border:1px solid var(--rule);background:var(--sunk);font-size:12px;color:var(--ink-2);
  max-width:100%}
.rw b{font-family:"Bodoni Moda",serif;font-size:15px;font-variant-numeric:tabular-nums;
  color:var(--ink)}
.rw span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buyer.off .rw{opacity:.55}
.buyer.off .rw b{color:var(--ink-3)}
.rw.exh{border-style:dashed}
.rw.hit{border-color:var(--hl,var(--amber));background:color-mix(in srgb,var(--hl,var(--amber)) 16%,var(--sunk))}
.rw.hit b{color:var(--hl,var(--amber))}
.rw.hit.best{box-shadow:inset 0 0 0 1px var(--hl,var(--amber));font-weight:700}
.buyer .req{font-size:11.5px;color:var(--ink-3);margin-top:4px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.buyer.want{border-left-color:var(--hl,var(--amber))}
.buyer.top{background:linear-gradient(90deg,color-mix(in srgb,var(--hl,var(--amber)) 14%,transparent),transparent 80%)}
[data-hl="0"]{--hl:var(--h0)} [data-hl="1"]{--hl:var(--h1)} [data-hl="2"]{--hl:var(--h2)}
[data-hl="3"]{--hl:var(--h3)} [data-hl="4"]{--hl:var(--h4)} [data-hl="5"]{--hl:var(--h5)}

.barsel input{font:inherit;font-size:13px;width:210px;max-width:100%;color:var(--ink);
  background:var(--sunk);border:1px solid var(--rule);border-radius:2px;padding:4px 8px}
.wantcount{font-size:11.5px;color:var(--ink-3)}

.buyer .pay .scrip{font-family:Karla,sans-serif;font-size:12px;color:var(--ink-3);margin-left:6px}

.buyer.away .rw{opacity:.7}

/* buyers: what they pay more for */
.scalebar{gap:6px}
.scalebar .lbl{color:var(--ink-3);margin-right:2px}
.schip{font:inherit;font-size:12px;padding:2px 10px;border:1px solid var(--rule);border-radius:99px;
  background:var(--card);color:var(--ink-2);cursor:pointer;white-space:nowrap}
.schip:hover{color:var(--ink);border-color:var(--ink-3)}
.schip[aria-pressed="true"]{color:var(--card);background:var(--ink);border-color:var(--ink);font-weight:700}
.schip[data-k="ant"]{border-left:3px solid var(--ant)}
.schip[data-k="amal"]{border-left:3px solid var(--amal)}
.schip[data-k="men"]{border-left:3px solid var(--men)}
.schip[data-k="imp"]{border-left:3px solid var(--imp)}
.schip[data-k="theo"]{border-left:3px solid var(--theo)}
.schip.week{color:var(--wkc);border-color:var(--wkc)}
.schip.week[aria-pressed="true"]{background:var(--wkc);color:var(--card)}
.schip:disabled{opacity:.45;cursor:default}
:root{--wkc:var(--amber)}
:root[data-wk="ant"]{--wkc:var(--ant)}
:root[data-wk="amal"]{--wkc:var(--amal)}
:root[data-wk="men"]{--wkc:var(--men)}

.buyer{cursor:pointer}
.buyer .bh{align-items:center;gap:6px}
.btog{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;flex:1 1 auto;min-width:0}
.btog .bn{flex:1 1 150px}
.btog:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.pin{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:2px;background:none;color:var(--ink-3);cursor:pointer;padding:0;
  margin-left:-4px}
.pin:hover{color:var(--ink);border-color:var(--rule)}
.pin svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6}
.pin[aria-pressed="true"]{color:var(--amber)}
.pin[aria-pressed="true"] svg{fill:currentColor}
.buyer.pinned{background:var(--sunk)}
.bwk{font-size:11px;font-weight:700;padding:1px 8px;border-radius:99px;white-space:nowrap;
  background:var(--wkc);color:var(--card);border:1px solid var(--wkc)}
.bwk.idle{background:none;color:var(--wkc);font-weight:400;border-style:dashed}
.rw[data-by="ant"]{border-left:3px solid var(--ant)}
.rw[data-by="amal"]{border-left:3px solid var(--amal)}
.rw[data-by="men"]{border-left:3px solid var(--men)}
.rw[data-by="imp"]{border-left:3px solid var(--imp)}
.rw[data-by="theo"]{border-left:3px solid var(--theo)}
.rw[data-by="skulls"],.rw[data-by="legs"],.rw[data-by="tent"]{border-left:3px solid var(--ink-3)}
.rw.sc{box-shadow:inset 0 0 0 1px var(--ink-2)}
.buyer .req .ok{color:var(--ok)}
.buyer .req .no{color:var(--no)}
.buyer .req .dim{color:var(--ink-3)}
.bempty{font-size:13px;color:var(--ink-3);padding:14px 0 4px}

.bdet{margin:9px 10px 2px 0;padding:10px 12px 11px;background:var(--card);border:1px solid var(--rule);
  border-radius:2px;font-size:13px;cursor:auto}
.buyer.pinned .bdet{border-color:var(--ink-3)}
.bdet .sec + .sec{margin-top:11px}
.bdet h5{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 5px}
.checks{list-style:none;margin:0;padding:0}
.checks li{position:relative;padding:2px 0 2px 19px;color:var(--ink)}
.checks li::before{position:absolute;left:1px;top:2px;font-weight:700}
.checks li.ok::before{content:"\2713";color:var(--ok)}
.checks li.no::before{content:"\2717";color:var(--no)}
.checks li.info{color:var(--ink-3)}
.checks li.info::before{content:"\00b7";left:5px}
.checks .gap{display:block;font-size:12px;color:var(--no)}
table.btab{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.btab th{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--ink-3);text-align:right;padding:2px 0 4px 10px;border-bottom:1px solid var(--rule)}
table.btab td{text-align:right;padding:4px 0 4px 10px;border-bottom:1px dotted var(--rule);color:var(--ink-2)}
table.btab th:first-child,table.btab td:first-child{text-align:left;padding-left:0}
table.btab td:first-child{color:var(--ink)}
table.btab td .rwn{display:inline-flex;align-items:center;gap:6px}
table.btab td .by{display:block;font-size:11px;color:var(--ink-3)}
table.btab td .up{display:block;font-size:11px;color:var(--wkc);font-weight:700}
table.btab tr.tot td{border-bottom:0;font-weight:700;color:var(--ink)}
.bdet .fx{margin:6px 0 0;font-size:12px;color:var(--ink-3)}
.bdet .wkl{color:var(--ink-2)}
.bdet .wkl b{color:var(--wkc)}

/* narrow screens */
@media (max-width:640px){
  .rw{font-size:11.5px}
}

/* ---------- several searches at once ---------- */
.wanttags{display:flex;flex-wrap:wrap;gap:5px;align-items:center;flex:1 1 100%}
.wanttags:empty{display:none}
.wtag{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:1px 3px 1px 9px;
  border-radius:99px;border:1px solid var(--hl);color:var(--ink);
  background:color-mix(in srgb,var(--hl) 16%,var(--card))}
.wtag .dot{width:8px;height:8px;border-radius:50%;background:var(--hl);flex:0 0 8px}
.wtag .n{color:var(--ink-3);font-variant-numeric:tabular-nums}
.wtag button{font:inherit;font-size:13px;line-height:1;width:20px;height:20px;border:0;border-radius:50%;
  background:none;color:var(--ink-2);cursor:pointer;padding:0}
.wtag button:hover{background:var(--rule);color:var(--ink)}
.wtag.live{border-style:dashed}
.wclear{font:inherit;font-size:12px;color:var(--ink-3);background:none;border:0;cursor:pointer;
  text-decoration:underline;padding:2px 4px}

/* ---------- pinned buyers dock (bench only) ---------- */
body{padding-bottom:var(--dockh,0px)}
.dock{position:fixed;z-index:60;right:18px;bottom:0;width:min(560px,calc(100vw - 36px));
  background:var(--card);border:1px solid var(--ink-3);border-bottom:0;border-radius:4px 4px 0 0;
  box-shadow:0 -8px 28px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom,0px)}
.dockbar{display:flex;align-items:center;gap:8px;width:100%;font:inherit;font-size:12.5px;color:var(--ink-2);
  background:none;border:0;border-bottom:1px solid var(--rule);padding:8px 12px;cursor:pointer;text-align:left}
.dock.shut .dockbar{border-bottom:0}
.dockbar .t{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.dockbar .sum{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dockbar .chev{width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);
  margin:-3px 4px 0 0;flex:0 0 auto}
.dock.shut .dockbar .chev{transform:rotate(-135deg);margin-top:3px}
.dockbody{max-height:42vh;overflow-y:auto;padding:2px 12px 10px}
.dock.shut .dockbody{display:none}
.dcard{padding:9px 0 10px}
.dcard + .dcard{border-top:1px solid var(--rule)}
.dcard .dh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.dcard .dn{font:inherit;font-size:14.5px;font-weight:700;color:var(--ink);background:none;border:0;padding:0;
  cursor:pointer;text-align:left;flex:1 1 180px;min-width:0}
.dcard .dn:hover{text-decoration:underline}
.dcard .pay{font-family:"Bodoni Moda",serif;font-size:15px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.dcard .pay.none{color:var(--ink-3)}
.dcard .pay .scrip{font-family:Karla,sans-serif;font-size:12px;color:var(--ink-3);margin-left:6px}
.dcard .pin{align-self:center}
.dreq{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:12.5px;margin-top:4px}
.dreq .ok{color:var(--ok)}
.dreq .no{color:var(--no)}
.dreq .no i{font-style:normal;color:var(--ink-3)}
.dreq .dim{color:var(--ink-3)}
.dcard .rewards{margin-top:6px}
.dcard .rw .up{font-size:11px;font-weight:700;color:var(--wkc)}
.dcard.off .rw{opacity:.6}
@media (max-width:1000px){ .dock{left:10px;right:10px;width:auto} }

/* phones: a shorter dock */
@media (max-width:640px){
  .dockbody{max-height:34vh}
  .dcard{padding:7px 0 8px}
}

/* ---------- buyers: favourites, finding one, formulas, previews ---------- */
.pin.fav svg{stroke-width:1.5}
.pin.fav[aria-pressed="true"]{color:var(--men)}
.buyer .bh > .pin:last-child{margin-left:0;margin-right:-4px}
.rw .f{font-style:normal;font-size:11px;color:var(--ink-3);white-space:nowrap;margin-left:1px}
.rw.hit .f{color:var(--ink-2)}
.nofx .rw .f{display:none}
.bar .tick.dim{opacity:.45;pointer-events:none}
#bfind{width:220px}

/* the sale's chance, on buyers and in the dock */
.sell{font-family:Karla,sans-serif;font-size:12px;padding:0 7px;border-radius:99px;border:1px solid var(--rule);
  color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:center}
.sell.hi{color:var(--ok);border-color:var(--ok)}
.sell.mid{color:var(--amber);border-color:var(--amber)}
.sell.lo{color:var(--no);border-color:var(--no)}