/* V16 passive text only. Loaded after app/marketing styles; never use on controls.
   Attribute specificity keeps existing status hooks without their legacy styling. */
.tv-status-pill[class] {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 4px 11px;
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  font-family: var(--trivsel-font-ui, "IBM Plex Sans", system-ui, sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: normal;
  white-space: normal;
  overflow-wrap: anywhere;
  background: #F1F5F9;
  color: #475569;
}

.tv-status-pill.tv-status-pill--brand {
  background: var(--brand-pale, #E9F1FF);
  color: var(--brand, #2563EB);
}

.tv-status-pill.tv-status-pill--warning {
  background: #FFF3DF;
  color: #8A5200;
}

.tv-status-pill.tv-status-pill--critical {
  background: #FDEBED;
  color: #B42318;
}

.tv-status-pill.tv-status-pill--neutral {
  background: #F1F5F9;
  color: #475569;
}

/* Remove legacy schedule pseudo-dots only on converted passive labels. */
.tv-status-pill::before,
.tv-status-pill::after {
  content: none;
}