/* AZ4H AZP-93: the notification panel on every signed-in page (rules from the dashboard) */
.az-bellwrap{display:inline-flex;align-items:center;margin:0 6px}.az-bellwrap .icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:12px;color:inherit;text-decoration:none}.az-bellwrap .icon-btn:hover{background:rgba(255,255,255,.06)}.az-bellwrap .dotb{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:#ffce5c;box-shadow:0 0 0 2px #050b19}
/* ================= azai-v27: notifications (the bell's list) ================= */
.top-right .bell.azn-on { position: relative; }
@media (max-width: 560px) { .top-right .bell.azn-on { display: inline-flex !important; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }}
.azn-pop { position: fixed; z-index: 2147483050; top: 64px; right: max(10px, env(safe-area-inset-right)); width: min(400px, calc(100vw - 20px)); max-height: min(70vh, 620px); display: flex; flex-direction: column;
  background: #0b1530; color: #e8f0ff; border: 1px solid rgba(35,216,255,.3); border-radius: 16px; box-shadow: 0 24px 60px -20px rgba(0,0,0,.8); }
.azn-pop[hidden] { display: none; }
.azn-head { display: flex; align-items: center; gap: 6px; padding: 10px 10px 8px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.azn-head b { margin-right: auto; font-size: 16px; }
.azn-btn { min-height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.azn-btn:focus-visible, .azn-snooze:focus-visible, .azn-t:focus-visible { outline: 3px solid #7cc4ff; outline-offset: 2px; }
.azn-x { min-width: 44px; font-size: 20px; padding: 0; }
.azn-list { list-style: none; margin: 0; padding: 6px 10px; overflow-y: auto; overscroll-behavior: contain; }
.azn-empty { margin: 18px 6px; color: #a9b8d6; text-align: center; }
.azn-item { padding: 10px 6px; border-bottom: 1px solid rgba(255,255,255,.06); }
.azn-item.unread .azn-t::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #45e2f0; margin-right: 8px; vertical-align: middle; }
.azn-top { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; }
.azn-t { color: #fff; font-weight: 600; text-decoration: none; }
a.azn-t:hover { text-decoration: underline; }
.azn-at { color: #8fa0bd; white-space: nowrap; font-size: 12px; }
.azn-b { margin: 4px 0 6px; color: #c7d3ea; font-size: 14px; line-height: 1.45; }
.azn-acts { display: flex; flex-wrap: wrap; gap: 6px; }
.azn-snooze { min-height: 44px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: #0e1a33; color: inherit; font: inherit; font-size: 14px; padding: 0 8px; }
.azn-btn.del { color: #ffb3b3; }
.azn-foot { display: flex; flex-direction: column; gap: 6px; padding: 10px 14px 12px; border-top: 1px solid rgba(255,255,255,.08); }
.azn-foot small { color: #8fa0bd; font-size: 12px; line-height: 1.4; }
.azn-foot:empty { display: none; }