/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* Messages that list affected rows carry their own line breaks. pre-line keeps
   those while still collapsing runs of spaces, so single-line messages -- every
   other message in the app -- render exactly as they did before. */
.alert {
  white-space: pre-line;
}

/* Run history rows expand into a detail panel holding the run's error or its
   results. The chevron button is the collapse trigger -- the row itself only
   forwards clicks to it -- so the download links in the row stay clickable.
   The chevron rotating on aria-expanded is the only affordance that the row
   expands at all. */
.run-detail-toggle {
  cursor: pointer;
}

.run-detail-chevron-col {
  width: 1.5rem;
}

.run-detail-chevron {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  vertical-align: baseline;
  transition: transform 0.2s ease;
}

.run-detail-chevron[aria-expanded="true"] {
  transform: rotate(90deg);
}

.run-detail-panel {
  background-color: var(--bs-tertiary-bg);
}

/* Overview/recommendation text and raw JSON both carry their own line breaks. */
.run-detail-text {
  white-space: pre-wrap;
}

/* Alarm tab rows open their group's details page. The link in the first cell is
   the real target; the row only forwards clicks to it, so Resolve stays a button. */
.alarm-group-row {
  cursor: pointer;
}