/* ============================================================================
   Toastr → Station Owner Panel skin
   ----------------------------------------------------------------------------
   toastr.min.css loads first (vendored, untouched); this re-skins its chrome
   to the vg-* tokens so it reads as part of the design system instead of
   Toastr's own default look — same pattern as ev-select2.init.css /
   ev-sweetalert.init.css in the Super Admin theme. Don't edit
   toastr.min.css itself; extend this file instead.
   ========================================================================== */

#toast-container > div {
  border-radius: var(--vg-r-md);
  box-shadow: var(--vg-sh-lg);
  font-family: var(--vg-font, 'Poppins', sans-serif);
  font-size: 13.5px;
  font-weight: 500;
  opacity: 1;
  padding: 14px 16px 14px 50px;
  background-position: 16px center;
  background-size: 20px;
}
#toast-container > div:hover {
  box-shadow: var(--vg-sh-lg);
}

.toast-success { background-color: var(--vg-success) !important; }
.toast-error   { background-color: var(--vg-danger)  !important; }
.toast-info    { background-color: var(--vg-info)    !important; }
.toast-warning { background-color: var(--vg-warning) !important; }

.toast-title { font-weight: 600; }
.toast-close-button { text-shadow: none; opacity: .8; }
.toast-close-button:hover { opacity: 1; }
.toast-progress { background-color: rgba(255,255,255,.5); }