/* Empty states — shared "nothing here yet" block. */
.empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 40px 20px;
    text-align: center;
    color: var(--text-muted);
}

.empty-state-icon {
    font-size: 2rem;
    opacity: 0.7;
}

.empty-state-text {
    margin: 0;
    font-size: 0.95rem;
}