/* Paquete 20 de Design (11/11/2026): 82a Buscar, 83a Historial de cobranzas, 84a Legajo de solicitud.
   Hoja propia del grupo, cargada en base.html después de styles.css.
   Sólo tokens del CRM; cada regla con el prefijo de su pantalla. */

/* ───── 82a · Buscar socio o interesado (templates/buscar.html) ───── */

.bus-cab { margin-bottom: 18px; }
.bus-cab .muted-note { margin: 6px 0 0; max-width: 74ch; }

.bus-form { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; max-width: 640px; margin: 0 0 26px; }
.bus-form .ab-campo { flex: 1 1 280px; }
.bus-form .ab-campo input { font-size: 15px; padding: 11px 13px; }
.bus-form .btn { min-height: 42px; }
.bus-aviso { margin: -14px 0 26px; }

.bus-grupo { margin-bottom: 28px; }
.bus-grupo-cab { display: flex; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; margin-bottom: 10px; }
.bus-grupo-cab h3 { display: flex; align-items: center; gap: 8px; }
.bus-grupo-cab h3 .ic { color: var(--ink-muted); }
.bus-n { font: 600 12px var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink-faint); }
.bus-grupo-cab .muted-note { margin: 0; }

.bus-lista {
  list-style: none; margin: 0; padding: 0;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden;
}
/* flex con base mínima y no grilla fija: el contenido tiene que acomodarse con el
   menú abierto o plegado, de 900 a 1400 px. */
.bus-fila {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 8px 22px; padding: 13px 16px; border-bottom: 1px solid var(--line);
}
.bus-fila:last-child { border-bottom: none; }

.bus-quien { flex: 1 1 280px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.bus-nombre { font-size: 14px; font-weight: 600; color: var(--ink); }
.bus-nombre.sin-nombre { font-weight: 500; font-style: italic; color: var(--ink-muted); }
.bus-datos { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 12px; color: var(--ink-muted); }
.bus-dni, .bus-tel, .bus-socio { white-space: nowrap; }
.bus-dni { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.bus-socio { display: inline-flex; align-items: center; gap: 6px; }
.bus-tel {
  display: inline-flex; align-items: center; gap: 5px; text-decoration: none;
  font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink-muted);
}
.bus-tel:hover { color: var(--accent); filter: none; }

.bus-caso { flex: 1 1 190px; display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 12.5px; }
.bus-cat { display: flex; align-items: center; gap: 6px; color: var(--ink); }
.bus-cat .ic { color: var(--ink-faint); }
.bus-gestiona { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink-muted); }
.bus-gestiona .ic { color: var(--ink-faint); }
.bus-gestiona.es-tuyo { color: var(--ink); font-weight: 600; }

.bus-estado { flex: 0 0 150px; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.bus-saldo { font: 600 13px var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.bus-tipo { font-size: 11.5px; color: var(--ink-muted); }
.bus-ir { margin-left: auto; white-space: nowrap; }

/* 12/11/2026, «di venedetto»: la misma persona en otra sección, los
   descartados de Préstamos y la fila que no se puede abrir. */
.bus-tambien {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  padding: 1px 8px; border: 1px solid var(--line); border-radius: var(--radius-pill);
  font-size: 11.5px; font-weight: 600; color: var(--ink);
}
.bus-tambien .ic { color: var(--ink-faint); }
.bus-motivo { font-size: 12px; color: var(--ink-muted); }
.bus-fecha { font: 500 11.5px var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink-muted); }
.bus-fila.es-descartado .bus-nombre { color: var(--ink-muted); }
.bus-ir-no { font-size: 12px; color: var(--ink-muted); text-align: right; max-width: 22ch; }

.bus-vacio { margin-top: 4px; }
.bus-vacio .crm-vacio-t { max-width: 46ch; }
.bus-vacio .muted-note { margin: 0; max-width: 56ch; }

@media (max-width: 720px) {
  .bus-fila { padding: 14px; gap: 10px 12px; }
  .bus-quien { flex-basis: 100%; }
  .bus-nombre { font-size: 15px; }
  .bus-caso { flex: 1 1 0; }
  .bus-estado { flex: 0 0 auto; align-items: flex-end; }
  .bus-ir { flex-basis: 100%; margin-left: 0; justify-content: center; min-height: 44px; }
  .bus-ir-no { max-width: none; text-align: left; min-height: 0; }
  .bus-tel {
    min-height: 44px; padding: 0 14px; border: 1px solid var(--line);
    border-radius: var(--radius-pill); color: var(--ink); font-size: 13px;
  }
}

/* ───── 83a · Historial de gestión de cobranzas (templates/historial_cobranza.html) ─────
   Vive en body.sector-cobranzas: --accent es el teal de Cobranzas. */

.hco-cab {
  display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap;
  padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid var(--line);
}
.hco-mutual { margin: 0 0 6px; font-size: 10.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-faint); }
.hco-cab .muted-note { margin: 6px 0 0; }
.hco-acc { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.hco-deudor { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px 24px; align-items: start; margin-bottom: 16px; }
.hco-nombre { margin: 0; font-size: 21px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; }
.hco-ident { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; font-size: 12.5px; color: var(--ink-muted); }
.hco-ident .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.hco-ident a { color: inherit; text-decoration: none; }
.hco-marcas { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.hco-marca {
  display: inline-flex; align-items: center; gap: 7px; border-radius: var(--radius-sm);
  padding: 5px 10px; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
}
.hco-marca .hco-desde { font: 600 11.5px var(--font-mono); letter-spacing: 0; text-transform: none; }
/* Legales y la intimación se distinguen también por el grosor del borde (regla 10). */
.hco-marca-legales { color: var(--no-otorgable); background: var(--no-otorgable-soft); border: 2px solid var(--no-otorgable); }
.hco-marca-intimado { color: var(--revisar); background: var(--revisar-soft); border: 1px solid var(--revisar-line); }

.hco-deudas { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 12px; margin-bottom: 16px; }
.hco-deuda { padding: 14px 16px; }
.hco-deuda-cab { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 10px; flex-wrap: wrap; margin-bottom: 10px; }
.hco-deuda-t { margin: 0; font-size: 13.5px; font-weight: 600; }
.hco-periodo { font: 500 11px var(--font-mono); color: var(--ink-faint); }
.hco-linea { margin: -4px 0 12px; font-size: 12px; color: var(--ink-muted); }
.hco-linea strong { color: var(--revisar); }
.hco-cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 12px 16px; margin: 0; }
.hco-cifras dt { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); }
.hco-cifras dd { margin: 3px 0 0; font: 600 14px var(--font-mono); font-variant-numeric: tabular-nums; }
.hco-cifras dd small { display: block; font: 400 11px var(--font-body); color: var(--ink-muted); margin-top: 1px; }
.hco-cifras .hco-saldo dd { font-size: 20px; line-height: 1.15; }
.hco-deuda .garantes-box { margin-top: 14px; }
.hco-deuda .garante-row .mono { font-family: var(--font-mono); }

.hco-registro h3 { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.hco-registro h3 .muted-note { font-weight: 400; }
.hco-tabla td { vertical-align: top; }
.hco-tabla td.hco-fecha { white-space: nowrap; }
.hco-res-legales, .hco-res-intimacion { display: inline-block; font-weight: 700; padding-left: 8px; }
.hco-res-legales { color: var(--no-otorgable); border-left: 3px solid var(--no-otorgable); }
.hco-res-intimacion { color: var(--revisar); border-left: 1.5px solid var(--revisar); }
.hco-auto { display: block; font-size: 10.5px; color: var(--ink-faint); margin-top: 2px; }
/* La promesa de la gestión y su resultado (12/11/2026), en palabras: en el
   papel lo que cuenta es «No cumplió», no el color. */
.hco-promesa { display: block; font-size: 11.5px; color: var(--ink-muted); margin-top: 3px; }
.hco-promesa b { color: var(--ink); }
.hco-prom-no_cumplio b { color: var(--no-otorgable); }
.hco-prom-cumplio b { color: var(--otorgable); }
.hco-editar { white-space: nowrap; }
.hco-editar a { display: inline-flex; align-items: center; gap: 5px; color: var(--accent); text-decoration: none; font-weight: 600; }
.hco-fila-editando > td { background: var(--accent-soft); }
.hco-editor > td { background: var(--surface-2); padding: 14px 16px 16px; }
.hco-editor-t { margin: 0 0 12px; font-size: 12.5px; font-weight: 600; }
.hco-editor-g { display: grid; grid-template-columns: 210px minmax(0, 1.5fr) 160px; gap: 12px; }
.hco-editor-g .ancho { grid-column: 1 / -1; }
.hco-editor-acc { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin-top: 12px; }
.hco-editor-acc .ab-hint { margin-right: auto; }
.hco-pie { margin: 12px 0 0; max-width: 92ch; }

@media (max-width: 720px) {
  .hco-deudor { grid-template-columns: 1fr; }
  .hco-marcas { align-items: flex-start; }
  .hco-deudas { grid-template-columns: 1fr; }
  .hco-acc { width: 100%; }
  .hco-acc .btn { flex: 1; justify-content: center; min-height: 44px; }
  .hco-acc .btn-ghost { min-height: 44px; }
  .hco-registro { padding: 14px 0 0; }
  .hco-registro h3, .hco-pie { padding: 0 14px; }
  .hco-tabla, .hco-tabla tbody, .hco-tabla tr, .hco-tabla td { display: block; }
  .hco-tabla { border-radius: 0; border-left: 0; border-right: 0; }
  .hco-tabla thead { display: none; }
  .hco-tabla tr { padding: 12px 14px; border-bottom: 1px solid var(--line); }
  .hco-tabla td { border: none; padding: 2px 0; }
  .hco-tabla td[data-et]::before {
    content: attr(data-et) " · "; font-size: 10.5px; letter-spacing: .06em;
    text-transform: uppercase; color: var(--ink-faint);
  }
  .hco-tabla td.hco-fecha { font-weight: 600; }
  .hco-editar { padding-top: 8px !important; }
  .hco-editar a { min-height: 44px; }
  .hco-editor-g { grid-template-columns: 1fr; }
}

@media print {
  .hco-cab { border-bottom: 2px solid currentColor; }
  .hco-mutual, .hco-ident, .hco-cifras dt, .hco-periodo, .hco-auto, .hco-promesa, .hco-promesa b { color: inherit; }
  .hco-marca { background: none !important; color: inherit; border-color: currentColor; }
  .hco-res-legales, .hco-res-intimacion, .hco-linea strong { color: inherit; border-color: currentColor; }
  .hco-tabla th { background: none !important; color: inherit; border-bottom: 1.5px solid currentColor; }
  .hco-tabla tr { break-inside: avoid; }
  .hco-deudas { grid-template-columns: 1fr 1fr; }
}

/* ───── 84a · Legajo de una solicitud (templates/solicitud_ayuda_legajo.html) ─────
   Reusa todo lo de .legajo-* (y .legajo-num / .legajo-h2-suelto del legajo de
   Aliados, 25a). Lo nuevo es la hoja en pantalla y el reflow a celular. */

.leg-barra { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 16px; }
.leg-barra .muted-note { margin: 0 0 0 auto; }

/* La hoja, en pantalla, siempre clara: con el tema oscuro la tinta del legajo
   quedaba casi negra sobre casi negro (brief del legajo, sección 4). */
.leg-hoja {
  max-width: 988px; padding: 40px 44px 32px;
  background: #fff; color: var(--lg-tinta);
  border-radius: var(--radius-sm); box-shadow: var(--shadow);
}
.leg-sinlectura { border: 1px dashed var(--lg-tenue); padding: 8px 10px; }

@media (max-width: 720px) {
  .leg-barra .muted-note { margin: 0; flex-basis: 100%; }
  .leg-barra .btn, .leg-barra button { flex: 1; justify-content: center; min-height: 44px; }
  .leg-hoja { padding: 22px 16px; border-radius: 0; margin: 0 -1.5rem; }
  .leg-hoja .legajo-cab { flex-direction: column; align-items: flex-start; }
  .leg-hoja .legajo-numero { text-align: left; }
  .leg-hoja .legajo-checks, .leg-hoja .legajo-cierre, .leg-hoja .legajo-identidad { grid-template-columns: 1fr; }
  .leg-hoja .legajo-identidad .pide { text-align: left; }
  .leg-hoja .legajo-cuadros, .leg-hoja .legajo-contexto, .leg-hoja .legajo-datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .leg-hoja .legajo-tabla { display: block; overflow-x: auto; }
}

@media print {
  .leg-hoja { max-width: none; padding: 0; box-shadow: none; border-radius: 0; }
}

/* 12/11/2026 (crítica P1-1): el título de 83a pasó de h2 a h1; mismo tamaño
   que tenía como h2. */
.hco-cab h1 { font-size: 1.5em; margin: 0; }