/* =================================================================
   SHIKSHA SEVA FOUNDATION - RECENT DONATION TOAST
   Pure Shiksha Brand Colors: #EC008C (Magenta) & #202121 (Ink)
   ================================================================= */
.rd-toast-wrap{
  position:fixed;
  bottom:24px;
  left:24px;
  z-index:99990;
  pointer-events:none;
}

.rd-toast{
  pointer-events:auto;
  display:flex;
  align-items:center;
  gap:12px;
  background:#ffffff;
  color:#202121;
  padding:10px 18px 10px 12px;
  border-radius:100px;
  border:1px solid #FDE3F0;
  box-shadow:0 14px 32px -8px rgba(236, 0, 140, 0.22), 0 3px 10px rgba(0,0,0,0.04);
  max-width:340px;
  transform:translateY(30px) scale(0.92);
  opacity:0;
  visibility:hidden;
  transition:transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease, visibility 0.4s;
  font-family:'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.rd-toast.is-visible{
  transform:translateY(0) scale(1);
  opacity:1;
  visibility:visible;
}

/* Cute pulsing heart icon in Shiksha Signature Magenta */
.rd-icon-bubble{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#EC008C;
  color:#ffffff;
  display:grid;
  place-items:center;
  flex-shrink:0;
  box-shadow:0 4px 12px rgba(236, 0, 140, 0.4);
  position:relative;
}

.rd-icon-bubble svg{
  width:20px;
  height:20px;
  fill:#ffffff;
  stroke:none;
  animation:shikshaHeartBeat 2s infinite ease-in-out;
}

@keyframes shikshaHeartBeat{
  0%, 100% { transform: scale(1); }
  14% { transform: scale(1.18); }
  28% { transform: scale(1); }
  42% { transform: scale(1.12); }
  70% { transform: scale(1); }
}

.rd-body{
  flex:1;
  min-width:0;
  line-height:1.3;
}

.rd-main{
  font-size:0.88rem;
  font-weight:600;
  color:#202121;
  margin:0 0 3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:flex;
  align-items:center;
  gap:6px;
}

.rd-name{
  color:#202121;
  font-weight:700;
}

.rd-amt{
  color:#EC008C;
  background:#FDE3F0;
  padding:2px 9px;
  border-radius:100px;
  font-weight:700;
  font-size:0.84rem;
  display:inline-block;
  letter-spacing:0.02em;
}

.rd-meta{
  font-size:0.75rem;
  color:#6C7A93;
  display:flex;
  align-items:center;
  gap:6px;
}

.rd-ver{
  color:#EC008C;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:3px;
}

.rd-ver svg{
  width:11px;
  height:11px;
  fill:currentColor;
}

.rd-close{
  background:none;
  border:0;
  color:#9AA6C2;
  font-size:1.2rem;
  line-height:1;
  cursor:pointer;
  padding:4px 6px;
  border-radius:50%;
  transition:color 0.2s, background 0.2s;
  flex-shrink:0;
}

.rd-close:hover{
  color:#EC008C;
  background:#FDE3F0;
}

@media(max-width:600px){
  .rd-toast-wrap{
    bottom:14px;
    left:14px;
    right:14px;
    display:flex;
    justify-content:center;
  }
  .rd-toast{
    max-width:100%;
    width:auto;
    border-radius:18px;
    padding:10px 14px;
  }
}