/**
 * GlobalCSS — Empty States
 * Estado vacío centrado con icono grande sutil.
 * Ref: design-style-guide.md §8 Empty state
 */

.gs-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-sm);
    padding: 48px var(--space-xl);
    color: var(--color-text-tertiary, #aeaeb2);
    font-size: var(--gs-font-body);
    text-align: center;
}

.gs-empty i {
    font-size: calc(1.5rem * var(--app-text-scale, 1));
    opacity: 0.4;
}

.gs-empty p {
    margin: 0;
    color: var(--color-text-secondary, #6e6e73);
    font-size: var(--gs-font-body);
}