/* Estilos para o Submenu Colapsável do Portal do Servidor */
.transition-transform {
    transition: transform 0.3s ease;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
}

#portalSubmenu .nav-link {
    transition: all 0.2s ease;
    border-radius: 0 50px 50px 0;
    margin-right: 10px;
    font-size: 12px;
}

#portalSubmenu .nav-link:hover {
    background: rgba(255, 255, 255, 0.1);
    padding-left: 2rem !important;
    opacity: 1 !important;
}

/* Ajuste para quando a sidebar estiver colapsada */
.sidebar.collapsed [data-bs-toggle="collapse"] .bi-chevron-down,
.sidebar.collapsed [data-bs-toggle="collapse"] > span {
    display: none !important;
}

.sidebar.collapsed #portalSubmenu ul, 
.sidebar.collapsed #configSubmenu ul,
.sidebar.collapsed #atividadesSubmenu ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-left: none !important;
}

.sidebar.collapsed #portalSubmenu .nav-link, 
.sidebar.collapsed #configSubmenu .nav-link,
.sidebar.collapsed #atividadesSubmenu .nav-link {
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sidebar.collapsed #portalSubmenu .nav-link i, 
.sidebar.collapsed #configSubmenu .nav-link i,
.sidebar.collapsed #atividadesSubmenu .nav-link i {
    margin-right: 0 !important;
}

/* Estilos Comuns de UI */
.unread-row {
    border-left: 5px solid #0d6efd !important;
    position: relative;
    background-color: rgba(13, 110, 253, 0.08) !important;
}

.unread-row .fw-semibold {
    color: #0d6efd !important;
}

.unread-row:hover {
    background-color: rgba(13, 110, 253, 0.12) !important;
    transform: none !important;
}

.clickable-row {
    cursor: pointer;
}

.clickable-row:hover {
    background-color: rgba(242, 244, 247, 0.8) !important;
    transform: none !important;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.7; }
    100% { opacity: 1; }
}

.animate-pulse {
    animation: pulse 2s infinite ease-in-out;
}

.transition {
    transition: all 0.2s ease-in-out;
}

.transition:hover { 
    background-color: rgba(248, 249, 250, 1); 
    transform: scale(1.002); 
}

/* Estilos de Abas (Tabs) */
.nav-tabs .nav-link { 
    transition: all 0.3s ease; 
    border-bottom: 3px solid transparent !important; 
    color: #6c757d; 
}

.nav-tabs .nav-link.active { 
    border-bottom: 3px solid #0d6efd !important; 
    color: #0d6efd !important; 
    opacity: 1 !important; 
}

.nav-tabs .nav-link:hover:not(.active) { 
    color: #0d6efd; 
    opacity: 0.8; 
}