/* Atlobni v13 - notification + auth controls only. Does not modify site layout. */
.notify-wrap{position:relative;display:flex;align-items:center;flex:0 0 auto}
.notification-panel{z-index:10050}
.notification-login-state{padding:24px 20px 20px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center}
.notification-login-icon{width:48px;height:48px;border-radius:14px;background:#eefaf6;color:#08ae7b;display:grid;place-items:center;margin-bottom:11px}
.notification-login-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-login-state>b{font-size:14px;color:#102b3d;line-height:1.6}
.notification-login-state>small{display:block;max-width:290px;margin:6px auto 15px;color:#74838d;font-size:11px;line-height:1.7}
.notification-login-link{height:40px;min-width:115px;padding:0 17px;border-radius:11px;background:#102b3d;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:13px;font-weight:700;transition:.18s}
.notification-login-link:hover{background:#08ae7b}
.notification-login-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.header-auth-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.header-auth-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.header-login-btn:hover svg{transform:translateX(-1px)}
.header-register-btn svg{stroke-width:1.9}
@media(max-width:760px){
 .notification-login-state{padding:22px 18px 18px}
 .notification-panel{z-index:10060}
 .header-auth-btn span{display:inline}
}

/* v14: notification dropdown anchored directly below the bell */
.notify-wrap{position:relative!important}
.notify-wrap .notification-panel{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:50%!important;
  left:auto!important;
  transform:translateX(50%)!important;
  margin:0!important;
  min-width:330px;
  max-width:min(390px,calc(100vw - 24px));
  width:360px;
  box-sizing:border-box;
}
.notify-wrap .notification-panel:before{
  content:"";
  position:absolute;
  top:-7px;
  right:50%;
  width:14px;
  height:14px;
  background:#fff;
  transform:translateX(50%) rotate(45deg);
  box-shadow:-2px -2px 5px rgba(16,43,61,.05);
}
.notification-panel-close{
  width:30px;height:30px;border:0;border-radius:8px;background:#f2f6f8;
  color:#5b6b74;display:inline-grid;place-items:center;cursor:pointer;
  font-size:20px;line-height:1;padding:0;flex:0 0 auto;
}
.notification-panel-close:hover{background:#e8eef1;color:#102b3d}
@media(max-width:760px){
  .notify-wrap .notification-panel{
    position:fixed!important;
    top:70px!important;
    right:12px!important;
    left:12px!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
  }
  .notify-wrap .notification-panel:before{right:calc(50% - 0px)}
}