/* Consola · Retiros a revisar (admin/retiros.html). Solo tokens de estilos.css; clases con prefijo .cons-retiros- */

/* Cabecera: Actualizar + Actualizar solo + Descargar CSV en una sola fila que envuelve */
.cons-retiros-acciones { align-items: center; }
.cons-retiros-acciones .auto-actualizar { flex-wrap: wrap; }

/* Barra de filtros dentro de la tarjeta de la tabla */
.cons-retiros-filtros {
  display: grid; gap: var(--e-3); align-items: end;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: var(--e-4) var(--e-5); border-bottom: 1px solid var(--borde);
}
.cons-retiros-filtros .campo { gap: 4px; min-width: 0; }
.cons-retiros-filtros .campo__etiqueta { font-size: var(--t-12); font-weight: 600; color: var(--texto-2); }
.cons-retiros-filtros__buscar { grid-column: 1 / -1; }
.cons-retiros-filtros__fila { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2); }
.cons-retiros-filtros__fila .buscador { max-width: none; flex: 1 1 320px; }
.cons-retiros-filtros input[type="date"] { min-width: 0; width: 100%; }

/* Tabla */
.cons-retiros-tabla td { vertical-align: top; }
.cons-retiros-tabla td.acciones { vertical-align: middle; }
.cons-retiros-tabla .edad { margin-top: 2px; }
.cons-retiros-estado { white-space: normal !important; min-width: 180px; max-width: 210px; }
.cons-retiros-estado .celda-sub { line-height: 1.4; margin-top: 4px; }

/* "Corrección pendiente…" bajo el estado: ícono + texto (no solo color) */
.cons-retiros-pendiente { display: flex !important; align-items: flex-start; gap: 4px; color: var(--alerta) !important; font-weight: 600 !important; }
.cons-retiros-pendiente .ico { flex: none; margin-top: 2px; }
.cons-retiros-pendiente--hecha { color: var(--texto-2) !important; font-weight: 500 !important; }

/* La fila que espera la aprobación de otra persona (en lugar del botón Resolver) */
.cons-retiros-espera { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; max-width: 8.5em; font-size: var(--t-13); font-weight: 600; line-height: 1.3; color: var(--texto-2); white-space: normal; text-align: left; }
.cons-retiros-espera .ico { flex: none; }

.cons-retiros-error { padding: var(--e-4) var(--e-5); }

/* Modal: monto destacado */
.cons-retiros-resumen { text-align: center; padding: var(--e-4); border-radius: var(--radio-3); background: var(--superficie-2); border: 1px solid var(--borde); }
.cons-retiros-resumen__etiqueta { margin: 0; font-size: var(--t-12); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--texto-3); }
.cons-retiros-resumen__monto { margin: 2px 0; font-family: var(--fuente-titulo); font-size: var(--t-32); font-weight: 700; letter-spacing: -0.02em; line-height: 1.15; font-variant-numeric: tabular-nums; color: var(--texto); }
.cons-retiros-resumen p:last-child { margin: 0; }

/* Modal de aprobación: la propuesta de la otra persona */
.cons-retiros-propuesta { display: grid; gap: var(--e-3); padding: var(--e-4); border-radius: var(--radio-3); background: var(--revision-fondo); border: 1px solid var(--revision-borde); }
.cons-retiros-propuesta p { margin: 0; }
.cons-retiros-propuesta__motivo { margin: 0; padding-left: var(--e-3); border-left: 3px solid var(--revision-borde); color: var(--texto); font-size: var(--t-14); line-height: 1.5; }

/* Historia del retiro (plegable) */
.cons-retiros-historia { border: 1px solid var(--borde); border-radius: var(--radio-3); background: var(--superficie); }
.cons-retiros-historia > summary { display: flex; align-items: center; min-height: 44px; padding: 0 var(--e-4); font-weight: 600; font-size: var(--t-14); cursor: pointer; list-style-position: inside; }
.cons-retiros-historia > summary:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; border-radius: var(--radio-3); }
.cons-retiros-historia[open] > summary { border-bottom: 1px solid var(--borde); }
.cons-retiros-historia .linea-tiempo { padding: var(--e-4); margin: 0; }

@media (max-width: 1280px) {
  .cons-retiros-filtros { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .cons-retiros-filtros { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0 var(--e-4); border-bottom: 0; }
  .cons-retiros-filtros__fila .buscador { flex-basis: 100%; }
  .cons-retiros-filtros > .campo:last-child { grid-column: 1 / -1; }
  .cons-retiros-error { padding: 0 0 var(--e-4); }
  .cons-retiros-estado { min-width: 0; max-width: none; }
  .cons-retiros-pendiente { justify-content: flex-end; text-align: right; }
  .cons-retiros-tabla td.acciones .btn { width: 100%; min-height: 44px; }
  .cons-retiros-espera { justify-content: center; width: 100%; max-width: none; min-height: 44px; }
  .cons-retiros-resumen__monto { font-size: var(--t-28); }
}
@media (max-width: 380px) {
  .cons-retiros-filtros { grid-template-columns: minmax(0, 1fr); }
}