/* ========================================= */
/* БЕЙДЖИ И СТАТУСЫ */
/* Минималистичные индикаторы состояния */
/* ========================================= */

.badge-modern {
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: 600;
  display: inline-block;
  margin-bottom: var(--spacing-sm);
}

.badge-modern--primary {
  background: #eff6ff;
  color: var(--color-primary);
}

.badge-modern--success {
  background: #f0fdf4;
  color: #166534;
}

.badge-modern--warning {
  background: #fefce8;
  color: #ca8a04;
}

.badge-modern--danger {
  background: #fef2f2;
  color: #dc2626;
}

/* === СТАТУСЫ ЭЛЕМЕНТОВ === */
.item-status {
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: 600;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.item-status i {
  font-size: 0.6rem;
}

.item-status--open {
  background: #dcfce7;
  color: #166534;
}

.item-status--pending {
  background: #fef3c7;
  color: #92400e;
}

.item-status--in_progress {
  background: #dbeafe;
  color: #1d4ed8;
}

.item-status--active {
  background: #dcfce7;
  color: #166534;
}

.item-status--completed {
  background: #dbeafe;
  color: #1d4ed8;
}

.item-status--inactive {
  background: #f3f4f6;
  color: #6b7280;
}

.item-date {
  color: var(--color-text-muted);
  font-size: var(--text-xs);
}