/* Lázarus · vigilancia: línea de tiempo de eventos, silencios y formularios en línea. */

.events {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}

.events__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-sm);
  padding: 0.625rem var(--space-ml);
}

.events__item + .events__item {
  border-top: 1px solid var(--line);
}

.events__item > .dot {
  margin-top: 0.5rem;
}

.events__body {
  display: grid;
  gap: 0.125rem;
  min-width: 0;
}

.events__title {
  font-weight: var(--weight-medium);
}

.events__title a {
  color: inherit;
  text-decoration: none;
}

.events__title a:hover {
  color: var(--accent);
}

.events__text {
  color: var(--text-2);
  overflow-wrap: anywhere;
}

.events__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s);
  color: var(--text-3);
  font-size: var(--size-caption);
}

.events__meta .tag {
  --tone: var(--text-3);
}

/* Formularios pequeños dentro de una lista o una alerta (silenciar, quitar). */
.inline-form {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-s);
  margin: var(--space-xs) 0 0;
}

.field__input--small {
  width: auto;
  padding: 0.25rem var(--space-s);
  font-size: var(--size-caption);
}

.toolbar--compact {
  margin-bottom: 0;
}

.toolbar--compact .field {
  flex: 0 1 9rem;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}