/* Страница USDV.

   Классы переключателя названы fx-seg/fx-segb, а не fx-tab: в carry.css
   fx-tab это ТАБЛИЦА с width 100%, и первые же кнопки под тем именем
   растянулись на всю ширину каждая. Имена классов между страницами общие,
   потому что общий и каркас. Каркас, палитра и карточки приходят из fill.css и carry.css,
   здесь только то, чего у них нет: переключатель действий и таблицы. */

/* Покрытие ниже ста процентов это не украшение, а предупреждение, и карточка
   обязана выглядеть иначе, а не просто показывать другое число. */
.fx-card.is-warn { border-color: rgba(240, 97, 109, 0.42); background: rgba(240, 97, 109, 0.06); }
.fx-card.is-warn b { color: var(--red); }

.fx-seg { display: flex; gap: 6px; margin: 0 0 16px; flex-wrap: wrap; }
.fx-segb {
  padding: 9px 16px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--line); background: transparent; color: var(--dim);
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  transition: color .15s, border-color .15s, background .15s;
}
.fx-segb:hover { color: var(--text); }
.fx-segb.is-on { color: var(--c); border-color: var(--c); background: rgba(0, 255, 178, 0.06); }

.fx-pane .fx-btn { width: 100%; margin-top: 14px; }
.fx-pane .fx-act-btns .fx-btn { margin-top: 0; }

.fx-tab-t { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0 0 18px; }
.fx-tab-t td { padding: 9px 0; border-top: 1px solid var(--line-2); vertical-align: top; color: var(--muted); }
.fx-tab-t tr:first-child td { border-top: none; }
.fx-tab-t td:first-child {
  width: 32%; color: var(--dim); font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.08em; text-transform: uppercase; padding-right: 16px;
}
.fx-tab-t td:last-child { font-variant-numeric: tabular-nums; word-break: break-word; }
.fx-tab-t a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--line); }
.fx-tab-t a:hover { color: var(--c); border-color: var(--c); }

/* ─── кошелёк ─── */

.fx-wal {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 0 16px; padding: 0 0 14px; border-bottom: 1px solid var(--line-2);
}
.fx-wal-cta {
  padding: 9px 16px; border-radius: 8px; cursor: pointer; text-decoration: none;
  border: 1px solid var(--c); background: rgba(0, 255, 178, 0.08); color: var(--c);
  font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  transition: background .15s;
}
.fx-wal-cta:hover { background: rgba(0, 255, 178, 0.16); }
.fx-wal-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--c); box-shadow: 0 0 8px var(--c); flex: none; }
.fx-wal-addr { font-family: var(--mono); font-size: 12px; color: var(--text); margin-right: auto; }
.fx-wal-btn {
  padding: 6px 11px; border-radius: 7px; cursor: pointer;
  border: 1px solid var(--line); background: transparent; color: var(--dim);
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
  transition: color .15s, border-color .15s;
}
.fx-wal-btn:hover { color: var(--text); border-color: var(--c); }

/* Бумага, которую правило отсеяло, остаётся на виду, но приглушена: это
   объяснение решения, а не предложение. */
.fx-tab-t.is-out { opacity: .55; }
.fx-tab-t.is-out td:first-child { color: var(--dim); }