/* Ajustes Gerais */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* Layout Principal */
.container-fluid {
    flex: 1;
}

.row.full-height {
    height: calc(100vh); /* Altura total menos navbar e rodapé */
}

/* Sidebar fixa */
.left-panel {
    padding: 20px;
    height: 100%;
    overflow: hidden;
}

/* Conteúdo principal rolável */
.right-panel {
    padding: 20px;
    height: 100%;
    overflow-y: auto;
}

/* Card Hover */
.card.tab-card.border-dark,
.card.tab-card:hover {
    border: 1.5px solid #000 !important;
}
.card.tab-card {
    border: 1.5px solid #e1e1e1 !important;
}
.card.tab-card:hover {
    transition: 0.5s ease !important;
}
.credit-card-icon {
    right: 20px; 
    top: 50%; 
    transform: translateY(-50%); 
    color: #aaa;
}

/* Responsividade */
@media (max-width: 768px) {
    .row.full-height {
        height: auto;
    }
    .left-panel, .right-panel {
        height: auto;
        overflow: visible;
    }
}