/* Matches the purchased template's Badges with Icons, without nested pills. */
.didloo-status-badge {
  --status-success-bg: #198754;
  --status-pending-bg: #ac6000;
  --status-danger-bg: #dc3545;
  --status-neutral-bg: #526174;
  --status-ink: #fff;
  display: inline-flex;
  align-items: center;
  padding: .42em .65em;
  border-radius: .375rem;
  border: 0;
  box-shadow: none;
  font-size: .78rem;
  font-weight: 700 !important;
  line-height: 1.3;
  letter-spacing: 0;
  vertical-align: middle;
  white-space: normal;
  max-width: 100%;
  color: var(--status-ink) !important;
}
.didloo-status-badge > .bi { flex: 0 0 auto; font-size: 1em; line-height: 1; }
.didloo-status-badge > .didloo-status-label { min-width: 0; font: inherit; color: inherit; background: transparent; }
.didloo-status-badge[data-status-tone="success"] { background: var(--status-success-bg) !important; }
.didloo-status-badge[data-status-tone="pending"] { background: var(--status-pending-bg) !important; }
.didloo-status-badge[data-status-tone="danger"] { background: var(--status-danger-bg) !important; }
.didloo-status-badge[data-status-tone="neutral"] { background: var(--status-neutral-bg) !important; }
:is([data-theme="dark"], [data-bs-theme="dark"], html.dark, body.dark) .didloo-status-badge {
  --status-success-bg: #8ce5b2;
  --status-pending-bg: #ffd477;
  --status-danger-bg: #ffacb3;
  --status-neutral-bg: #d3dce8;
  --status-ink: #111;
}