/* ── CondoUnitSelector — global (component-level CSS) ── */

.selection-row {
    display: flex;
    gap: 1.5rem;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.selection-group {
    flex: 1;
    min-width: 220px;
}

.loading {
    color: var(--color-gray-400);
    font-style: italic;
}

.error {
    color: var(--color-error);
    font-weight: 500;
    font-size: 0.9rem;
}

body.dark .error {
    color: var(--color-error-light);
}

.empty-state {
    color: var(--color-gray-400);
    font-style: italic;
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .selection-row {
        flex-direction: column;
        gap: 1rem;
    }
}