/* SMART INVEST V1.2 */

.si-view[hidden] {
    display:none!important;
}

.si-view {
    animation:siEnter .18s ease-out;
    min-width:0;
}

@keyframes siEnter {
    from{opacity:0;transform:translateY(5px)}
    to{opacity:1;transform:translateY(0)}
}

.si-heading {
    margin:4px 0 20px;
}

.si-heading h2 {
    font-size:23px;
    margin:0 0 7px;
    letter-spacing:-.5px;
}

.si-heading p {
    color:#97a9c3;
    margin:0;
    font-size:13px;
}

.si-view-dashboard > .grid {
    margin-bottom:17px;
}

.si-dashboard-lower {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}

.si-dashboard-lower > .card {
    min-width:0;
}

.si-summary-list {
    display:grid;
    gap:12px;
}

.si-summary-row {
    padding:12px 14px;
    background:#0c1728;
    border:1px solid #2b3b54;
    border-radius:10px;
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:center;
}

.si-summary-row span {
    color:#97a9c3;
    font-size:13px;
}

.si-summary-row strong {
    color:#f1f5fc;
    white-space:nowrap;
}

.si-view-market .sections {
    display:block;
    margin:0;
}

.si-view-market .sections > .card {
    width:100%;
}

.si-view-market .chart {
    height:590px;
}

.si-view-market .market-quotes {
    margin:0 0 16px;
}

.si-market-tools {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:15px;
}

.si-market-tools small {
    color:#97a9c3;
}

.si-fullscreen {
    padding:10px 15px;
    border-radius:9px;
    background:#273d5a;
    border:1px solid #405374;
    color:white;
    cursor:pointer;
}

.si-view-market .chart:fullscreen {
    width:100vw;
    height:100vh;
    border-radius:0;
    background:#0b1220;
}

.si-view-wallet > .sections,
.si-view-paraguai > .sections,
.si-view-simulator > .sections {
    margin-top:0;
}

.si-view-simulator #renda-fixa {
    margin-top:16px;
}

.sidebar .nav.active {
    background:#304b87;
    color:#ffffff;
    font-weight:700;
    border-left:3px solid #899eff;
}

#allocation {
    width:100%!important;
    max-width:290px!important;
    max-height:240px!important;
    margin:auto!important;
}

@media(max-width:950px) {
    .si-dashboard-lower {
        grid-template-columns:1fr;
    }
    .si-view-market .chart {
        height:480px;
    }
}

@media(max-width:600px) {
    .si-view-market .chart {
        height:420px;
    }
    .si-heading h2 {
        font-size:20px;
    }
    .si-market-tools {
        align-items:flex-start;
    }
}