/* sobre.cash — Enviar (transferencias entre cuentas) y retiro a billetera. Usa los tokens de app.css. */

/* Inicio: cuatro accesos (Cobrar, Retirar, Enviar, Movimientos) en 2×2 en el celular, en fila si entra. */
.quick { grid-template-columns: repeat(auto-fit, minmax(7.25rem, 1fr)); }

/* Número de cuenta: siempre en mono, agrupado de a 4, con su botón de copiar. */
.acct-copy { display: inline-flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
.acct-copy > .num, .acct-num { font-family: var(--mono); font-weight: 600; letter-spacing: .06em; color: var(--text); }
.acct-line { display: flex; align-items: center; justify-content: space-between; gap: .5rem 1rem; flex-wrap: wrap; margin-top: .7rem; padding-top: .7rem; border-top: 1px solid var(--line-soft); font-size: .92rem; }
.acct-k { color: var(--muted); }
.acct-big .acct-num { font-size: clamp(1.6rem, 7vw, 2.1rem); letter-spacing: .1em; }

/* Paso 1 de Enviar: el número es lo que se escribe, así que manda el tamaño. */
.tr-lead { margin: -.4rem 0 1rem; }
.acct-input[type=text] {
  display: block; width: 100%; margin: .55rem 0 .45rem; padding: .7rem .9rem;
  font: 600 clamp(1.7rem, 8vw, 2.25rem)/1.1 var(--mono); letter-spacing: .14em; text-align: center;
  font-variant-numeric: tabular-nums;
}
.acct-input::placeholder { color: #b0b0c0; letter-spacing: .14em; }

.tr-who { display: flex; align-items: center; gap: .85rem; margin-top: 1rem; padding: .85rem .95rem; border: 1px solid rgba(73, 63, 238, .3); border-radius: var(--r-md); background: var(--aqua-tint); }
.tr-avatar { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--aqua-deep); color: var(--text); font: 700 1.15rem/1 var(--display); }
.tr-who-main { min-width: 0; display: grid; gap: .3rem; }
.tr-who-name { font: 600 1.1rem/1.25 var(--display); color: var(--text); overflow-wrap: anywhere; }
.tr-who-sub { display: flex; align-items: center; flex-wrap: wrap; gap: .3rem .6rem; font-size: .85rem; color: var(--muted); }
.chip--who .chip-main { display: inline-flex; gap: .45rem; align-items: baseline; font-family: var(--ui); }
.chip--who .chip-sub { font: 500 .8rem/1 var(--mono); }

/* Retirar: el selector de destino ocupa el ancho y los textos pueden partir en dos líneas. */
.seg--split { display: grid; grid-template-columns: 1fr 1fr; width: 100%; border-radius: var(--r-md); }
.seg--split label { display: grid; place-items: center; min-height: 44px; padding: .5rem .6rem; border-radius: calc(var(--r-md) - 4px); text-align: center; line-height: 1.2; font-size: .92rem; }
.seg--sub { margin-top: .6rem; }
.seg--sub label { min-height: 38px; font-size: .86rem; }
.amount-card > .seg--split:first-child { margin-bottom: .4rem; }

.addr { overflow-wrap: anywhere; word-break: break-all; }
.chain-warn { border-color: rgba(180, 83, 9, .45); background: rgba(180, 83, 9, .07); }
.chain-warn p { font-size: .95rem; line-height: 1.5; }
.chain-warn strong { color: var(--warn); }
.field .opt { color: var(--muted); font-weight: 400; }