/* =====================================================================
   Central interna de notificações — sininho do cabeçalho e tela
   /notificacoes.

   Paleta: azul informativo, verde favorável, âmbar atenção, vermelho
   deterioração — os tons de .gps-badge-* do design-system. Aqui só entra
   o que ainda não existia: a variante informativa (azul) e o sininho.
   ===================================================================== */

.gps-badge-info {
    background: #E6EFFA;
    color: var(--nexus-royal-blue, #2563B8);
}

.nexus-notification-unread td:first-child {
    box-shadow: inset 3px 0 0 var(--nexus-royal-blue, #2563B8);
}

/* ---------------- sininho ---------------- */

.nexus-bell {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: var(--gps-color-text, #1F2937);
    text-decoration: none;
}

.nexus-bell:hover,
.nexus-bell:focus-visible {
    background: var(--gps-color-border, #E5E7EB);
}

.nexus-bell svg {
    width: 20px;
    height: 20px;
}

.nexus-bell-count {
    position: absolute;
    top: 2px;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #B42318;
    color: #FFFFFF;
    font-size: .7rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.nexus-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}