#wifaq-notification-bell-root {
  position:fixed;
  z-index:99990;
  top:14px;
  left:14px;
  direction:rtl;
  font-family:Tahoma,Arial,sans-serif;
}

#wifaq-notification-bell-button {
  position:relative;
  width:45px;
  height:45px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid #dbe3e7;
  border-radius:13px;
  color:#102f43;
  cursor:pointer;
  background:#fff;
  box-shadow:0 10px 28px rgba(7,27,40,.15);
}

#wifaq-notification-bell-button svg {
  width:22px;
  height:22px;
}

#wifaq-notification-bell-count {
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:none;
  place-items:center;
  border:2px solid #fff;
  border-radius:20px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  background:#b42318;
}

#wifaq-notification-bell-count.visible {
  display:grid;
}

#wifaq-notification-panel {
  position:absolute;
  top:54px;
  left:0;
  width:min(390px,calc(100vw - 28px));
  max-height:520px;
  display:none;
  overflow:hidden;
  border:1px solid #dfe6e9;
  border-radius:17px;
  color:#172630;
  background:#fff;
  box-shadow:0 22px 65px rgba(7,27,40,.25);
}

#wifaq-notification-panel.open {
  display:block;
}

.wifaq-bell-header {
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e1e7ea;
}

.wifaq-bell-header strong {
  color:#102f43;
  font-size:13px;
}

.wifaq-bell-header a {
  color:#2563eb;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

#wifaq-notification-panel-list {
  max-height:395px;
  overflow:auto;
}

.wifaq-bell-item {
  width:100%;
  padding:12px 14px;
  display:block;
  border:0;
  border-bottom:1px solid #edf1f3;
  text-align:right;
  cursor:pointer;
  color:#172630;
  background:#fff;
}

.wifaq-bell-item:hover {
  background:#f7fafb;
}

.wifaq-bell-item strong {
  display:block;
  color:#102f43;
  font-size:11px;
}

.wifaq-bell-item p {
  margin:5px 0;
  color:#596a74;
  font-size:10px;
  line-height:1.6;
}

.wifaq-bell-item span {
  color:#87949b;
  font-size:9px;
}

.wifaq-bell-empty {
  min-height:130px;
  padding:20px;
  display:grid;
  place-items:center;
  color:#71808a;
  text-align:center;
  font-size:11px;
}

.wifaq-bell-footer {
  padding:10px;
  border-top:1px solid #e1e7ea;
  background:#f7f9f9;
}

.wifaq-bell-footer a {
  min-height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  background:#102f43;
}

@media(max-width:760px) {
  #wifaq-notification-bell-root {
    top:9px;
    left:9px;
  }

  #wifaq-notification-bell-button {
    width:41px;
    height:41px;
  }

  #wifaq-notification-panel {
    position:fixed;
    top:58px;
    left:10px;
    right:10px;
    width:auto;
  }
}