/* Статусный чип (PortalStatusChip): один вид статусов модулей. Только --mud-palette-*, как у остальных общих стилей.
   Фон — 12–16 % цвета статуса, текст — тот же цвет, подмешанный к цвету текста: читается в обеих темах. */
.mud-chip.portal-status {
  margin: 0;
  height: auto;
  padding: 4px 10px;
  border-radius: calc(var(--portal-radius-sm) * .75);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  background: color-mix(in srgb, var(--mud-palette-text-secondary) 12%, transparent);
  color: var(--mud-palette-text-secondary);
}

.mud-chip.portal-status .mud-chip-content {
  padding: 0;
}

.mud-chip.portal-status-accent {
  background: rgba(var(--mud-palette-primary-rgb), .12);
  color: var(--mud-palette-primary);
}

.mud-chip.portal-status-success {
  background: rgba(var(--mud-palette-success-rgb), .14);
  color: color-mix(in srgb, var(--mud-palette-success) 72%, var(--mud-palette-text-primary));
}

.mud-chip.portal-status-warning {
  background: rgba(var(--mud-palette-warning-rgb), .16);
  color: color-mix(in srgb, var(--mud-palette-warning) 62%, var(--mud-palette-text-primary));
}

.mud-chip.portal-status-danger {
  background: rgba(var(--mud-palette-error-rgb), .12);
  color: color-mix(in srgb, var(--mud-palette-error) 70%, var(--mud-palette-text-primary));
}

.mud-chip.portal-status-info {
  background: rgba(var(--mud-palette-info-rgb), .12);
  color: color-mix(in srgb, var(--mud-palette-info) 70%, var(--mud-palette-text-primary));
}