/**
 * Grovea Gebouwstudio accessibility profile.
 *
 * This stylesheet is deliberately limited to the existing configurator root.
 * It improves touch and keyboard operation without importing the shared Hubs
 * visual calibration or changing the Studio's content and calculations.
 */
.mgx-studio.grovea-studio-v2 .mgx-categories button,
.mgx-studio.grovea-studio-v2 .grovea-studio-step,
.mgx-studio.grovea-studio-v2 .mgx-segmented button,
.mgx-studio.grovea-studio-v2 .mgx-tool,
.mgx-studio.grovea-studio-v2 .mgx-drawing-tabs button,
.mgx-studio.grovea-studio-v2 .mgx-site-clear,
.mgx-studio.grovea-studio-v2 .mgx-controls select,
.mgx-studio.grovea-studio-v2 .mgx-planning-check select {
    min-height: 44px;
    touch-action: manipulation;
}

/* The Studio's late inline stylesheet intentionally uses 31px !important. */
.mgx-studio.grovea-studio-v2 .mgx-colour-tab {
    min-height: 44px !important;
    touch-action: manipulation;
}

.mgx-studio.grovea-studio-v2 .mgx-check,
.mgx-studio.grovea-studio-v2 .mgx-site-control-grid > label {
    min-height: 44px;
}

.mgx-studio.grovea-studio-v2 :is(button, select, input, textarea, a):focus-visible {
    outline: 3px solid #155eef;
    outline-offset: 3px;
}

@media (forced-colors: active) {
    .mgx-studio.grovea-studio-v2 :is(button, select, input, textarea, a):focus-visible {
        outline-color: Highlight;
    }
}