/* Ayvalık Vibes 5.0.18 — Compact notification dropdown. */
body.ayv-final-5000 .ayvibes-mini-popout.ayvibes-notifications-popout{
  top:106px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  width:min(360px,calc(100vw - 28px))!important;
  max-height:min(480px,calc(100vh - 126px))!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(65,87,77,.13)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 24px 64px rgba(18,48,41,.18)!important;
  backdrop-filter:blur(18px)!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-head{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 14px 11px 16px!important;
  border-bottom:1px solid rgba(65,87,77,.10)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px)!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-head span{
  font-size:15px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-head button{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border-radius:50%!important;
  color:#486058!important;
  font-size:18px!important;
  line-height:1!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-body{
  max-height:calc(min(480px,calc(100vh - 126px)) - 54px)!important;
  padding:14px 15px 15px!important;
  gap:8px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#cad8d1 transparent!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-icon{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-icon svg{
  width:17px!important;
  height:17px!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-body h3{
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-body>p{
  max-width:310px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices{
  gap:6px!important;
  margin-top:2px!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a{
  grid-template-columns:8px minmax(0,1fr)!important;
  gap:9px!important;
  min-height:58px!important;
  padding:9px 11px!important;
  border-radius:14px!important;
  background:#f7faf8!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a>span{
  width:7px!important;
  height:7px!important;
  margin-top:5px!important;
  box-shadow:0 0 0 4px rgba(17,183,174,.08)!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices strong{
  font-size:11.5px!important;
  line-height:1.25!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
@media(max-width:760px){
  body.ayv-final-5000 .ayvibes-mini-popout.ayvibes-notifications-popout{
    top:auto!important;
    right:10px!important;
    left:10px!important;
    bottom:82px!important;
    width:auto!important;
    max-height:min(62vh,460px)!important;
    border-radius:20px!important;
  }
  body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-body{
    max-height:calc(min(62vh,460px) - 54px)!important;
  }
}


/* 5.0.20 — Notification cards layout fix: keep title and meta in the second column. */
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr)!important;
  grid-template-areas:
    "dot title"
    ". meta"!important;
  align-items:start!important;
  column-gap:10px!important;
  row-gap:4px!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a > span{
  grid-area:dot!important;
  align-self:start!important;
  justify-self:center!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a > strong{
  grid-area:title!important;
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a > small{
  grid-area:meta!important;
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices{
  display:grid!important;
  gap:8px!important;
}
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-body,
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices,
body.ayv-final-5000 .ayvibes-notifications-popout .ayvibes-popout-notices a{
  min-width:0!important;
}