/**
 * Shared Toast styling — matches the superadmin (Vuexy) Toastr look across the whole site:
 * white card, tinted colored SVG icon, dark text. Uses !important and #toast-container
 * specificity to win against theme CSS (e.g. socialv.css / Bootstrap's .toast component).
 */

#toast-container > div {
  /* NOTE: display & opacity intentionally have NO !important — Toastr hides a toast by
     animating opacity then setting inline display:none, and removeToast() only removes it
     once it is no longer :visible. An !important here would override that inline display:none
     and the toast would never close (neither on timeout nor via the close button).
     The #toast-container > div ID selector already beats socialv.css's .toast:not(.show). */
  display: block;
  opacity: 1;
  width: 350px !important;
  max-width: 350px !important;
  padding: 20px 30px 20px 56px !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: 20px 20px !important;
  background-size: 28px !important;
  background-clip: border-box !important;
  box-shadow: 0 3px 12px 0 rgba(47, 43, 61, .16) !important;
  color: #444050 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

#toast-container > div:hover {
  box-shadow: 0 6px 18px 0 rgba(47, 43, 61, .24) !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%2328C76F' fill-opacity='0.08'/%3E%3Cpath d='M7.75 13L11.5 16.75L19 9.25' stroke='%2328C76F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%23EA5455' fill-opacity='0.08'/%3E%3Cpath d='M17.5 8.5L8.5 17.5' stroke='%23EA5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 8.5L17.5 17.5' stroke='%23EA5455' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-info {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%2300CFE8' fill-opacity='0.08'/%3E%3Ccircle cx='13' cy='13' r='6.75' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0002 10H13.0077' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.25 13H13V16H13.75' stroke='%2300CFE8' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='26' rx='6' fill='%23FF9F43' fill-opacity='0.08'/%3E%3Cpath d='M13 10V12.8362' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 15.6543L13 15.6899' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.74941 18.2504H18.2494C18.7463 18.2469 19.2092 17.9976 19.4856 17.5846C19.7619 17.1716 19.8158 16.6485 19.6294 16.1879L14.3044 7.00038C14.0402 6.5229 13.5376 6.22656 12.9919 6.22656C12.4462 6.22656 11.9436 6.5229 11.6794 7.00038L6.35441 16.1879C6.17171 16.6377 6.218 17.1481 6.47865 17.5577C6.7393 17.9673 7.18207 18.2254 7.66691 18.2504' stroke='%23FF9F43' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

#toast-container .toast-title {
  font-weight: 600 !important;
  color: #444050 !important;
  margin-bottom: 2px !important;
}

#toast-container .toast-message {
  color: #6f6b7d !important;
}

#toast-container .toast-close-button {
  color: #acaab1 !important;
  opacity: 1 !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  text-shadow: none !important;
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
}

#toast-container .toast-close-button:hover {
  color: #6f6b7d !important;
}

#toast-container .toast-progress {
  background-color: #444050 !important;
  opacity: .15 !important;
  top: 0 !important;
  bottom: auto !important;
  height: 3px !important;
}