/*--------------------------------------------------------------
  Toast Variant A — Light background + colored left border + icons
  Load AFTER toastr.min.css to override
--------------------------------------------------------------*/

/* Container & base */
#toast-container > div {
  opacity: 1;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0,0,0,.08);
  padding: 14px 18px 14px 52px;
  width: 360px;
  font-family: 'Open Sans', sans-serif;
  border-left-width: 5px;
  border-left-style: solid;
  background-size: 22px;
  background-position: 16px center;
}

#toast-container > div:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
  opacity: 1;
}

/* Title & message */
.toast-title {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 2px;
}

.toast-message {
  font-size: 13px;
  line-height: 1.4;
  opacity: .85;
}

/* Close button */
.toast-close-button {
  font-size: 16px;
  font-weight: 400;
  opacity: .5;
  top: -4px;
  right: -2px;
}
.toast-close-button:hover { opacity: .8; }

/* Progress bar */
.toast-progress {
  height: 3px;
  opacity: .6;
  border-radius: 0 0 8px 8px;
}

/* ── Success ── */
#toast-container > .toast-success {
  background-color: #e8f5e9;
  border-left-color: #2e7d32;
  color: #1b5e20;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%232e7d32' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E") !important;
}
#toast-container > .toast-success .toast-progress { background-color: #2e7d32; }
#toast-container > .toast-success .toast-message,
#toast-container > .toast-success .toast-message a,
#toast-container > .toast-success .toast-message label { color: #1b5e20; }
#toast-container > .toast-success .toast-close-button { color: #2e7d32; text-shadow: none; }

/* ── Error ── */
#toast-container > .toast-error {
  background-color: #ffebee;
  border-left-color: #c62828;
  color: #b71c1c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23c62828' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z'/%3E%3C/svg%3E") !important;
}
#toast-container > .toast-error .toast-progress { background-color: #c62828; }
#toast-container > .toast-error .toast-message,
#toast-container > .toast-error .toast-message a,
#toast-container > .toast-error .toast-message label { color: #b71c1c; }
#toast-container > .toast-error .toast-close-button { color: #c62828; text-shadow: none; }

/* ── Warning ── */
#toast-container > .toast-warning {
  background-color: #fff8e1;
  border-left-color: #f57f17;
  color: #e65100;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23f57f17' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E") !important;
}
#toast-container > .toast-warning .toast-progress { background-color: #f57f17; }
#toast-container > .toast-warning .toast-message,
#toast-container > .toast-warning .toast-message a,
#toast-container > .toast-warning .toast-message label { color: #e65100; }
#toast-container > .toast-warning .toast-close-button { color: #f57f17; text-shadow: none; }

/* ── Info ── */
#toast-container > .toast-info {
  background-color: #e1f5fe;
  border-left-color: #0288d1;
  color: #01579b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%230288d1' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.399l-.442-.07.08-.381 2.282-.287z'/%3E%3Cpath d='M8 5.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E") !important;
}
#toast-container > .toast-info .toast-progress { background-color: #0288d1; }
#toast-container > .toast-info .toast-message,
#toast-container > .toast-info .toast-message a,
#toast-container > .toast-info .toast-message label { color: #01579b; }
#toast-container > .toast-info .toast-close-button { color: #0288d1; text-shadow: none; }