/* Órdenes por autorizar · La Gaviota
   Consume gv-* (gaviota_ui.css) y agrega solo lo propio de esta vista: la
   tarjeta de solicitud y el cuerpo del drawer de detalle (crédito + partidas).
*/

/* ---------- Tarjetas de solicitud ---------- */
.appr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 16px; }
.appr-card { display: flex; flex-direction: column; }
.appr-card__body { padding: 16px 18px 14px; display: grid; gap: 10px; }
.appr-card__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.appr-card__client {
  font-family: var(--gv-font-display);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.25;
  margin: 0;
  text-wrap: balance;
}
.appr-card__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.appr-card__seller { font-size: 13px; color: var(--gv-slate-600); }
.appr-card__seller b { font-weight: 600; color: var(--gv-slate-700); }
.appr-card__total {
  font-family: var(--gv-font-display);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.appr-card .gv-card__foot { margin-top: auto; }
.appr-wait { display: inline-flex; align-items: center; gap: 6px; }

/* Comentario del borrador: ahí suele venir el motivo de la autorización */
.appr-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--gv-slate-700);
  padding: 8px 10px;
  border-left: 3px solid var(--gv-amber);
  background: var(--gv-warn-050);
  border-radius: 0 4px 4px 0;
  white-space: pre-line;
}
.appr-note--empty {
  color: var(--gv-slate-400);
  border-color: var(--gv-slate-200);
  background: var(--gv-slate-050);
  font-style: italic;
}

/* ---------- Drawer de detalle ---------- */
.appr-detail { flex: 1; overflow: auto; padding: 18px 20px; display: grid; gap: 18px; align-content: start; }
.appr-detail > * { min-width: 0; } /* la tabla scrollea adentro, no el drawer entero */
.appr-section__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 8px; }
.appr-credit { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
.appr-credit .gv-kpi { padding: 12px 12px 10px; }
.appr-credit .gv-kpi__value { font-size: 18px; margin-top: 2px; font-variant-numeric: tabular-nums; }
.appr-credit .gv-kpi__value--err { color: var(--gv-err-700); }
.appr-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 16px; margin: 0; }
.appr-facts dd { margin: 2px 0 0; font-size: 14px; color: var(--gv-ink); }
.appr-lines { border: 1px solid var(--gv-slate-200); border-radius: 6px; overflow-x: auto; }
.appr-lines .gv-table th, .appr-lines .gv-table td { padding: 8px 12px; font-size: 13px; }
.appr-lines .gv-table tfoot td { font-weight: 600; background: var(--gv-slate-050); border-top: 1px solid var(--gv-slate-200); }
.appr-lines__desc { display: block; font-size: 12px; color: var(--gv-slate-600); }