/* ============================================================
   CARGA.CSS — Carga de documentos por tanda (carga.html, js/carga.js)
   ============================================================ */

.car-wrapper { max-width: 980px; }
.car-elegir, .car-acciones { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.car-acciones { margin-top: 12px; }
.car-btn { cursor: pointer; display: inline-block; }
.car-resumen { font-size: 12.5px; color: var(--text-secondary); }

.car-tabla-wrap { overflow-x: auto; }
.car-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.car-tabla th { text-align: left; font-size: 10.5px; letter-spacing: .8px; text-transform: uppercase; color: var(--text-muted);
  font-weight: 700; padding: 6px 8px; border-bottom: 1px solid var(--border); }
.car-tabla td { padding: 7px 8px; border-bottom: 1px solid var(--border); vertical-align: top; color: var(--text-primary); }
.car-predio { font-family: 'JetBrains Mono', monospace; font-weight: 600; white-space: nowrap; }
.car-peso, .car-estado { white-space: nowrap; color: var(--text-secondary); }
.car-nota { font-size: 11.5px; color: var(--text-muted); margin-top: 2px; }
.car-listo .car-estado { color: var(--accent); font-weight: 600; }
.car-ok .car-estado { color: var(--green); font-weight: 600; }
.car-salta td { color: var(--text-muted); }
.car-error .car-estado, .car-fallo .car-estado, .car-error .car-nota, .car-fallo .car-nota { color: var(--red); font-weight: 600; }
.car-subiendo .car-estado { color: var(--yellow); }

/* Aviso final */
.car-final { margin: 0 0 14px; padding: 12px 14px; border-radius: 10px; font-size: 14px; font-weight: 600; }
#car-final.car-final { margin: 12px 0 0; }
.car-final.bien { background: rgba(46,158,94,.15); border: 1px solid var(--green); color: var(--text-primary); }
.car-final.mal { background: rgba(239,68,68,.12); border: 1px solid var(--red); color: var(--text-primary); }