/* Shity Casino — any-coin picker (fix-68, STAGING BUILD — not deployed).
   Uses the live casino design tokens from assets/css/casino.css
   (--card, --card2, --card-border, --gold, --text, --muted, --radius)
   and mirrors the Wallet page's .list-row pickers: full-width rows,
   name left, balance right, gold border on the picked row.
   Load AFTER assets/css/casino.css. Phone-first: 390px is the
   judging surface; every row is a >=48px tap target. */

.acp { margin-top: 12px; }
.acp-rows { display: flex; flex-direction: column; }
.acp-row {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  width: 100%; min-height: 48px; padding: 10px 12px; text-align: left;
  background: transparent; color: var(--text, #f2f2f2);
  border: 0; border-bottom: 1px solid var(--card-border, #26262f);
  font-size: 14px; cursor: pointer;
}
.acp-rows .acp-row:first-child { border-top: 1px solid var(--card-border, #26262f); }
.acp-row .acp-coin { font-weight: 800; }
.acp-row .acp-bal { font-weight: 700; color: var(--muted, #9a9aa5); font-variant-numeric: tabular-nums; white-space: nowrap; }
.acp-row.on {
  background: var(--card2, #1c1c28);
  box-shadow: inset 0 0 0 1px var(--gold, #f5b324);
  border-bottom-color: transparent;
}
.acp-row.on .acp-bal { color: var(--text, #f2f2f2); }
.acp-row.off { opacity: .55; cursor: not-allowed; }
.acp-row.off .acp-bal { font-weight: 700; }
.acp-amount { margin-top: 12px; }
.acp-amount-label { font-size: 13px; font-weight: 700; color: var(--muted, #9a9aa5); }
/* .wallet-input (casino.css) styles the input on live pages; this
   fallback keeps the staged demo honest where that sheet is absent. */
.acp-input { width: 100%; }
.acp-line { margin-top: 10px; font-size: 14px; font-weight: 700; }
.acp-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.acp-confirm { flex: 1; }
.acp-confirm[disabled] { opacity: .45; cursor: not-allowed; }