/* DASH primitives (scoped). Keep this tiny and composable. */

.dash-scope .dash-stack {
    display: flex;
    flex-direction: column;
}

.dash-scope .dash-stack--sm {
    gap: var(--space-2, 8px);
}

.dash-scope .dash-stack--md {
    gap: var(--space-4, 16px);
}

.dash-scope .dash-cluster {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.dash-scope .dash-cluster--sm {
    gap: var(--space-2, 8px);
}

.dash-scope .dash-cluster--md {
    gap: var(--space-4, 16px);
}

.dash-scope .dash-surface {
    background: var(--color-card-bg);
    border: 1px solid var(--color-card-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}