/* App notify toast — TRUST PRO purple/gold + mobile */

.iziToast-overlay {
     background: rgba(18, 8, 31, 0.35) !important;
     backdrop-filter: blur(8px);
}

.iziToast.app-notify-popup,
.iziToast {
     font-family: "Manrope", "Outfit", system-ui, sans-serif !important;
     background:
          radial-gradient(circle at 100% 0%, rgba(244, 205, 98, 0.2), transparent 40%),
          linear-gradient(165deg, #2A1741 0%, #1a0c2e 100%) !important;
     border: 1px solid rgba(167, 107, 255, 0.28) !important;
     box-shadow: 0 20px 44px rgba(18, 8, 31, 0.35) !important;
     border-radius: 18px !important;
     overflow: hidden;
     padding: 16px 48px 16px 0;
     max-width: calc(100vw - 24px) !important;
     box-sizing: border-box !important;
}

.iziToast.app-notify-popup {
     min-width: 0;
     width: min(420px, calc(100vw - 24px));
     animation: appNotifyIn 0.35s ease both;
}

.iziToast.app-notify-popup::before,
.iziToast::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 4px;
     background: linear-gradient(180deg, #F4CD62, #8D4DE8);
}

.iziToast.iziToast-color-green::before {
     background: linear-gradient(180deg, #F4CD62, #8D4DE8);
}

.iziToast.iziToast-color-red::before {
     background: linear-gradient(180deg, #ef5350, #c62828);
}

.iziToast.iziToast-color-blue::before {
     background: linear-gradient(180deg, #D6ACFF, #F4CD62);
}

.iziToast.iziToast-color-orange::before {
     background: linear-gradient(180deg, #ffd54f, #f9a825);
}

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

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

.iziToast>.iziToast-body .iziToast-icon {
     position: unset;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 15px;
     line-height: 1;
     margin-top: unset;
     width: 40px;
     height: 40px;
     border-radius: 12px;
     flex-shrink: 0;
}

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

.iziToast.iziToast-color-green .iziToast-icon {
     background: linear-gradient(145deg, #F4CD62, #D6ACFF) !important;
     color: #2b1741 !important;
}

.iziToast.iziToast-color-red .iziToast-icon {
     background: linear-gradient(145deg, #ffebee, #ffcdd2) !important;
     color: #c62828 !important;
}

.iziToast.iziToast-color-blue .iziToast-icon {
     background: linear-gradient(145deg, #D6ACFF, #F4CD62) !important;
     color: #2b1741 !important;
}

.iziToast.iziToast-color-orange .iziToast-icon {
     background: linear-gradient(145deg, #fffde7, #fff9c4) !important;
     color: #ef6c00 !important;
}

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

.iziToast>.iziToast-body .iziToast-title {
     font-weight: 800 !important;
     letter-spacing: -0.01em;
     color: #fff !important;
}

.iziToast>.iziToast-body .iziToast-message {
     margin: 0;
     line-height: 1.5;
     color: rgba(255, 255, 255, 0.78) !important;
}

.iziToast>.iziToast-close {
     font-family: 'Line Awesome Free';
     font-weight: 900;
     background: unset;
     color: rgba(255, 255, 255, 0.75) !important;
     width: 46px;
     transition: color 0.2s ease;
}

.iziToast>.iziToast-close:hover {
     color: #F4CD62 !important;
}

.iziToast>.iziToast-close::before {
     content: "\f00d";
}

.iziToast>.iziToast-progressbar {
     background: rgba(255, 255, 255, 0.12) !important;
}

.iziToast>.iziToast-progressbar>div {
     height: 3px;
     border-radius: 999px;
}

.iziToast.iziToast-color-green > .iziToast-progressbar > div {
     background: linear-gradient(90deg, #F4CD62, #8D4DE8) !important;
}

.iziToast.iziToast-color-red > .iziToast-progressbar > div {
     background: linear-gradient(90deg, #c62828, #ef5350) !important;
}

.iziToast.iziToast-color-blue > .iziToast-progressbar > div {
     background: linear-gradient(90deg, #8D4DE8, #F4CD62) !important;
}

.iziToast.iziToast-color-orange > .iziToast-progressbar > div {
     background: linear-gradient(90deg, #f9a825, #F4CD62) !important;
}

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

@media (max-width: 575px) {
     .iziToast.app-notify-popup,
     .iziToast {
          width: calc(100vw - 20px) !important;
          max-width: calc(100vw - 20px) !important;
          border-radius: 16px !important;
          padding: 14px 42px 14px 0;
     }

     .iziToast>.iziToast-body .iziToast-icon {
          width: 36px;
          height: 36px;
          font-size: 14px;
     }
}