.top-navbar {
    width: 100%;
    background: linear-gradient(to bottom, #031D49);
    padding: 14px 36px;
    border-bottom: none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* Define stacking context para controlar sobreposição com a sidebar */
    position: relative;
    z-index: 80;
}

/* Botões redondos */
.nav-circle-btn {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition: .2s;
}

.nav-circle-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Regra específica para desativar hover padrão no botão de logout */
#logout-form .nav-circle-btn:hover {
    background: transparent;
}

/* Títulos à esquerda */
.nav-page-info {
    display: flex;
    flex-direction: column;
    margin-left: 16px;
    flex: 1;
}

.nav-title {
    font-family: Poppins, sans-serif;
    font-size: 20px;
    color: white;
    font-weight: 500;
}

.nav-subtitle {
    font-family: Arimo, sans-serif;
    font-size: 14px;
    color: #E5E7EB;
    margin-top: -2px;
}

/* Lado direito */
.nav-right {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* Avatar */
.nav-user {
    display: flex;
    align-items: center;
    gap: 12px;
}

.nav-avatar {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, #132D78, #031D49);
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-avatar img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 14px;
}

/* Status verde */
.nav-status {
    width: 12px;
    height: 12px;
    background: #00C950;
    border-radius: 50%;
    position: absolute;
    right: -2px;
    bottom: -2px;
    border: 2px solid white;
}

/* Nome + função */
.nav-user-name {
    font-family: Poppins, sans-serif;
    font-size: 14px;
    color: white;
}

.nav-user-role {
    font-family: Poppins, sans-serif;
    font-size: 12px;
    color: #E5E7EB;
    margin-top: -2px;
}

/* Logout */
.logout-btn i {
    color: white;
}
/* Hover effect ajustado para o botão de logout (contido no tamanho do botão) */
#logout-form .nav-circle-btn:hover {
    background: linear-gradient(to right, #FF0000 0%, #990000 100%);
    transition: background 0.3s ease;
    border-radius: 14px;
    border: none; /* Explicitamente remover qualquer borda */
}

#logout-form:hover .text-white {
    color: white !important; /* Ensure text remains white on hover */
}