/* Component ownership: badge.css */

body.app-shell:not(.app-shell--default) .status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.75rem;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.03em;
}

body.app-shell:not(.app-shell--default) .status-pill--active {
  background-color: rgba(22, 128, 60, 0.12);
  color: var(--erp-success);
}

body.app-shell:not(.app-shell--default) .status-pill--passive,
body.app-shell:not(.app-shell--default) .status-pill--warning {
  background-color: rgba(180, 35, 24, 0.1);
  color: var(--erp-danger);
}

body.app-shell:not(.app-shell--default) .status-pill--info {
  background-color: rgba(37, 99, 235, 0.12);
  color: var(--erp-primary);
}

body.app-shell:not(.app-shell--default) .status-pill--maintenance {
  background-color: rgba(161, 98, 7, 0.14);
  color: var(--erp-warning);
}

body.app-shell:not(.app-shell--default) .status-pill--muted {
  background-color: rgba(100, 116, 139, 0.12);
  color: var(--erp-text-muted);
}

body.app-shell:not(.app-shell--default) .status-pill--danger {
  background-color: rgba(180, 35, 24, 0.12);
  color: var(--erp-danger);
}

[data-product-operation-detail] .status-pill {
  min-width: 82px;
  border-radius: 999px;
}