.nm-plan-badge {
  min-width: max-content;
  min-height: 18px;
  padding: 2px 6px;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid #fde68a;
  border-radius: 999px;
  color: #92400e;
  background: #fef3c7;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
  pointer-events: none;
  user-select: none;
}

.nm-plan-badge.hidden,
.nm-plan-badge[hidden] {
  display: none;
}

.nm-pro-feature-label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nm-editor-filter-tab.nm-pro-feature-label {
  justify-content: center;
}

.nm-pro-feature-label > :first-child {
  min-width: 0;
}

.nm-pro-feature-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nm-pro-feature-row > .nm-plan-badge {
  margin-inline-start: auto;
}

.nm-control-state--plan-gated,
.nm-pro-locked-control[aria-disabled='true'] {
  cursor: pointer;
}

.nm-control-state--view-only,
.nm-control-state--unavailable,
.nm-control-state--busy {
  cursor: not-allowed;
}

html.dark .nm-plan-badge {
  border-color: #92400e;
  color: #fde68a;
  background: #451a03;
}