/* Módulo Notificações (frente ui-pessoas): página /notifications. */
.nt-vivo { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; padding: 1px 9px; border-radius: 999px; background: var(--verde-suave); color: var(--verde-texto); font-size: 12px; font-weight: 650; }
.nt-vivo > span { width: 7px; height: 7px; border-radius: 50%; background: var(--verde); animation: ut-pulso 2s ease-in-out infinite; box-shadow: 0 0 0 3px var(--verde-suave); }
@keyframes ut-pulso { 50% { box-shadow: 0 0 0 6px transparent; } }
.nt-limite { margin-left: auto; }
.nt .ut-contagem { min-width: 20px; padding: 0 6px; border-radius: 999px; background: var(--superficie-3); color: var(--texto-2); font-size: 11.5px; line-height: 18px; text-align: center; }
.nt .ut-contagem.destaque { background: var(--vermelho-suave); color: var(--vermelho-texto); }
.nt .segmentado button { gap: 7px; }
.nt-lista { padding: 6px 14px 14px; }
.nt-lista ul { display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; }
.nt-dia { margin: 14px 4px 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; color: var(--texto-3); }
.nt-item { display: flex; align-items: center; gap: 14px; padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; background: color-mix(in srgb, var(--acento) 5%, var(--superficie)); transition: background .12s, border-color .12s; }
.nt-item:hover { border-color: var(--borda); background: var(--superficie-2); }
.nt-item.lida { background: transparent; }
.nt-item.lida .nt-titulo strong { font-weight: 550; color: var(--texto-2); }
.nt-item.esqueleto-item { background: transparent; }
.nt-icone { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0; }
.nt-icone.laranja { background: var(--laranja-suave); color: var(--laranja-texto); }
.nt-icone.verde { background: var(--verde-suave); color: var(--verde-texto); }
.nt-icone.vermelho { background: var(--vermelho-suave); color: var(--vermelho-texto); }
.nt-icone.azul { background: var(--azul-suave); color: var(--azul-texto); }
.nt-icone.cinza { background: var(--superficie-2); color: var(--texto-2); }
.nt-corpo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 0; border: 0; background: none; color: var(--texto); text-align: left; font: inherit; cursor: pointer; }
.nt-corpo:focus-visible { outline: 2px solid var(--foco); outline-offset: 4px; }
.nt-titulo { display: flex; align-items: center; gap: 8px; }
.nt-titulo strong { font-size: 14px; font-weight: 700; }
.nt-ponto { width: 8px; height: 8px; border-radius: 50%; background: var(--acento); flex-shrink: 0; }
.nt-texto { color: var(--texto-2); font-size: 13.5px; line-height: 1.45; }
.nt-corpo small { color: var(--texto-3); font-size: 12px; }
.nt-acoes { display: flex; align-items: center; gap: 4px; }
.botao-linha { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--texto-2); cursor: pointer; }
.botao-linha:hover { background: var(--superficie-2); border-color: var(--borda); color: var(--texto); }
.pm-seta { display: inline-grid; place-items: center; color: var(--texto-3); }