/* Ejaaba 2026-10-21: visual polish ONLY for the bell's dropdown.
   The standalone notifications page, data, filtering and server logic remain untouched. */
.ejabat-dark-nav .ejabat-notify-popover .ejabat-notify-window{
 display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
 width:360px!important;max-width:calc(100vw - 24px)!important;
 max-height:min(76dvh,572px)!important;min-height:0!important;
 overflow:hidden!important;background:#fff!important;color:#2b4158!important;
 border:1px solid #d4e2ef!important;border-radius:16px!important;
 box-shadow:0 18px 58px #122b4338,0 5px 17px #142c4414!important;
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
 isolation:isolate;
}
.ejabat-notify-popover .ejabat-notify-window-head{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 justify-content:space-between!important;gap:9px!important;
 background:linear-gradient(115deg,#eef5fd 0%,#f8fbff 100%)!important;
 padding:13px 14px 11px!important;border-bottom:1px solid #e0eaf4!important;
}
.ejabat-notify-popover .ejabat-notify-window-head h2{
 color:#245985!important;font-size:16px!important;font-weight:750!important;
 letter-spacing:0!important;line-height:1.4!important;margin:0!important;
}
.ejabat-notify-popover .ejabat-notify-window-head small{
 display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
 padding:4px 8px!important;background:#fff!important;border:1px solid #dce7f2!important;
 border-radius:999px!important;color:#567996!important;
 font-size:10px!important;line-height:1.4!important;font-weight:500!important;
}
.ejabat-notify-popover .ejabat-notify-actions{
 display:flex!important;flex:0 0 auto!important;flex-wrap:wrap!important;
 align-items:center!important;justify-content:space-between!important;gap:6px 8px!important;
 padding:8px 11px!important;margin:0!important;border-bottom:1px solid #e8eef4!important;
 background:#fff!important;
}
.ejabat-notify-popover .ejabat-notify-filters{display:inline-flex!important;gap:5px!important;align-items:center!important;}
.ejabat-notify-popover .ejabat-notify-filters>button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 padding:6px 10px!important;min-height:30px!important;border:1px solid #e0e8f1!important;
 border-radius:9px!important;background:#f7f9fc!important;color:#69839d!important;
 line-height:1.35!important;font-size:11px!important;font-weight:500!important;
 white-space:nowrap!important;box-shadow:none!important;
}
.ejabat-notify-popover .ejabat-notify-filters>button.selected{
 border-color:#a9cbe9!important;background:#eaf4fe!important;color:#2168a2!important;
 box-shadow:inset 0 0 0 1px #d8e9f8!important;font-weight:700!important;
}
.ejabat-notify-popover .ejabat-notify-actions form{margin:0!important;padding:0!important;flex:0 0 auto!important;}
.ejabat-notify-popover .ejabat-notify-actions form button{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:30px!important;padding:5px 6px!important;margin:0!important;
 white-space:nowrap!important;color:#3874a7!important;font-size:10px!important;
 font-weight:600!important;line-height:1.35!important;text-decoration:none!important;
 border:0!important;background:transparent!important;border-radius:8px!important;
}
.ejabat-notify-popover .ejabat-notify-actions form button:enabled:hover{background:#eef5fb!important;}
.ejabat-notify-popover .ejabat-notify-actions form button:disabled{
 opacity:.5!important;color:#8396a7!important;cursor:default!important;
}
.ejabat-notify-popover .ejabat-notify-items{
 flex:1 1 auto!important;min-height:0!important;
 max-height:min(47dvh,348px)!important;overflow-y:auto!important;
 overflow-x:hidden!important;overscroll-behavior:contain!important;
 background:#fff!important;scrollbar-width:thin;scrollbar-color:#c9d9e8 transparent;
}
.ejabat-notify-popover .ejabat-notify-item{
 display:flex!important;align-items:center!important;gap:8px!important;min-height:0!important;
 padding:9px 12px 9px 10px!important;margin:0!important;
 border:0!important;border-bottom:1px solid #edf1f6!important;
 border-right:3px solid transparent!important;
 background:#fff!important;color:#425b75!important;
 text-decoration:none!important;line-height:1.45!important;
 transition:background-color .12s ease!important;
}
.ejabat-notify-popover .ejabat-notify-item:last-child{border-bottom:0!important;}
.ejabat-notify-popover .ejabat-notify-item.unread{
 background:#f4f9ff!important;border-right-color:#68a4d7!important;
}
.ejabat-notify-popover .ejabat-notify-item:hover{background:#f6f9fc!important;text-decoration:none!important;}
.ejabat-notify-popover .ejabat-notify-item.unread:hover{background:#e9f4ff!important;}
.ejabat-notify-popover .ejabat-notify-symbol{
 display:grid!important;place-items:center!important;flex:0 0 25px!important;
 width:25px!important;height:25px!important;padding:0!important;
 border:1px solid #dfebf4!important;border-radius:8px!important;
 background:#f2f7fb!important;color:#3979ac!important;
 font-size:15px!important;line-height:1!important;box-shadow:none!important;
}
.ejabat-notify-popover .ejabat-notify-symbol svg{
 width:14px!important;height:14px!important;stroke:#427fb1!important;
}
.ejabat-notify-popover .ejabat-notify-item-copy{
 display:flex!important;flex:1 1 auto!important;min-width:0!important;
 flex-direction:column!important;justify-content:center!important;gap:3px!important;
}
.ejabat-notify-popover .ejabat-notify-item-copy strong{
 display:-webkit-box!important;max-width:100%!important;
 -webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
 overflow:hidden!important;overflow-wrap:anywhere!important;
 color:#394f65!important;font:500 13px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
 text-align:right!important;
}
.ejabat-notify-popover .ejabat-notify-item.unread .ejabat-notify-item-copy strong{
 color:#255d8b!important;font-weight:700!important;
}
.ejabat-notify-popover .ejabat-notify-item-copy small{
 color:#93a2b1!important;font-size:10px!important;line-height:1.3!important;
 font-weight:400!important;white-space:nowrap!important;
}
.ejabat-notify-popover .ejabat-notify-unread-dot{
 flex:0 0 6px!important;width:6px!important;height:6px!important;
 margin:0!important;border-radius:50%!important;background:#3c8fc5!important;
 box-shadow:0 0 0 3px #e0f0ff!important;
}
.ejabat-notify-popover .ejabat-notify-empty{
 min-height:120px!important;padding:19px 12px!important;gap:6px!important;
 color:#8297aa!important;
}
.ejabat-notify-popover .ejabat-notify-window-foot{
 display:grid!important;grid-template-columns:1fr 1fr!important;
 flex:0 0 auto!important;align-items:center!important;gap:0!important;
 margin:0!important;padding:9px 8px!important;
 border-top:1px solid #e4ecf3!important;background:#f9fbfe!important;
 text-align:center!important;
}
.ejabat-notify-popover .ejabat-notify-window-foot a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-height:30px!important;padding:5px 6px!important;border-radius:7px!important;
 color:#3576ab!important;text-decoration:none!important;
 font-size:11.5px!important;line-height:1.4!important;font-weight:650!important;
 white-space:nowrap!important;
}
.ejabat-notify-popover .ejabat-notify-window-foot a+a{border-right:1px solid #dbe5ef!important;border-radius:0!important;}
.ejabat-notify-popover .ejabat-notify-window-foot a:hover{background:#edf5fc!important;text-decoration:none!important;}
.ejabat-notify-popover .ejabat-notify-window :is(a,button):focus-visible{
 outline:2px solid #4d9bd0!important;outline-offset:2px!important;
}
/* Keep the user's existing Plus notification density preference effective. */
body[data-plus-appearance="1"][data-plus-density="compact"] .ejabat-notify-popover .ejabat-notify-item{
 padding-top:6px!important;padding-bottom:6px!important;
}
body[data-plus-appearance="1"][data-plus-density="comfortable"] .ejabat-notify-popover .ejabat-notify-item{
 padding-top:12px!important;padding-bottom:12px!important;
}
@media(min-width:641px){
 .ejabat-dark-nav .ejabat-notify-popover .ejabat-notify-window{
  left:0!important;right:auto!important;top:calc(100% + 7px)!important;
 }
}
@media(max-width:640px){
 .ejabat-dark-nav .ejabat-notify-popover .ejabat-notify-window{
  position:fixed!important;top:55px!important;left:12px!important;right:12px!important;
  width:calc(100vw - 24px)!important;max-width:365px!important;
  margin-inline:auto!important;max-height:min(78dvh,565px)!important;
  border-radius:15px!important;
 }
 .ejabat-notify-popover .ejabat-notify-items{max-height:min(47dvh,342px)!important;}
}
@media(max-width:350px){
 .ejabat-notify-popover .ejabat-notify-actions{gap:4px!important;padding-inline:8px!important;}
 .ejabat-notify-popover .ejabat-notify-filters>button{padding-inline:7px!important;font-size:10px!important;}
 .ejabat-notify-popover .ejabat-notify-actions form button{font-size:9px!important;}
 .ejabat-notify-popover .ejabat-notify-window-foot a{font-size:10px!important;}
}
@media(prefers-reduced-motion:reduce){
 .ejabat-notify-popover .ejabat-notify-item{transition:none!important;}
}