/* moduleCompact.css
   Holistic module scaling for LedgerIQ dashboard modules.
   This intentionally scales whole module views instead of shrinking charts in isolation.
*/

body.ledgeriq-holistic-scale #contentSectionEl {
    --ledgeriq-module-scale: 1;
    --ledgeriq-module-natural-height: auto;
    zoom: var(--ledgeriq-module-scale);
    width: 100%;
    transform-origin: top left;
    transition: zoom 0.16s ease-out, transform 0.16s ease-out;
}

body.ledgeriq-holistic-scale #contentSectionEl.is-scaled {
    will-change: zoom;
}

body.ledgeriq-holistic-scale #contentSectionEl.is-scaled .content-section-title {
    letter-spacing: -0.01em;
}

body.ledgeriq-holistic-scale #contentSectionEl.is-scaled .module-placeholder {
    font-style: normal;
}

@media (max-width: 900px) {
    body.ledgeriq-holistic-scale #contentSectionEl {
        --ledgeriq-module-scale: 1 !important;
        zoom: 1 !important;
        width: 100% !important;
    }
}