/* BRAZIL FORCE — Sino de notificações (componente compartilhado, ver js/notify.js).
   Painel no mesmo visual do dropdown do usuário (cantos dourados + clip-path). */
.notif-wrap{position:relative;display:flex;align-items:center}
.notif-wrap [hidden]{display:none !important}
.notif-bell{
  position:relative;background:rgba(15,25,45,.6);border:1px solid var(--line,rgba(180,200,255,.12));color:var(--text-dim,#94a0b8);cursor:pointer;
  width:40px;height:40px;display:grid;place-items:center;
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);
  transition:color .2s,border-color .2s,background .2s;
}
.notif-bell:hover{color:var(--gold,#f5c452);border-color:var(--gold,#f5c452);background:rgba(245,196,82,.06)}
/* Fica fora do .notif-bell: o clip-path do botão recorta os filhos e comia o número. */
.notif-count{
  position:absolute;top:-5px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--sith,#e23a3a);color:#fff;font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:700;
  display:grid;place-items:center;box-shadow:0 0 8px rgba(226,58,58,.6);z-index:1;pointer-events:none;
}
.notif-panel{
  position:absolute;right:0;top:calc(100% + 10px);width:min(340px,calc(100vw - 40px));max-height:440px;z-index:300;
  background:linear-gradient(180deg,rgba(20,30,50,.95),rgba(10,15,28,.97));
  backdrop-filter:blur(14px);border:1px solid var(--line,rgba(180,200,255,.12));
  padding:8px;display:flex;flex-direction:column;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));
}
.notif-panel::before,.notif-panel::after{
  content:"";position:absolute;width:10px;height:10px;border-color:var(--gold,#f5c452);border-style:solid;
}
.notif-panel::before{top:-1px;left:-1px;border-width:1px 0 0 1px}
.notif-panel::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.notif-head{
  display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px 10px;
  border-bottom:1px dashed var(--line,rgba(180,200,255,.12));margin-bottom:6px;
  font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:2px;color:var(--text-mute,#5d6a83);
}
.notif-readall{background:none;border:none;color:var(--cyan,#4dd6ff);font-family:"JetBrains Mono",monospace;font-size:9.5px;letter-spacing:1px;cursor:pointer;text-transform:uppercase}
.notif-readall:hover{color:#fff}
.notif-list{overflow-y:auto}
.notif-item{padding:10px 14px;cursor:pointer;transition:background .15s,color .15s;border-left:2px solid transparent}
.notif-item:hover{background:rgba(245,196,82,.08)}
.notif-item.unread{background:rgba(245,196,82,.05);border-left-color:var(--gold,#f5c452)}
.notif-item .t{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:14px;color:var(--text,#e6ecf5)}
.notif-item .b{font-size:12.5px;color:var(--text-dim,#94a0b8);margin-top:2px}
.notif-item .d{font-family:"JetBrains Mono",monospace;font-size:9.5px;color:var(--text-mute,#5d6a83);margin-top:4px;letter-spacing:.5px}
.notif-empty{padding:26px 16px;text-align:center;color:var(--text-mute,#5d6a83);font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:1px}