/* ============================================================
   MOTAVIO · BEISPIELBERICHT FIT V1
   Vollständiges Reporting rechts sichtbar
   Kein Zoom / kein Crop
   ============================================================ */


/* ------------------------------------------------------------
   PANEL
   Links bleibt kompakt, rechts bekommt mehr Platz
   ------------------------------------------------------------ */

.mv-report-v2__panel {

    display: grid !important;

    grid-template-columns:
        minmax(330px, .78fr)
        minmax(0, 1.62fr) !important;

    align-items: stretch !important;

}


/* ------------------------------------------------------------
   RECHTE REPORT-FLÄCHE
   ------------------------------------------------------------ */

.mv-report-v2__visual {

    position: relative !important;

    min-width: 0 !important;

    min-height: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    overflow: hidden !important;

    padding: 14px !important;

    background: #FFFFFF !important;

    border-radius:
        0
        16px
        16px
        0 !important;

}


/* ------------------------------------------------------------
   DAS EIGENTLICHE REPORT-BILD

   Wichtig:
   - keine absolute Positionierung
   - keine Mindestbreite
   - kein Transform / Zoom
   - kompletter Report sichtbar
   ------------------------------------------------------------ */

.mv-report-v2__preview-image {

    position: static !important;

    inset: auto !important;

    top: auto !important;

    right: auto !important;

    bottom: auto !important;

    left: auto !important;

    display: block !important;

    width: auto !important;

    height: auto !important;

    min-width: 0 !important;

    min-height: 0 !important;

    max-width: 100% !important;

    max-height: 100% !important;

    margin: auto !important;

    object-fit: contain !important;

    object-position: center center !important;

    transform: none !important;

    scale: 1 !important;

}


/* falls ältere Regeln direkt auf das IMG gehen */

.mv-report-v2__visual > img {

    position: static !important;

    width: auto !important;

    height: auto !important;

    min-width: 0 !important;

    max-width: 100% !important;

    max-height: 100% !important;

    inset: auto !important;

    transform: none !important;

    object-fit: contain !important;

}


/* ------------------------------------------------------------
   BUTTON
   bleibt unten rechts, ohne Bildgröße zu beeinflussen
   ------------------------------------------------------------ */

.mv-report-v2__visual-button {

    position: absolute !important;

    z-index: 5 !important;

    right: 18px !important;

    bottom: 18px !important;

    left: auto !important;

    top: auto !important;

}


/* ------------------------------------------------------------
   DESKTOP
   etwas mehr Raum für das komplette Reporting
   ------------------------------------------------------------ */

@media (min-width: 1001px) {

    .mv-report-v2__visual {

        min-height: 500px !important;

    }

}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 1000px) {

    .mv-report-v2__panel {

        grid-template-columns:
            1fr !important;

    }


    .mv-report-v2__visual {

        min-height: 0 !important;

        padding: 14px !important;

        border-radius:
            0
            0
            16px
            16px !important;

    }


    .mv-report-v2__preview-image {

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

    }

}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 650px) {

    .mv-report-v2__visual {

        padding: 8px !important;

    }


    .mv-report-v2__preview-image {

        width: 100% !important;

        height: auto !important;

        max-height: none !important;

    }


    .mv-report-v2__visual-button {

        position: relative !important;

        right: auto !important;

        bottom: auto !important;

        width: calc(100% - 16px) !important;

        margin:
            10px
            8px
            8px !important;

    }

}