/* v0.6.8 – proper toast notifications and larger flash notices */
.toast-region {
  position: fixed;
  top: 88px;
  right: 18px;
  z-index: 90;
  display: grid;
  gap: 10px;
  width: min(420px, calc(100vw - 36px));
  pointer-events: none;
}
.ref-toast {
  pointer-events: auto;
  display: grid;
  gap: 6px;
  padding: 14px 16px;
  border: 1px solid rgba(94,203,255,.24);
  border-left: 4px solid var(--cyan);
  border-radius: 12px;
  background: rgba(8,20,34,.95);
  box-shadow: 0 18px 42px rgba(0,0,0,.28);
  color: #dbf2ff;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease;
}
.ref-toast.is-visible { opacity: 1; transform: translateY(0); }
.ref-toast strong { font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.ref-toast span { font-size: 14px; line-height: 1.4; color: #d5e7f5; }
.ref-toast.success { border-left-color: var(--green); }
.ref-toast.success strong { color: var(--green); }
.ref-toast.warning { border-left-color: var(--amber); }
.ref-toast.warning strong { color: var(--amber); }
.ref-flash {
  margin-bottom: 14px;
  padding: 12px 16px;
  border-left-width: 4px;
  border-radius: 10px;
  font-size: 14px;
}
@media(max-width:760px){
  .toast-region{top:74px;right:12px;left:12px;width:auto}
  .ref-toast span{font-size:13px}
}