/* Netech AI Tools - Fake Sales Notifications (scoped) */
#gABFakeSalesToast{
  position: fixed;
  left: 16px;
  bottom: 16px;
  /* Very high to stay above themes, chat widgets, sticky bars */
  z-index: 2147483647;
  max-width: 90%;
  width: 380px;
  display: none;
  font-family: inherit;
  pointer-events: none; /* only card should be clickable */

  /* animation base */
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 300ms ease, transform 300ms ease;
}

/* Fade in/out helpers */
#gABFakeSalesToast.gab-fs-show{ opacity: 1; transform: translateY(0); }
#gABFakeSalesToast.gab-fs-hide{ opacity: 0; transform: translateY(8px); }

#gABFakeSalesToast .gab-fs-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  pointer-events: auto;
}

#gABFakeSalesToast .gab-fs-left{
  min-width: 92px;
  background: rgba(13, 110, 253, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
}

#gABFakeSalesToast .gab-fs-left-inner{
  text-align: center;
  line-height: 1.1;
}

#gABFakeSalesToast .gab-fs-icon{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(13,110,253,.18);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px auto;
}

#gABFakeSalesToast .gab-fs-icon svg{
  width: 22px;
  height: 22px;
  opacity: .9;
}

#gABFakeSalesToast .gab-fs-ago{
  font-size: 12px;
  opacity: .85;
  font-weight: 600;
}

#gABFakeSalesToast .gab-fs-right{
  padding: 12px 14px;
  flex: 1;
}

#gABFakeSalesToast .gab-fs-header{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;
  opacity: .85;
  margin-bottom: 6px;
}

#gABFakeSalesToast .gab-fs-text{
  font-size: 14px;
  line-height: 1.25;
  margin: 0;
}

#gABFakeSalesToast .gab-fs-text a{
  text-decoration: none;
  font-weight: 700;
}

#gABFakeSalesToast .gab-fs-text a:hover{
  text-decoration: underline;
}

@media (max-width: 480px){
  #gABFakeSalesToast{left: 10px; right: 10px; width: auto;}
  #gABFakeSalesToast .gab-fs-left{min-width: 86px;}
}