/* «Mis recargas» (módulo 105): la lista de recargas de Ticopa Coins con su estado. Se ve en la billetera del club, en Mi cuenta, en «Bandeja y solicitudes» y en una ventana.
   El estado SIEMPRE lleva texto (Pendiente, Aprobada, Rechazada): el color solo ayuda. Botones de 44 px de alto para el dedo. */
.mr-bloque, .mr-en-billetera { display: grid; gap: 10px; min-width: 0; overflow-wrap: anywhere; text-align: left; }
.mr-en-billetera { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--linea, #2f2b70); }
.mr-bloque[hidden], .mr-en-billetera[hidden], .mr-ver[hidden] { display: none !important; }
.mr-nota { margin: 0; color: var(--suave, #b9b6dd); font-size: .92rem; line-height: 1.35; }
.mr-resumen { margin: 0; padding: 10px 12px; border-radius: var(--r-m, 10px); border: 1px solid var(--espera, #f5c542); background: rgba(245, 197, 66, .08); color: #ffe39a; font-size: .95rem; line-height: 1.35; }
.mr-resumen-rechazo { border-color: var(--error, #ff6b6b); background: rgba(255, 107, 107, .08); color: #ffb3b3; }
.mr-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mr-fila { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; align-items: baseline; padding: 10px 12px; border: 1px solid var(--linea, #2f2b70); border-left-width: 4px; border-radius: var(--r-m, 10px); background: var(--sup-1, #14123a); }
.mr-coins { font-size: 1.05rem; color: var(--texto, #f4f3ff); font-variant-numeric: tabular-nums; }
.mr-estado { justify-self: end; padding: 2px 10px; border-radius: 999px; font-size: .8rem; font-weight: 800; border: 1px solid currentColor; white-space: nowrap; }
.mr-fecha { color: var(--tenue, #9792c8); font-size: .85rem; }
.mr-ayuda { justify-self: end; color: var(--suave, #b9b6dd); font-size: .82rem; text-align: right; }
.mr-motivo { grid-column: 1 / -1; margin: 6px 0 0; padding: 8px 10px; border-radius: var(--r-s, 6px); background: rgba(255, 107, 107, .1); color: #ffd0d0; font-size: .92rem; line-height: 1.35; }
.mr-pendiente { border-left-color: var(--espera, #f5c542); } .mr-pendiente .mr-estado { color: var(--espera, #f5c542); }
.mr-aprobada { border-left-color: var(--ok, #20e89b); } .mr-aprobada .mr-estado { color: var(--ok, #20e89b); }
.mr-rechazada { border-left-color: var(--error, #ff6b6b); } .mr-rechazada .mr-estado { color: var(--error, #ff6b6b); }
.mr-otra .mr-estado { color: var(--suave, #b9b6dd); }
.mr-acciones { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mr-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; box-sizing: border-box; padding: 0 18px; border-radius: var(--r-m, 10px); font: 700 15px var(--f-datos, system-ui, sans-serif); cursor: pointer; border: 1px solid transparent; text-transform: none; letter-spacing: 0; box-shadow: none; }
.mr-btn-oro { background: var(--gold, #f5c542); color: #1a1300; }
.mr-btn-linea { background: transparent; color: var(--texto, #f4f3ff); border-color: var(--linea-fuerte, #463f9a); }
.mr-btn-texto { background: transparent; color: var(--violeta-texto, #b49dff); padding: 0 10px; }
.mr-btn:focus-visible, .mr-ver:focus-visible { outline: 2px solid var(--info, #00d4ff); outline-offset: 2px; }
/* Ventana propia */
.mr-ventana { z-index: 20000; }
.mr-caja-ventana { width: min(560px, 100%) !important; max-width: 560px !important; }
.mr-ventana-lista { display: grid; gap: 10px; }
/* Mi cuenta y Bandeja */
.mr-cuenta .mr-bloque, .mr-bandeja .mr-bloque { margin-top: 8px; }
.mr-bandeja { list-style: none; }
.mr-bandeja > p { margin: 4px 0 8px; }
/* Botón de la barra «Tus Ticopa Coins» */
.mr-ver { min-height: 44px; box-sizing: border-box; }
@media (max-width: 480px) {
  .mr-fila { grid-template-columns: 1fr; }
  .mr-estado, .mr-ayuda { justify-self: start; text-align: left; }
  .mr-acciones .mr-btn { flex: 1 1 auto; }
}