.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.badge-success { background: rgba(16,185,129,0.15); color: #10b981; }
.badge-warning { background: rgba(245,158,11,0.15); color: #f59e0b; }
.badge-danger  { background: rgba(239,68,68,0.15);  color: #ef4444; }
.badge-primary { background: rgba(99,102,241,0.15); color: #6366f1; }
.badge-purple  { background: rgba(168,85,247,0.15); color: #a855f7; }
.badge-info    { background: rgba(59,130,246,0.15); color: #3b82f6; }
.badge-teal    { background: rgba(20,184,166,0.15); color: #14b8a6; }
.badge-gray    { background: rgba(148,163,184,0.15); color: #94a3b8; }

/* Role badges */
.role-admin        { background: rgba(239,68,68,0.15);  color: #ef4444; }
.role-sale_manager { background: rgba(99,102,241,0.15); color: #6366f1; }
.role-sale_leader  { background: rgba(168,85,247,0.15); color: #a855f7; }
.role-sale         { background: rgba(16,185,129,0.15); color: #10b981; }

/* Pipeline stage badges */
.stage-dang-lien-he  { background: rgba(148,163,184,0.15); color: #94a3b8; }
.stage-dang-tu-van   { background: rgba(96,165,250,0.15);  color: #60a5fa; }
.stage-bao-gia       { background: rgba(245,158,11,0.15);  color: #f59e0b; }
.stage-hd-thiet-ke   { background: rgba(168,85,247,0.15);  color: #a855f7; }
.stage-dang-sx       { background: rgba(16,185,129,0.15);  color: #10b981; }
.stage-hoan-thanh    { background: rgba(99,102,241,0.15);  color: #6366f1; }

/* Order status */
.status-hoan-thanh    { background: rgba(16,185,129,0.15);  color: #10b981; }
.status-dang-sx       { background: rgba(245,158,11,0.15);  color: #f59e0b; }
.status-dang-thiet-ke { background: rgba(99,102,241,0.15);  color: #6366f1; }
.status-cho-xac-nhan  { background: rgba(148,163,184,0.15); color: #94a3b8; }