/* =========================================================
   GUEST ANLIK BİLDİRİM / TOAST
   ========================================================= */
.ha-live-toast-wrap{
  position:fixed;
  right:14px;
  bottom:86px;
  z-index:999999;
  width:min(390px, calc(100vw - 28px));
  pointer-events:none;
  display:flex;
  flex-direction:column-reverse;
  gap:12px;
}

.ha-live-toast{
  position:relative;
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.10);
  border-left:6px solid #16a34a;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(15,23,42,.22);
  padding:18px 46px 18px 18px;
  transform:translateX(120%);
  opacity:0;
  transition:transform .35s ease, opacity .35s ease;
  pointer-events:auto;
  overflow:hidden;
}

.ha-live-toast.show{
  transform:translateX(0);
  opacity:1;
}

.ha-live-toast-icon{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ecfdf5;
  color:#16a34a;
  font-size:24px;
  font-weight:800;
  box-shadow:0 8px 20px rgba(22,163,74,.16);
}

.ha-live-toast-body{
  flex:1;
  min-width:0;
}

.ha-live-toast-title{
  font-size:20px;
  line-height:1.28;
  font-weight:800;
  color:#111827;
  margin:0 0 6px;
}

.ha-live-toast-text{
  font-size:16px;
  line-height:1.45;
  color:#374151;
  margin:0;
}

.ha-live-toast-time{
  display:inline-flex;
  margin-top:10px;
  font-size:15px;
  font-weight:800;
  color:#166534;
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  border-radius:999px;
  padding:6px 11px;
}

.ha-live-toast-close{
  position:absolute;
  top:10px;
  right:10px;
  width:28px;
  height:28px;
  border:0;
  border-radius:999px;
  background:#f3f4f6;
  color:#6b7280;
  font-size:19px;
  line-height:28px;
  cursor:pointer;
}

@media (max-width:720px){
  .ha-live-toast-wrap{
    left:12px;
    right:12px;
    bottom:86px;
    width:auto;
  }

  .ha-live-toast{
    border-radius:18px;
    transform:translateY(130%);
    padding:18px 44px 18px 16px;
  }

  .ha-live-toast.show{
    transform:translateY(0);
  }

  .ha-live-toast-title{
    font-size:19px;
  }

  .ha-live-toast-text{
    font-size:15px;
  }

  .ha-live-toast-time{
    font-size:14px;
  }
}