/**
 * GlobalCSS — Loaders
 * Loader centrado con icono + texto.
 * Ref: design-style-guide.md §8 Loading state
 */

.gs-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: 100px var(--space-xl);
    color: var(--color-text-tertiary, #aeaeb2);
    font-size: var(--gs-font-body);
}

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

.gs-loader--compact {
    padding: 40px var(--space-xl);
}