.operations-anomaly-panel {
  margin-top: 18px;
}
.operations-anomaly-list {
  display: grid;
  gap: 10px;
}
.operations-anomaly-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--ui-border, #dfe7df);
  border-radius: 14px;
  padding: 12px 14px;
  background: var(--ui-surface, #fff);
}
.operations-anomaly-item > b {
  min-width: 40px;
  border-radius: 999px;
  padding: 5px 8px;
  text-align: center;
  background: #edf3ef;
  color: #315247;
}
.operations-anomaly-item[data-priority='P0'] > b {
  background: #fee7e3;
  color: #a12c1f;
}
.operations-anomaly-item[data-priority='P1'] > b {
  background: #fff0dc;
  color: #985814;
}
.operations-anomaly-item[data-priority='P2'] > b {
  background: #fff8d8;
  color: #756000;
}
.operations-anomaly-item > span {
  display: grid;
  gap: 3px;
}
.operations-anomaly-item small {
  color: var(--ui-text-muted, #66776f);
}
.operations-anomaly-item > em {
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 767px) {
  .operations-anomaly-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .operations-anomaly-item > em {
    grid-column: 2;
  }
}
