/* «🔔 اعلان‌ها»: header bell + dropdown + #me/notify cards (notify.js). RTL, phone / tablet / desktop. */
.nt-bell{position:relative;display:inline-grid;place-items:center;padding:0}
.nt-bell[hidden]{display:none}
.nt-bell svg{display:block}
.nt-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--badge,#e5484d);color:#fff;font:700 11px/18px system-ui,sans-serif;text-align:center;border:2px solid var(--card);box-sizing:content-box;font-variant-numeric:lining-nums;pointer-events:none}
.nt-badge[hidden]{display:none}
.nt-panel{position:fixed;z-index:60;left:8px;right:8px;max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(11,14,17,.22);overflow:hidden;direction:rtl}
.nt-panel[hidden]{display:none}
@media(min-width:600px){.nt-panel{width:380px;right:auto}}
.nt-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.nt-hd b{font-size:15px}.nt-load{font-size:12px;color:var(--muted)}
.nt-list{overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
.nt-panel .nt-list{flex:1 1 auto}
.nt-it{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.nt-it:last-child{border-bottom:0}
.nt-it:hover,.nt-it:focus-visible{background:color-mix(in srgb,var(--brand) 7%,transparent)}
.nt-dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:transparent}
.nt-it.unread{background:color-mix(in srgb,var(--brand) 6%,transparent)}
.nt-it.unread .nt-dot{background:var(--brand)}
.nt-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.nt-tx b{font-size:14px}.nt-bd{font-size:13px;line-height:1.7;color:var(--ink);overflow-wrap:anywhere}
.nt-tx time{font-size:11.5px;color:var(--muted)}
.nt-empty{margin:0;padding:22px 16px;text-align:center;color:var(--muted);font-size:13px}
.nt-tip{display:block;padding:9px 14px;font-size:12.5px;font-weight:700;color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);text-decoration:none;border-bottom:1px solid var(--line)}
.nt-ft{display:block;padding:11px 14px;text-align:center;font-size:13px;font-weight:700;color:var(--brand);text-decoration:none;border-top:1px solid var(--line)}
.nt-view{display:flex;flex-direction:column;gap:12px}
@media(min-width:900px){.nt-view{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.nt-view>#ntListCard{grid-column:1/-1}}
.nt-card{position:relative}
.nt-intro b{font-size:15px}.nt-intro ul{margin:6px 0;padding-inline-start:18px;font-size:13.5px;line-height:1.9}.nt-intro small{color:var(--muted);font-size:12.5px}
@media(min-width:900px){.nt-view>#ntIntro{grid-column:1/-1}}
.nt-card h4{margin:0 0 6px}
.nt-lead{margin:0 0 10px;font-size:13.5px;line-height:1.8;color:var(--ink)}
.nt-state{margin:0 0 10px;font-size:13px;font-weight:700}.nt-state.on{color:var(--good)}.nt-state.off{color:var(--muted)}
.nt-btns{display:flex;flex-wrap:wrap;gap:8px}
.nt-btns [hidden]{display:none}
.nt-soon{position:absolute;top:12px;inset-inline-end:12px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;background:var(--chip);color:var(--muted)}
#ntListCard .nt-list{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;max-height:none}