/* Toast / Notification styles (RTL, responsive, modern) */
:root{
  --toast-bg: #fff;
  --toast-color: #111;
  --toast-success: #198754;
  --toast-danger: #dc3545;
  --toast-warning: #ffc107;
  --toast-info: #0d6efd;
  --toast-radius: 10px;
  --toast-shadow: 0 8px 24px rgba(22,28,37,0.08);
}

/* container placed top-left for RTL (so visually top-right for RTL users) */
.toast-container{position:fixed;z-index:11000;top:18px;left:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
@media (max-width:768px){.toast-container{left:12px;right:12px;width:auto;align-items:center}}

.toast {
  display:flex;gap:12px;align-items:center;min-width:280px;max-width:420px;padding:12px 14px;border-radius:var(--toast-radius);background:var(--toast-bg);color:var(--toast-color);box-shadow:var(--toast-shadow);direction:rtl;border-left:4px solid transparent;opacity:0;transform:translateY(-8px) scale(.98);transition:all .28s cubic-bezier(.2,.9,.25,1);
}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast .icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-weight:700}
.toast .body{flex:1;text-align:right}
.toast .title{font-weight:700;margin:0 0 2px;font-size:14px}
.toast .message{margin:0;font-size:13px;color:#444}
.toast .close-btn{margin-left:8px;background:transparent;border:none;color:#666;font-size:16px;cursor:pointer}

/* type styles */
.toast.success{border-left-color:var(--toast-success)}
.toast.success .icon{background:var(--toast-success)}
.toast.danger{border-left-color:var(--toast-danger)}
.toast.danger .icon{background:var(--toast-danger)}
.toast.warning{border-left-color:var(--toast-warning);}
.toast.warning .icon{background:var(--toast-warning);color:#111}
.toast.info{border-left-color:var(--toast-info)}
.toast.info .icon{background:var(--toast-info)}

/* small screens */
@media (max-width:420px){.toast{min-width:260px;max-width:calc(100% - 48px);padding:10px}}