/* ==========================================================================
   ErpToast.css — polished toast notifications (load LAST)
   White cards, colored accent + icon, Poppins/Inter, cobalt system
   ========================================================================== */

.jq-toast-wrap {
  width: 360px !important;
  max-width: calc(100vw - 32px) !important;
  z-index: 13000 !important;
  font-family: 'Poppins', 'Inter', sans-serif !important;
  pointer-events: none !important;
}

.jq-toast-wrap.bottom-right {
  bottom: 28px !important;
  right: 28px !important;
}

.jq-toast-wrap.bottom-left {
  bottom: 28px !important;
  left: 28px !important;
}

.jq-toast-wrap.top-right {
  top: 28px !important;
  right: 28px !important;
}

.jq-toast-wrap.top-left {
  top: 28px !important;
  left: 28px !important;
}

.jq-toast-single {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 12px !important;
  padding: 14px 40px 14px 16px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  border-left-width: 4px !important;
  box-shadow:
    0 4px 6px -1px rgba(15, 23, 42, 0.06),
    0 16px 40px -8px rgba(15, 23, 42, 0.16) !important;
  font-family: 'Poppins', 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  pointer-events: all !important;
  overflow: hidden !important;
  animation: erp-toast-in 0.28s ease-out;
}

@keyframes erp-toast-in {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.jq-toast-single.jq-has-icon {
  padding: 14px 40px 14px 62px !important;
  background-repeat: no-repeat !important;
  background-position: 14px 50% !important;
  background-size: 34px 34px !important;
}

.jq-toast-single h2,
.jq-toast-single h2.jq-toast-heading {
  font-family: 'Poppins', 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.3 !important;
  background: none !important;
  color: #0f172a !important;
}

.jq-toast-single a {
  color: #0047AB !important;
  font-weight: 600 !important;
  border-bottom: none !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

.close-jq-toast-single {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #94a3b8 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.close-jq-toast-single:hover {
  background: #f1f5f9 !important;
  color: #334155 !important;
}

.jq-toast-loader {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 3px !important;
  width: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #94a3b8 !important;
}

.jq-toast-loaded {
  width: 100% !important;
}

/* ── Success ─────────────────────────────────────────────────────────────── */
.jq-toast-single.jq-icon-success,
.jq-icon-success {
  background-color: #ffffff !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
  border-left-color: #10b981 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23d1fae5'/%3E%3Cpath d='M10.5 17.2l4.1 4.1L23.5 12.5' stroke='%23059669' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.jq-toast-single.jq-icon-success .jq-toast-heading,
.jq-icon-success h2 {
  color: #047857 !important;
}

.jq-toast-single.jq-icon-success .jq-toast-loader {
  background: #34d399 !important;
}

/* ── Error ───────────────────────────────────────────────────────────────── */
.jq-toast-single.jq-icon-error,
.jq-icon-error {
  background-color: #ffffff !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
  border-left-color: #ef4444 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23fee2e2'/%3E%3Cpath d='M12 12l10 10M22 12L12 22' stroke='%23dc2626' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.jq-toast-single.jq-icon-error .jq-toast-heading,
.jq-icon-error h2 {
  color: #b91c1c !important;
}

.jq-toast-single.jq-icon-error .jq-toast-loader {
  background: #f87171 !important;
}

/* ── Warning ─────────────────────────────────────────────────────────────── */
.jq-toast-single.jq-icon-warning,
.jq-icon-warning {
  background-color: #ffffff !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
  border-left-color: #f59e0b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23fef3c7'/%3E%3Cpath d='M17 10.5v9' stroke='%23d97706' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='17' cy='23.2' r='1.4' fill='%23d97706'/%3E%3C/svg%3E") !important;
}

.jq-toast-single.jq-icon-warning .jq-toast-heading,
.jq-icon-warning h2 {
  color: #b45309 !important;
}

.jq-toast-single.jq-icon-warning .jq-toast-loader {
  background: #fbbf24 !important;
}

/* ── Info (cobalt) ───────────────────────────────────────────────────────── */
.jq-toast-single.jq-icon-info,
.jq-icon-info {
  background-color: #ffffff !important;
  color: #475569 !important;
  border-color: #e2e8f0 !important;
  border-left-color: #0047AB !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Ccircle cx='17' cy='17' r='17' fill='%23dbeafe'/%3E%3Cpath d='M17 15.2v8' stroke='%230047AB' stroke-width='2.4' stroke-linecap='round'/%3E%3Ccircle cx='17' cy='11.2' r='1.45' fill='%230047AB'/%3E%3C/svg%3E") !important;
}

.jq-toast-single.jq-icon-info .jq-toast-heading,
.jq-icon-info h2 {
  color: #0047AB !important;
}

.jq-toast-single.jq-icon-info .jq-toast-loader {
  background: #60a5fa !important;
}

@media (max-width: 480px) {
  .jq-toast-wrap {
    width: calc(100vw - 24px) !important;
  }

  .jq-toast-wrap.bottom-right,
  .jq-toast-wrap.bottom-left,
  .jq-toast-wrap.top-right,
  .jq-toast-wrap.top-left {
    left: 12px !important;
    right: 12px !important;
  }
}