/*
 * ==========================================================
 * GA DASHBOARD FINAL + SALDO INICIAL
 * ==========================================================
 */

.ga-fin-live-status-grid.ga-status-three-columns {
    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;
}


.ga-dashboard-single-panel {
    grid-template-columns:
        minmax(0, 1fr) !important;
}


.ga-dashboard-single-panel > * {
    grid-column:
        1 / -1 !important;

    width:
        100% !important;
}


.ga-ceo-month-name {
    display:
        block;

    margin-bottom:
        12px;
}


.ga-ceo-month-values {
    display:
        grid;

    gap:
        8px;

    width:
        100%;
}


.ga-ceo-month-values > div {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;
}


.ga-ceo-month-values span {
    font-size:
        10px !important;

    letter-spacing:
        .08em;

    opacity:
        .62;
}


.ga-ceo-month-values strong {
    font-size:
        13px !important;

    font-weight:
        750;

    white-space:
        nowrap;
}


.ga-ceo-month-values .income strong {
    color:
        #4ee0a3;
}


.ga-ceo-month-values .expense strong {
    color:
        #ff858b;
}


.ga-opening-balance-button {
    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        fit-content;

    margin-top:
        10px;

    padding:
        7px 10px;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius:
        8px;

    background:
        rgba(255,255,255,.045);

    color:
        inherit;

    font-size:
        11px;

    font-weight:
        700;

    cursor:
        pointer;
}


.ga-opening-balance-button:hover {
    background:
        rgba(255,255,255,.09);
}


@media (max-width: 900px) {

    .ga-fin-live-status-grid.ga-status-three-columns {
        grid-template-columns:
            1fr !important;
    }

}