@layer pages {
/* SLA display styles */

.sla {
  padding-top: 0.625rem;
}

.sla i {
  color: var(--neutral-500);
}

.sla__response {
  font-weight: 700 !important;
  color: var(--neutral-900);
}

.sla__response--warning {
  color: var(--warning-dark) !important;
  background-color: var(--warning) !important;
  padding: 2px 6px;
  border-radius: 4px;
}

.sla__response--breached {
  color: var(--error-900) !important;
  background-color: var(--error-500-light) !important;
  padding: 2px 6px;
  border-radius: 4px;
}

.sla__resolve {
  font-weight: 700 !important;
  color: var(--neutral-900);
  background-color: var(--neutral-100);
  padding: 2px 6px;
  border-radius: 4px;
}

.sla__resolve--warning {
  color: var(--warning-dark) !important;
  background-color: var(--warning) !important;
}

.sla__resolve--breached {
  color: var(--error-900) !important;
  background-color: var(--error-500-light) !important;
}

.sla__resolve--breached i {
  color: var(--error-500) !important;
}

.sla--disabled {
  text-decoration: line-through;
  background-color: #ededed;
}
}