/* ════════════════════════════════════════════
   batch.css — Carga batch desde hoja índice
   (la drop-zone viene de extraccion.css)
   ════════════════════════════════════════════ */

.card {
  max-width: 560px;
}

/* ── Selector de base destino ── */
.target-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.target-option {
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 0.18s, background 0.18s;
  display: block;
}

.target-option:hover { border-color: var(--brand); }

.target-option.selected {
  border-color: var(--brand);
  background: var(--brand-light);
}

.target-option input[type="radio"] { display: none; }

.target-name {
  font-size: 13.5px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 3px;
}

.target-option.selected .target-name { color: var(--brand); }

.target-desc {
  font-size: 11.5px;
  color: var(--muted);
  line-height: 1.45;
}

@media (max-width: 480px) {
  .target-grid { grid-template-columns: 1fr; }
}

/* ── Tabla de resultados ── */
.results-wrap {
  overflow-x: auto;
}

.results-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.results-table th {
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 8px 12px;
  border-bottom: 1.5px solid var(--border);
}

.results-table td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--text);
}

.results-table tr:last-child td { border-bottom: none; }

.results-table td.num { text-align: right; font-variant-numeric: tabular-nums; }
.results-table th.num { text-align: right; }

.status-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  border-radius: 20px;
  padding: 2px 10px;
}

.status-pill.ok    { color: var(--success-fg); background: var(--success-bg); }
.status-pill.error { color: var(--danger);     background: var(--danger-bg); }

.error-detail {
  font-size: 11.5px;
  color: var(--danger);
  margin-top: 3px;
  line-height: 1.4;
  word-break: break-word;
}

/* Aviso del destino en el resumen */
.target-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  border-radius: 20px;
  padding: 2px 10px;
  margin-left: 6px;
}

.target-tag.test    { color: #92400e; background: #fef3c7; }
.target-tag.oficial { color: var(--brand); background: var(--brand-light); }

/* Modo de batch detectado por el servidor (FORMATO_HOJAS o la hoja índice
   CODIGOS) e identificador de documento. Va en el resumen porque decide a qué
   colecciones se escribió. */
.modo-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--muted);
  background: var(--panel-alt, #f1f2f4);
  border-radius: 4px;
  padding: 1px 7px;
  margin-left: 6px;
}

.avisos {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.4;
}