/* Модуль usdc: окно кошелька, строка транзакции в листе ставки, баланс в $ в шапке.
   Окно и лист — классы ядра (.sheet, .sheet-card, .chips, .confirm); содержимое кошелька Satqo — satqo.css. */
.usdc-panel { z-index: 70; }
.usdc-card { max-width: 460px; max-height: min(100dvh, 820px); overflow-y: auto; overscroll-behavior: contain; }
.usdc-card:focus { outline: none; }
@media (min-width: 640px) { .usdc-card { max-height: min(92dvh, 820px); padding: 20px 24px 24px; } }

/* Шапка: сумма в $ — ссылка в кошелёк, «+» — пополнение; размеры как у баланса очков (.balance ядра) */
.balance.money { padding: 0 5px 0 0; }
.balance.money .bal-amt { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px 0 14px; color: var(--ink); text-decoration: none;
  font-weight: 800; font-size: 15px; white-space: nowrap; border-radius: 12px 0 0 12px; }
.balance.money .bal-amt:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.balance.money .bal-plus svg { width: 15px; height: 15px; }
@media (max-width: 860px) { .balance.money .bal-amt { min-height: 40px; padding-left: 12px; } }
@media (max-width: 380px) { .balance.money .bal-amt { padding-left: 10px; font-size: 14px; } }

/* Списки ставок, пополнений и выводов (кошелёк своей цепочки) */
.usdc-list { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.usdc-list li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; background: var(--paper);
  border: 1px solid var(--line); border-radius: 12px; padding: 10px; }
.usdc-list .bq { flex: 1 1 160px; display: flex; flex-direction: column; gap: 2px; }
.usdc-list .bq small { color: var(--ink-2); }
.usdc-list .empty { border: none; background: none; color: var(--ink-2); }
.usdc-tx { display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; }
.usdc-tx a { color: var(--violet); font-weight: 700; }
.usdc-won { color: var(--yes-ink); }
.usdc-txline { margin-top: 8px; }
.usdc-txline a { color: var(--violet); font-weight: 700; }
#usdc-chips .chip small { color: var(--ink-2); }

/* Кошелёк своей цепочки (MetaMask): баланс в $, формы пополнения и вывода */
.usdc-bals { margin: 12px 0; }
.usdc-bal { display: grid; justify-items: center; gap: 2px; padding: 16px; border-radius: 20px; background: var(--paper); text-align: center; }
.usdc-bal span { color: var(--ink-2); font-weight: 700; font-size: 14px; }
.usdc-bal b { font: 800 36px/1.1 var(--body); letter-spacing: -.03em; }
.usdc-bal small { color: var(--ink-2); }
.usdc-sub { font-weight: 700; margin: 14px 0 6px; }
.usdc-sub small { font-weight: 400; color: var(--ink-2); }
.usdc-form { margin-bottom: 6px; }
.usdc-inline { display: flex; gap: 8px; align-items: stretch; margin-top: 8px; }
.usdc-inline input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px;
  font: 700 15px/1.2 var(--body); color: var(--ink); background: var(--surface); }
.usdc-inline input:focus { outline: none; border-color: var(--ink); }
.usdc-inline .pay-btn { width: auto; min-height: 46px; padding: 0 16px; }
.usdc-row { margin: 8px 0; }
.chip.tok { font-weight: 700; font-size: 12.5px; }
.chip.tok small { display: block; font-weight: 400; color: var(--ink-2); font-size: 11px; }
#usdc-dep-addr { margin-top: 8px; }
#usdc-dep-addr p { margin: 4px 0; }