/* components/empty-state.css — пустые состояния каталогов (этап 5.1 / 9.1) */

.empty-state {
    text-align: center;
    padding: var(--card-content-padding) var(--listing-gap);
    background: var(--light);
    border-radius: var(--card-radius);
    border: 1px dashed var(--neutral-warm);
}

.empty-state-icon {
    font-size: var(--page-title-size);
    color: var(--primary-on-light);
    margin-bottom: var(--space-5);
    opacity: 0.9;
}

.empty-state-text {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-card);
    color: var(--dark);
    margin-bottom: 0.5rem;
}

.empty-state-hint {
    font-size: var(--text-sm);
    color: var(--text-muted);
    margin: 0;
}

.empty-state-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    justify-content: center;
    margin: 0;
}

.empty-state-inline {
    padding: var(--card-content-padding) var(--content-gap);
}