/* "Pay with" picker in the buy dialog and the public buyback report (assets/multipay.js,
   src/packs.html). Arceus tokens with fallbacks, same look as assets/ethpay.css.
   Mobile first: two chips a row on a phone, four from 560px, 44px tap targets. */
.mp-pick{margin:14px 0 6px}
.mp-pick[hidden]{display:none}
.mp-label{font:700 11px/1.2 var(--a-body,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--a-gold,#E7B64A);margin:0 0 8px}
.mp-groups{display:grid;gap:10px}
.mp-chain{font:700 12px var(--a-body,system-ui,sans-serif);color:var(--a-soft,rgba(244,238,220,.75));margin:0 0 6px}
.mp-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (min-width:560px){.mp-chips{grid-template-columns:repeat(4,1fr)}}
.mp-chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:10px 12px;border-radius:var(--a-r,14px);text-align:left;cursor:pointer;
  background:var(--a-band,rgba(255,255,255,.05));color:var(--a-text,#F4EEDC);border:1px solid var(--a-rule,rgba(255,255,255,.12));
  font:600 13px/1.25 var(--a-body,system-ui,sans-serif);transition:background var(--a-fast,180ms) var(--a-ease,ease),border-color var(--a-fast,180ms) var(--a-ease,ease)}
.mp-chip:hover{border-color:var(--a-gold,#E7B64A)}
.mp-chip:focus-visible{outline:2px solid var(--a-gold-hi,#FED654);outline-offset:2px}
.mp-chip[aria-checked="true"]{background:var(--a-cream,#F4EEDC);color:var(--a-ink,#1F2430);border-color:var(--a-gold,#E7B64A);box-shadow:inset 0 0 0 1px var(--a-gold,#E7B64A)}
.mp-chip__top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mp-chip b{font:400 18px/1.1 var(--a-display,inherit)}
.mp-chip__price{font-variant-numeric:tabular-nums;opacity:.85}
.mp-chip__price s{opacity:.6;margin-right:4px}
.mp-chip--q{border-color:var(--a-gold,#E7B64A)}
.mp-chip[aria-checked="true"] .ep-bal{color:#5B2BB5}
.mp-note{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--a-soft,rgba(244,238,220,.75))}
.mp-note a{color:var(--a-gold-hi,#FED654)}
.buydlg .quote .q-off b{color:var(--a-gold-hi,#FED654)}
.buydlg .quote .q-buyback span{display:flex;align-items:center;gap:6px}
.mp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--a-gold,#E7B64A);flex:none}

/* the weekly buyback report on /packs */
.bb-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
@media (min-width:760px){.bb-stats{grid-template-columns:repeat(4,1fr)}}
.bb-stat{padding:14px 16px;border-radius:var(--a-r,14px);background:var(--a-band,rgba(255,255,255,.05));border:1px solid var(--a-rule,rgba(255,255,255,.12))}
.bb-stat .v{display:block;font:400 28px/1.1 var(--a-display,inherit);color:var(--a-text,#F4EEDC);font-variant-numeric:tabular-nums}
.bb-stat .k{display:block;margin-top:4px;font:700 11px var(--a-body,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--a-dim,rgba(244,238,220,.6))}
.bb-split{display:flex;height:12px;border-radius:999px;overflow:hidden;margin:6px 0 8px;background:rgba(255,255,255,.08)}
.bb-split i{display:block;height:100%}
.bb-split .s{background:var(--a-purple,#9146FF)}
.bb-split .b{background:var(--a-grad-gold,linear-gradient(180deg,#FED654,#F8A531))}
.bb-weeks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bb-week{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 14px;border-radius:var(--a-r,14px);background:var(--a-band,rgba(255,255,255,.05));border:1px solid var(--a-rule,rgba(255,255,255,.12))}
.bb-week b{font-variant-numeric:tabular-nums;color:var(--a-text,#F4EEDC)}
.bb-week .w{font:700 13px var(--a-body,system-ui,sans-serif);color:var(--a-text,#F4EEDC)}
.bb-week .sub{grid-column:1/-1;font-size:13px;color:var(--a-soft,rgba(244,238,220,.75));overflow-wrap:anywhere}
.bb-week .sub a{color:var(--a-gold-hi,#FED654)}
.bb-week.is-burned{border-color:var(--a-gold,#E7B64A)}
.bb-empty{font-size:14px;color:var(--a-soft,rgba(244,238,220,.75))}