/* ============================================================
   RELATORIOS FINANCEIROS
   ============================================================ */

.ga-fin-report-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin: 10px 0 13px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.06);
    border-radius: 10px;
    background: rgba(255,255,255,.018);
}

.ga-fin-report-period,
.ga-fin-report-summary {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ga-fin-report-label {
    margin-right: 4px;
}

.ga-fin-report-label strong,
.ga-fin-report-label span {
    display: block;
}

.ga-fin-report-label strong {
    color: #929ba4;
    font-size: 7px;
    letter-spacing: 1px;
}

.ga-fin-report-label span {
    margin-top: 2px;
    color: #59636d;
    font-size: 7px;
}

.ga-fin-report-toolbar select {
    min-width: 105px;
    height: 34px;
    padding: 0 9px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    background: #10151a;
    color: #d5dbe0;
    outline: none;
    font-size: 8px;
}

.ga-fin-report-summary > div {
    min-width: 80px;
    padding-right: 10px;
    text-align: right;
}

.ga-fin-report-summary span,
.ga-fin-report-summary strong {
    display: block;
}

.ga-fin-report-summary span {
    color: #626c76;
    font-size: 7px;
    font-weight: 800;
}

.ga-fin-report-summary strong {
    margin-top: 3px;
    color: #e5e9ed;
    font-size: 10px;
}

.ga-fin-report-summary button {
    height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(93,160,224,.23);
    border-radius: 7px;
    background: rgba(93,160,224,.07);
    color: #95bde7;
    cursor: pointer;
    font-size: 8px;
    font-weight: 800;
}

.ga-fin-report-summary button:hover {
    border-color: rgba(93,160,224,.45);
    background: rgba(93,160,224,.12);
    color: #b5d3f0;
}

@media (max-width: 850px) {

    .ga-fin-report-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ga-fin-report-summary {
        justify-content: space-between;
    }
}

@media (max-width: 600px) {

    .ga-fin-report-period,
    .ga-fin-report-summary {
        align-items: stretch;
        flex-direction: column;
    }

    .ga-fin-report-summary > div {
        text-align: left;
    }
}