.iziToast-wrapper {
     gap: 5px;
}

.iziToast {
     box-shadow: 0 0 8px 2px #00000012;
     border-radius: 10px;
     overflow: hidden;
     padding: 20px 45px 20px 0;
}

.iziToast>.iziToast-body {
     position: unset;
     padding: unset;
     height: unset;
     min-height: unset;
     margin: unset;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
     padding-left: 20px !important;

}

.iziToast:after {
     box-shadow: none;
}

.iziToast>.iziToast-body .iziToast-icon {
     position: unset;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     line-height: 1;
     margin-top: unset;
     width: unset;
     height: unset;
}

.iziToast .iziToast-icon {
     border-radius: 10px;
     padding: 10px;
}

.iziToast.iziToast-color-green .iziToast-icon {
     background: #28c76f31;
}

.iziToast.iziToast-color-red .iziToast-icon {
     background: #eb222231;
}

.iziToast.iziToast-color-blue .iziToast-icon {
     background: #1e9ff231;
}

.iziToast.iziToast-color-orange .iziToast-icon {
     background: #ff9f4331;
}


.iziToast>.iziToast-body .iziToast-texts {
     margin: 0;
     padding-right: 0;
     display: flex;
     flex-direction: column;
     gap: 5px;
}

.iziToast>.iziToast-body .iziToast-message {
     margin: 0;
}


.iziToast>.iziToast-close {
     position: absolute;
     top: 50%;
     right: 8px;
     width: 34px !important;
     height: 34px;
     padding: 0;
     border: 0;
     border-radius: 50%;
     background: transparent !important;
     opacity: .72;
     transform: translateY(-50%);
     transition: opacity .2s ease, background-color .2s ease;
}

.iziToast>.iziToast-close::before,
.iziToast>.iziToast-close::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     width: 14px;
     height: 2px;
     border-radius: 999px;
     background: #555;
     transform-origin: center;
}

.iziToast>.iziToast-close::before {
     transform: translate(-50%, -50%) rotate(45deg);
}

.iziToast>.iziToast-close::after {
     transform: translate(-50%, -50%) rotate(-45deg);
}

.iziToast>.iziToast-close:hover {
     opacity: 1;
     background: rgba(0,0,0,.06) !important;
}

html[data-theme="dark"] .iziToast>.iziToast-close::before,
html[data-theme="dark"] .iziToast>.iziToast-close::after,
body.dark-theme .iziToast>.iziToast-close::before,
body.dark-theme .iziToast>.iziToast-close::after {
     background: #e8e8eb;
}

html[data-theme="dark"] .iziToast>.iziToast-close:hover,
body.dark-theme .iziToast>.iziToast-close:hover {
     background: rgba(255,255,255,.08) !important;
}

.iziToast>.iziToast-progressbar>div {
     height: 4px;
}

/* STAG toast dark-mode polish */
html[data-theme="dark"] .iziToast,
body.dark-theme .iziToast {
     border: 1px solid rgba(255,255,255,.12);
     box-shadow: 0 16px 40px rgba(0,0,0,.42);
}

/* ============================================================
   STAG TOAST VISIBILITY / USER PANEL FIX
============================================================ */
.iziToast-wrapper {
     z-index: 2147483000 !important;
     padding: 14px !important;
}

.iziToast-wrapper-topRight {
     top: 0 !important;
     right: 0 !important;
}

.iziToast {
     width: min(390px, calc(100vw - 28px)) !important;
     min-height: 72px !important;
     border: 1px solid rgba(15, 23, 42, .10) !important;
     box-shadow: 0 18px 45px rgba(15, 23, 42, .18) !important;
}

.iziToast > .iziToast-body {
     justify-content: flex-start !important;
     padding-right: 6px !important;
}

.iziToast > .iziToast-body .iziToast-texts {
     min-width: 0;
     flex: 1;
}

.iziToast > .iziToast-body .iziToast-title,
.iziToast > .iziToast-body .iziToast-message {
     white-space: normal !important;
     overflow-wrap: anywhere;
}

.iziToast > .iziToast-body .iziToast-title {
     font-weight: 700 !important;
     line-height: 1.25 !important;
}

.iziToast > .iziToast-body .iziToast-message {
     line-height: 1.45 !important;
}

/* Fallback toast - only appears if iziToast itself cannot initialize. */
.stag-fallback-toast-wrapper {
     position: fixed;
     top: 14px;
     right: 14px;
     z-index: 2147483000;
     display: flex;
     flex-direction: column;
     gap: 10px;
     width: min(390px, calc(100vw - 28px));
     pointer-events: none;
}

.stag-fallback-toast {
     --toast-accent: #1e9ff2;
     display: flex;
     align-items: flex-start;
     gap: 12px;
     padding: 16px 44px 16px 16px;
     position: relative;
     border-radius: 12px;
     background: #fff;
     color: #1f2937;
     border: 1px solid #e5e7eb;
     box-shadow: 0 18px 45px rgba(15,23,42,.18);
     pointer-events: auto;
     transition: opacity .25s ease, transform .25s ease;
}

.stag-fallback-toast.is-hiding {
     opacity: 0;
     transform: translateY(-8px);
}

.stag-fallback-toast--success { --toast-accent: #28c76f; }
.stag-fallback-toast--error { --toast-accent: #eb2222; }
.stag-fallback-toast--warning { --toast-accent: #ff9f43; }
.stag-fallback-toast--info { --toast-accent: #1e9ff2; }

.stag-fallback-toast__dot {
     width: 11px;
     height: 11px;
     margin-top: 5px;
     flex: 0 0 auto;
     border-radius: 50%;
     background: var(--toast-accent);
}

.stag-fallback-toast__content {
     display: flex;
     min-width: 0;
     flex: 1;
     flex-direction: column;
     gap: 3px;
}

.stag-fallback-toast__content strong {
     font-size: 14px;
     line-height: 1.3;
}

.stag-fallback-toast__content span {
     color: #64748b;
     font-size: 13px;
     line-height: 1.45;
     overflow-wrap: anywhere;
}

.stag-fallback-toast__close {
     position: absolute;
     top: 10px;
     right: 10px;
     width: 28px;
     height: 28px;
     padding: 0;
     border: 0;
     border-radius: 50%;
     background: transparent;
     color: #64748b;
     font-size: 23px;
     line-height: 26px;
     cursor: pointer;
}

html[data-theme="dark"] .stag-fallback-toast,
html.dark-theme .stag-fallback-toast,
body.dark-theme .stag-fallback-toast {
     background: #17171a;
     color: #f8fafc;
     border-color: rgba(255,255,255,.12);
     box-shadow: 0 18px 45px rgba(0,0,0,.45);
}

html[data-theme="dark"] .stag-fallback-toast__content span,
html.dark-theme .stag-fallback-toast__content span,
body.dark-theme .stag-fallback-toast__content span {
     color: #cbd5e1;
}

html[data-theme="dark"] .stag-fallback-toast__close,
html.dark-theme .stag-fallback-toast__close,
body.dark-theme .stag-fallback-toast__close {
     color: #e5e7eb;
}

@media (max-width: 575px) {
     .iziToast-wrapper {
          padding: 10px !important;
     }

     .iziToast {
          width: calc(100vw - 20px) !important;
     }

     .stag-fallback-toast-wrapper {
          top: 10px;
          right: 10px;
          width: calc(100vw - 20px);
     }
}