.notificacoes-drawer {
    background-color: white;
    border-radius: 16px;
}

.notification-drawer-header {
    height: 50px;
}

div#notification-drawer-tab-content {
    overflow: auto; 
    height: calc(100% - 125px);
}

.notification-drawer-body ul#notification-drawer-tab-links {
    height: 45px;
}

.notification-drawer-title {
    font-size: 1.7rem;
    font-weight: bolder;
    color: #000;
}

.notification-drawer-close {
    font-size: 1.2rem;
    font-weight: bolder;
    cursor: pointer;
}

a.notificacoes-drawer-link,
a.notificacoes-drawer-link .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
    box-sizing: border-box;
    border-bottom: 4px solid transparent;
    font-size: 1.0rem;
    font-weight: bolder;
    color: #000;
}

a.notificacoes-drawer-link .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 4px solid black;
    box-sizing: border-box;
    font-size: 1.0rem;
    font-weight: bolder;
    color: #000;
}

a.notificacoes-drawer-link:hover {
    box-sizing: border-box;
    border: none;
    border-bottom: 4px solid black;
}

.notifications-count-container {
    font-weight: 900; 
    position: absolute; 
    top: -4px; 
    right: -4px; 
    background-color: red; 
    color: white; 
    border-radius: 50%; 
    width: 1rem; 
    height: 1rem; 
    font-size: 0.8rem; 
    text-align: center;
}

/* Estilos para notificações em progresso */
.notification-in-progress {
    border-left: 4px solid #007bff !important;
    background-color: #f8f9fa;
}

.notification-in-progress .notification-progress-bar {
    background-color: #007bff;
}

.notification-progress-text {
    display: block;
    margin-top: 4px;
    font-size: 0.85rem;
}