/* invoices.css */
.invoices-header {
	margin-bottom: 2rem;
}

.invoices-header h2 {
	color: #1f2937;
	margin-bottom: 0.5rem;
}

.invoices-header p {
	color: #6b7280;
	margin: 0;
}

/* Invoice status badges */
.status-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.status-paid {
	background-color: #d1fae5;
	color: #065f46;
}

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

.status-overdue {
	background-color: #fee2e2;
	color: #991b1b;
}

.status-draft {
	background-color: #f3f4f6;
	color: #374151;
}

/* Hover effects */
.invoice-item-hover:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Animation for status change */
.status-transition {
	transition: all 0.3s ease-in-out;
}