.authority-outcome-unknown {
  display: grid;
  gap: 6px;
  margin: 12px 12px 0;
  border: 1px solid rgba(255, 209, 102, 0.38);
  border-radius: 8px;
  padding: 11px 12px;
  color: #fff1c7;
  background: rgba(255, 209, 102, 0.09);
}

.authority-outcome-unknown strong,
.authority-outcome-unknown span {
  overflow-wrap: anywhere;
}

.authority-outcome-unknown span {
  color: var(--muted);
  font-size: 12px;
}

.job-public-error {
  display: grid;
  gap: 4px;
  border: 1px solid rgba(255, 77, 79, 0.28);
  border-radius: 8px;
  padding: 9px 10px;
  color: #ffe1e1;
  background: rgba(255, 77, 79, 0.07);
  font-size: 12px;
}

.job-public-error em {
  color: #ffd166;
  font-size: 11px;
  font-style: normal;
}

@media (max-width: 760px) {
  #jobs-view .view-header,
  .job-card-header,
  .selected-tile-heading,
  .jobs-section-heading {
    align-items: stretch;
    flex-direction: column;
  }

  #jobs-view .view-actions,
  .job-card-status-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .history-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .history-row time {
    grid-column: 2 / -1;
    grid-row: 2;
  }

  .history-row .icon-button {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  .history-job-detail {
    padding-left: 0;
  }

  .job-source-table-head {
    display: none;
  }

  .job-source-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .job-source-row em {
    grid-column: 1 / -1;
    white-space: normal;
  }

  .tile-pipeline-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}