/* Notificações no formato do Facebook (19/10/2026), cores Forsolun. Código em notificacoes.mjs e fim do app.mjs. */
#notifications-panel>.p-cab,.pi-notifs-cab{display:none!important}
.pi-notifs{border:0!important;background:none!important}
.pi-notifs #pi-notifs-list,#notifications-list{padding:0!important;max-height:none}
:where(.nt) button{padding:0;min-height:0;letter-spacing:normal;text-transform:none;font:inherit}
.nt{--nt-hover:color-mix(in srgb,var(--tit) 6%,transparent);--nt-azul:var(--pri);background:var(--card);color:var(--texto);border-radius:14px;padding:12px 8px 10px;font-family:Archivo,system-ui,sans-serif}
.nt.completo{max-width:680px;margin:0 auto;border:1px solid var(--line);box-shadow:0 1px 3px rgba(0,0,0,.05)}
.nt-cab{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px}
.nt-cab h2{margin:0;font-size:24px!important;font-weight:700!important;color:var(--tit);letter-spacing:-.01em!important;line-height:1.2!important}
.nt-mais-w{position:relative;flex:none}
.nt-mais{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--sub);display:grid;place-items:center;cursor:pointer}
.nt-mais:hover,.nt-mais[aria-expanded="true"]{background:color-mix(in srgb,var(--tit) 9%,transparent);color:var(--tit)}
.nt-mais svg{width:20px;height:20px;fill:currentColor}
.nt-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:270px;padding:8px;border-radius:10px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 28px rgba(9,30,35,.22),0 2px 4px rgba(9,30,35,.1)}
.nt-menu[hidden]{display:none}
.nt-menu button,.nt-menu a{display:flex;align-items:center;gap:12px;width:100%;padding:9px 8px;border:0;border-radius:8px;background:none;color:var(--tit);font-size:14.5px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.nt-menu button:hover,.nt-menu a:hover,.nt-menu :focus-visible{background:var(--nt-hover);outline:none}
.nt-menu svg{width:22px;height:22px;flex:none}
.nt-abas{display:flex;gap:6px;padding:0 8px 6px}
.nt-abas button{height:36px;padding:0 14px;border:0;border-radius:18px;background:none;color:var(--tit);font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nt-abas button:hover{background:var(--nt-hover)}
.nt-abas [aria-selected="true"]{background:color-mix(in srgb,var(--pri) 14%,var(--card));color:var(--pri)}
.nt-n{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--pri);color:var(--pri-fg);font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.nt-sec{margin:10px 8px 4px;font-size:16px!important;font-weight:700!important;color:var(--tit);letter-spacing:0!important;text-transform:none!important}
.nt-lista{list-style:none;margin:0;padding:0}
.nt-i{position:relative;border-radius:10px}
.nt-i:hover{background:var(--nt-hover)}
.nt-a{display:flex;align-items:center;gap:12px;padding:8px 44px 8px 8px;color:inherit;text-decoration:none}
.nt-foto{position:relative;flex:none;width:56px;height:56px}
.nt-foto>:first-child,.nt-foto .user-photo,.nt-foto .av,.nt-foto .foto-ini{width:56px!important;height:56px!important;border-radius:50%!important;object-fit:cover;display:grid;place-items:center;overflow:hidden;font-size:20px}
.nt-foto .av img{width:100%;height:100%;object-fit:cover}
.nt-logo{width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--pri) 10%,var(--card));display:grid;place-items:center}
.nt-logo img{width:30px;height:30px}
.nt-selo{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--card)}
.nt-selo svg{width:16px;height:16px}
.nt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nt-tit{font-size:15px;line-height:1.33;color:var(--texto);font-weight:400}
.nt-tit b{font-weight:700;color:var(--tit)}
.nt-det{font-size:14px;color:var(--sub);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nt-quando{font-size:13px;color:var(--sub)}
.nt-i.nao-lida .nt-quando{color:var(--nt-azul);font-weight:700}
.nt-i.nao-lida .nt-tit{color:var(--tit)}
.nt-ponto{flex:none;width:12px;height:12px;border-radius:50%;background:var(--nt-azul)}
.nt-i>.nt-mais-w{position:absolute;right:30px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .15s}
.nt-i:hover>.nt-mais-w,.nt-i:focus-within>.nt-mais-w{opacity:1}
.nt-i>.nt-mais-w .nt-mais{background:var(--card);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.nt-i.nao-lida>.nt-mais-w{right:28px}
.nt-vazio{padding:28px 12px;text-align:center;color:var(--sub);margin:0}
.nt-ver{display:block;margin:10px 8px 0;padding:9px;border-radius:8px;background:color-mix(in srgb,var(--tit) 7%,var(--card));color:var(--tit);font-weight:600;font-size:15px;text-align:center;text-decoration:none}
.nt-ver:hover{background:color-mix(in srgb,var(--tit) 11%,var(--card))}
.nt-cadastros{display:flex;flex-direction:column;gap:2px;margin:4px 8px 6px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--acc) 16%,var(--card));color:var(--tit);text-decoration:none}
.nt-cadastros span{font-size:13px;color:var(--sub)}
.nt-pg{padding:8px 0 40px}
@media (hover:none){.nt-i>.nt-mais-w{opacity:1}}
@media (max-width:640px){.nt{padding:10px 4px}.nt.completo{border-radius:0;border-left:0;border-right:0}.nt-foto,.nt-foto>:first-child,.nt-logo{width:52px!important;height:52px!important}}
/* Anula as regras antigas da lista do sino (experience.css) dentro do painel novo */
:is(#pi-notifs-list,#notifications-list,.nt-pg) .nt a.nt-a{display:flex!important;padding:8px 44px 8px 8px!important;border:0!important;color:inherit}
:is(#pi-notifs-list,#notifications-list,.nt-pg) .nt a:is(.nt-ver,.nt-cadastros){display:block!important;border:0!important;padding:9px 12px!important}
:is(#pi-notifs-list,#notifications-list) .nt-menu a{display:flex!important;padding:9px 8px!important;border:0!important}
:is(#pi-notifs-list,#notifications-list) .nt strong{display:block;font-weight:700}
#notifications-panel{width:min(400px,calc(100vw - 20px))}
.nt-foto .av{background:color-mix(in srgb,var(--pri) 10%,var(--card))}
