/* Finding item (ui.md): a blocker or a warning, with its message; in the findings sheet, a jump
   link and (open warnings) the Acknowledge form. Severity is in the badge text; the edge colour
   only reinforces it. */

.finding-list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.finding-list--inline {
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.finding-list--inline:empty {
  display: none;
}

.finding {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-warning);
  border-radius: var(--radius-sm);
  background: var(--color-warning-bg);
}

.finding--blocker {
  border-left-color: var(--color-danger);
  background: var(--color-danger-bg);
}

.finding[data-status="acknowledged"] {
  border-left-color: var(--color-border-strong);
  background: var(--color-surface);
}

.finding .badge {
  justify-self: start;
}

.finding__message,
.finding__done {
  margin: 0;
  font-size: var(--text-sm);
}

.finding__done {
  color: var(--color-text-muted);
}

.finding__jump {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.finding__ack {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2);
}

.finding__ack .field__label {
  flex-basis: 100%;
  margin: 0;
}

.finding__ack .input {
  flex: 1 1 12rem;
}