/* Custom Syncfusion Toast Styles */

/* Toast container positioning */
.e-toast-container {
    z-index: 10000 !important;
}

/* Success Toast */
.e-toast-success {
    background-color: #4caf50 !important;
    color: white !important;
}

.e-toast-success .e-toast-title {
    color: white !important;
    font-weight: 600;
}

.e-toast-success .e-toast-message {
    color: white !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.e-toast-success .e-toast-close-icon {
    color: white !important;
}

.e-toast-success .e-toast-icon {
    color: white !important;
}

/* Error/Danger Toast */
.e-toast-danger {
    background-color: #f44336 !important;
    color: white !important;
}

.e-toast-danger .e-toast-title {
    color: white !important;
    font-weight: 600;
}

.e-toast-danger .e-toast-message {
    color: white !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.e-toast-danger .e-toast-close-icon {
    color: white !important;
}

.e-toast-danger .e-toast-icon {
    color: white !important;
}

/* Warning Toast */
.e-toast-warning {
    background-color: #ff9800 !important;
    color: white !important;
}

.e-toast-warning .e-toast-title {
    color: white !important;
    font-weight: 600;
}

.e-toast-warning .e-toast-message {
    color: white !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.e-toast-warning .e-toast-close-icon {
    color: white !important;
}

.e-toast-warning .e-toast-icon {
    color: white !important;
}

/* Info Toast */
.e-toast-info {
    background-color: #2196f3 !important;
    color: white !important;
}

.e-toast-info .e-toast-title {
    color: white !important;
    font-weight: 600;
}

.e-toast-info .e-toast-message {
    color: white !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.e-toast-info .e-toast-close-icon {
    color: white !important;
}

.e-toast-info .e-toast-icon {
    color: white !important;
}

/* Toast animations */
.e-toast {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    min-width: 450px !important;
    max-width: 600px !important;
    width: 100% !important;
}

.e-toast .e-toast-content {
    width: 100% !important;
    flex: 1 !important;
}

.e-toast .e-toast-message {
    width: 100% !important;
    word-wrap: break-word !important;
}

.e-toast-title {
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.e-toast-message {
    font-size: 13px !important;
    line-height: 1.5 !important;
}

/* Ensure all toast types have white text - highest specificity */
.e-toast-success .e-toast-content .e-toast-message,
.e-toast-danger .e-toast-content .e-toast-message,
.e-toast-warning .e-toast-content .e-toast-message,
.e-toast-info .e-toast-content .e-toast-message,
.e-toast.e-toast-success .e-toast-message,
.e-toast.e-toast-danger .e-toast-message,
.e-toast.e-toast-warning .e-toast-message,
.e-toast.e-toast-info .e-toast-message {
    color: white !important;
}

/* Force white text on all toast content areas */
.e-toast-success .e-toast-content,
.e-toast-success .e-toast-content *,
.e-toast-danger .e-toast-content,
.e-toast-danger .e-toast-content *,
.e-toast-warning .e-toast-content,
.e-toast-warning .e-toast-content *,
.e-toast-info .e-toast-content,
.e-toast-info .e-toast-content * {
    color: white !important;
}

/* Progress bar colors */
.e-toast-success .e-toast-progress {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.e-toast-danger .e-toast-progress {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.e-toast-warning .e-toast-progress {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

.e-toast-info .e-toast-progress {
    background-color: rgba(255, 255, 255, 0.7) !important;
}

/* Icon styling */
.toast-icons {
    font-size: 24px !important;
}

/* Ensure icons are visible with proper font */
.e-toast-success .e-toast-icon::before {
    content: "✓" !important;
    font-size: 24px !important;
}

.e-toast-danger .e-toast-icon::before {
    content: "✕" !important;
    font-size: 24px !important;
}

.e-toast-warning .e-toast-icon::before {
    content: "⚠" !important;
    font-size: 24px !important;
}

.e-toast-info .e-toast-icon::before {
    content: "ℹ" !important;
    font-size: 24px !important;
}