/* Unified ERP-style status pills — admin + frontend */
.status-pill,
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  vertical-align: middle;
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.status-pill__icon {
  font-size: 0.7rem;
  opacity: 0.9;
}

.status-pill--sm,
.status-badge.status-pill--sm {
  font-size: 0.68rem;
  padding: 0.18rem 0.55rem;
}

.status-pill--lg,
.status-badge.status-pill--lg {
  font-size: 0.85rem;
  padding: 0.4rem 0.95rem;
}

/* Subtle (default) */
.status-pill--subtle.status-pill--tone-primary   { background: rgba(98, 89, 202, 0.15); color: var(--primary, #6259ca); }
.status-pill--subtle.status-pill--tone-success   { background: rgba(25, 176, 170, 0.15); color: var(--success, #19b0aa); }
.status-pill--subtle.status-pill--tone-warning   { background: rgba(247, 183, 49, 0.18); color: var(--warning, #c9920a); }
.status-pill--subtle.status-pill--tone-danger    { background: rgba(231, 76, 60, 0.15); color: var(--danger, #e74c3c); }
.status-pill--subtle.status-pill--tone-info      { background: rgba(59, 113, 237, 0.15); color: var(--info, #3b71ed); }
.status-pill--subtle.status-pill--tone-secondary { background: rgba(121, 135, 161, 0.18); color: var(--text-muted, #7987a1); }

/* Solid */
.status-pill--solid.status-pill--tone-primary   { background: var(--primary, #6259ca); color: #fff; }
.status-pill--solid.status-pill--tone-success   { background: var(--success, #19b0aa); color: #fff; }
.status-pill--solid.status-pill--tone-warning   { background: var(--warning, #f7b731); color: #1d212f; }
.status-pill--solid.status-pill--tone-danger    { background: var(--danger, #e74c3c); color: #fff; }
.status-pill--solid.status-pill--tone-info      { background: var(--info, #3b71ed); color: #fff; }
.status-pill--solid.status-pill--tone-secondary { background: var(--text-muted, #7987a1); color: #fff; }

/* Legacy .status-badge.{value} — system users/customers + AJAX toggle */
.status-badge.active,
.status-badge.status-pill--tone-success,
.status-pill--legacy.status-pill--tone-success { background: rgba(25, 176, 170, 0.15); color: var(--success, #19b0aa); }

.status-badge.inactive,
.status-badge.status-pill--tone-warning,
.status-pill--legacy.status-pill--tone-warning { background: rgba(247, 183, 49, 0.15); color: var(--warning, #f7b731); }

.status-badge.banned,
.status-badge.status-pill--tone-danger,
.status-pill--legacy.status-pill--tone-danger { background: rgba(231, 76, 60, 0.15); color: var(--danger, #e74c3c); }

/* Product stock (frontend) — maps inventory type */
.product-stock-badge.status-pill {
  border-radius: 6px;
  font-size: 0.8rem;
  padding: 0.35rem 0.75rem;
}

.product-stock-badge.status-pill--tone-success { background: var(--success-bg, rgba(25, 176, 170, 0.12)); color: var(--success, #19b0aa); }
.product-stock-badge.status-pill--tone-warning { background: var(--warning-bg, rgba(247, 183, 49, 0.12)); color: var(--warning, #f7b731); }
.product-stock-badge.status-pill--tone-danger  { background: var(--danger-bg, rgba(231, 76, 60, 0.12)); color: var(--danger, #e74c3c); }

/* Invoice / print-friendly order status */
.status-badge.status-pending,
.status-pill--solid.status-pill--tone-warning.status-pending { background: rgba(255, 193, 7, 0.25); color: #b8860b; }
.status-badge.status-processing { background: rgba(13, 202, 240, 0.25); color: #0aa2c0; }
.status-badge.status-completed  { background: rgba(25, 135, 84, 0.25); color: #198754; }
.status-badge.status-cancelled  { background: rgba(220, 53, 69, 0.25); color: #dc3545; }
.status-badge.status-refunded   { background: rgba(108, 117, 125, 0.25); color: #6c757d; }

.pay-status.status-pill,
.pay-status { display: inline-block; padding: 4px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.pay-status.status-pill--tone-success,
.pay-status.pay-paid { background: rgba(25, 135, 84, 0.2); color: #198754; }
.pay-status.status-pill--tone-danger,
.pay-status.pay-failed { background: rgba(220, 53, 69, 0.2); color: #dc3545; }
.pay-status.status-pill--tone-warning,
.pay-status.pay-pending { background: rgba(255, 193, 7, 0.25); color: #856404; }