.toast_stack_css{
   position: fixed;
   right: 16px;
   bottom: 16px;
   z-index: 9999;
   display: flex;
   flex-direction: column;
   gap: 8px;
   pointer-events: none;
}

.toast_css{
   max-width: 360px;
   padding: 10px 12px;
   border-radius: 12px;
   border: 1px solid rgba(0,0,0,.12);
   background: rgba(255,255,255,.98);
   box-shadow: 0 10px 30px rgba(0,0,0,.12);
   font-size: 13px;
   opacity: 0;
   transform: translateY(8px);
   transition: opacity 180ms ease, transform 180ms ease;
   pointer-events: auto;
}

.toast_css.show{
   opacity: 1;
   transform: translateY(0);
}

.toast_css.is-clickable{
   cursor: pointer;
}

.toast_content_css{
   display: flex;
   flex-direction: column;
   gap: 6px;
}

.toast_ok{ border-color: rgba(16,185,129,.35); }
.toast_err{ border-color: rgba(239,68,68,.35); }
.toast_warn{ border-color: rgba(245,158,11,.35); }
.toast_info{ border-color: rgba(59,130,246,.35); }