/* =========================================================
   SweetLite (custom SweetAlert replacement)
   ========================================================= */
.sl-overlay{
  position: fixed;
  inset: 0;
  background: rgba(17,24,39,.45);
  display: grid;
  place-items: center;
  z-index: 2000;
  padding: 18px;
}
.sl-overlay.out{ opacity: 0; transition: opacity .14s linear; }

.sl-dialog{
  width: min(420px, 100%);
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px 16px 14px;
  text-align: center;
}

.sl-icon{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  margin: 0 auto 10px;
  font-weight: 900;
  font-size: 18px;
  border: 1px solid var(--border);
}
.sl-icon-success{ background: rgba(22,163,74,.10); color: var(--success); border-color: rgba(22,163,74,.30); }
.sl-icon-error{ background: rgba(220,38,38,.10); color: var(--danger); border-color: rgba(220,38,38,.30); }
.sl-icon-warning{ background: rgba(245,158,11,.10); color: var(--warning); border-color: rgba(245,158,11,.30); }
.sl-icon-info{ background: rgba(67, 163, 139,.20); color: var(--primary-600); border-color: rgba(67, 139, 163,.30); }
.sl-icon-question{ background: rgba(107,114,128,.10); color: var(--muted); border-color: rgba(107,114,128,.30); }

.sl-title{ font-weight: 900; font-size: 14px; margin: 2px 0 6px; }
.sl-text{ color: var(--muted); font-size: 13px; margin: 0 0 10px; }
.sl-html{ margin: 0 0 10px; text-align:left; }

.sl-actions{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top: 6px;
}

.sl-btn{
  height: var(--control-h);
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: #fff;
  cursor: pointer;
  font-weight: 800;
  font-size: 13px;
}
.sl-btn:focus{ outline:none; box-shadow: var(--focus); }
.sl-btn-primary{ background: var(--primary); border-color: var(--primary); color:#fff; }
.sl-btn-primary:hover{ background: var(--primary-600); border-color: var(--primary-600); }
.sl-btn-default:hover{ background: var(--surface-2); }

/* Toasts */
#sweetlite-toasts{
  position: fixed;
  z-index: 2100;
  display:flex;
  flex-direction:column;
  gap:10px;
  pointer-events:none;
}
#sweetlite-toasts[data-position="top-end"]{ top: 12px; right: 12px; align-items:flex-end; }
#sweetlite-toasts[data-position="top-start"]{ top: 12px; left: 12px; align-items:flex-start; }
#sweetlite-toasts[data-position="bottom-end"]{ bottom: 12px; right: 12px; align-items:flex-end; }
#sweetlite-toasts[data-position="bottom-start"]{ bottom: 12px; left: 12px; align-items:flex-start; }

.sl-toast{
  width: min(320px, calc(100vw - 24px));
  background:#fff;
  border:1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 10px 12px;
  display:flex;
  gap:10px;
  pointer-events:auto;
}
.sl-toast.out{ opacity:0; transform: translateY(-4px); transition: opacity .18s linear, transform .18s ease; }
.sl-toast-icon{
  width:26px;
  height:26px;
  border-radius: 999px;
  border: 1px solid var(--border);
  display:grid;
  place-items:center;
  font-weight:900;
  color: var(--primary-600);
  background: rgba(224,122,47,.10);
}
.sl-toast-title{ font-weight: 900; font-size: 13px; }
.sl-toast-text{ color: var(--muted); font-size: 12px; margin-top:2px; }