/**
 * Empty States Component
 *
 * Empty state displays for when no content is available.
 * Includes icon, heading, description, and action area.
 */

/* ===== Empty States ===== */

.empty-state {
    text-align: center;
    padding: var(--space-2xl);
}

.empty-state-icon {
    font-size: 4rem;
    margin-bottom: var(--space-lg);
    opacity: 0.5;
}

.empty-state h3 {
    color: var(--color-text);
    margin-bottom: var(--space-sm);
}

.empty-state p {
    color: var(--color-text-light);
    margin-bottom: var(--space-lg);
}