/* Melhorias para o ranking */
.table-warning {
    background-color: #fff3cd !important;
}

.table-secondary {
    background-color: #e9ecef !important;
}

.table-danger {
    background-color: #f8d7da !important;
}

.badge.bg-success {
    background-color: #28a745 !important;
    font-size: 1.1em;
}

.progress {
    border-radius: 10px;
    overflow: hidden;
}

.progress-bar {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 25px;
    transition: width 0.5s ease;
}

/* Efeitos hover nas linhas do ranking */
.table-hover tbody tr:hover {
    transform: scale(1.01);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* Responsividade */
@media (max-width: 768px) {

    .table td,
    .table th {
        font-size: 0.9em;
    }

    .badge {
        font-size: 0.9em !important;
        padding: 5px 8px !important;
    }

    .progress-bar {
        font-size: 0.7em;
    }
}

/* Animações para o logo */
.navbar-brand {
    transition: transform 0.3s ease;
}

.navbar-brand:hover {
    transform: scale(1.05);
}

.logo-img {
    transition: all 0.3s ease;
}

.navbar-brand:hover .logo-img {
    filter: brightness(1.1);
}

/* Responsividade */
@media (max-width: 576px) {
    .navbar-brand span {
        font-size: 0.9rem;
    }

    .logo-img {
        height: 35px;
    }
}

/* Active nav links */
.nav-link.active {
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
}