/* ============================================================================
   SMARTIN JOBS - bloque de historial dentro de la ficha de la tarea.
   ========================================================================== */

.sj-hist {
  margin-block-start: 1.6rem;
  padding-block-start: 1rem;
  border-block-start: 1px solid var(--sj-linea, #e4dccf);
}

.sj-hist__titulo {
  margin: 0 0 .7rem;
  color: var(--sj-tinta-3, #8b95a3);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* La frase del motor va primero y se lee sola: es lo unico que mira quien
   abre quince tareas seguidas. */
.sj-hist__resumen {
  margin: 0 0 .9rem;
  padding: .7rem .9rem;
  border-inline-start: 3px solid var(--sj-azul, #b8862b);
  border-radius: 0 var(--sj-radio, 6px) var(--sj-radio, 6px) 0;
  background: var(--sj-fondo, #f8f5ef);
  color: var(--sj-tinta, #0e1a2c);
  font-size: .92rem;
  line-height: 1.5;
}
.sj-hist__resumen span {
  display: block;
  margin-block-end: .2rem;
  color: var(--sj-tinta-3, #8b95a3);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sj-hist__lista {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sj-hist__lista li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 .6rem;
  padding: .45rem 0;
  border-block-start: 1px solid var(--sj-linea, #e4dccf);
  font-size: .84rem;
}
.sj-hist__lista li:first-child { border-block-start: 0; }
.sj-hist__lista b { font-weight: 600; color: var(--sj-tinta, #0e1a2c); }
.sj-hist__lista time {
  color: var(--sj-tinta-3, #8b95a3);
  font-size: .74rem;
  font-variant-numeric: tabular-nums;
}
.sj-hist__lista span {
  grid-column: 1 / -1;
  color: var(--sj-tinta-2, #5a6472);
}

.sj-hist__nada {
  color: var(--sj-tinta-3, #8b95a3);
  font-size: .82rem;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .sj-hist__lista li { grid-template-columns: 1fr; }
}