/* ------------------------------------------------------------------ *
 * Boxplot do Minha TRI — troca de orientação por breakpoint            *
 *                                                                      *
 *  - Desktop (>= 48em / 768px): gráfico horizontal (acertos no eixo X) *
 *  - Mobile  (<  48em):         gráfico vertical (acertos no eixo Y),  *
 *    mais alto, para não comprimir os 45 patamares em telas estreitas. *
 *                                                                      *
 * Media queries próprias (não dependem das classes visibleFrom/        *
 * hiddenFrom do Mantine) para garantir o comportamento em qualquer     *
 * dispositivo.                                                         *
 * ------------------------------------------------------------------ */

@media (max-width: 47.99em) {
    .tri-boxplot-desktop {
        display: none !important;
    }
}

@media (min-width: 48em) {
    .tri-boxplot-mobile {
        display: none !important;
    }
}