/* Notification Icon Fix - Ensure FontAwesome icons display in toasts */

/* Force FontAwesome font-family for icons in toasts */
.e-toast .toast-icon i::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    display: inline-block !important;
}

/* Ensure proper icon colors based on notification type */
.e-toast-success .toast-icon {
    color: #FFFFFF !important;
}

/* Mandala blue background for success notifications */
.e-toast-success {
    background-color: #29ABE2 !important;
    color: #FFFFFF !important;
    border-left: 4px solid #1E8BC3 !important;
}

.e-toast-success .toast-title {
    color: #FFFFFF !important;
}

.e-toast-success .toast-text {
    color: #FFFFFF !important;
}

/* Dark red background for error notifications */
.e-toast-danger {
    background-color: #C9302C !important;  /* Dark red */
    color: #FFFFFF !important;
    border-left: 4px solid #A02622 !important;  /* Darker red accent */
}

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

.e-toast-danger .toast-title {
    color: #FFFFFF !important;
}

.e-toast-danger .toast-text {
    color: #FFFFFF !important;
}

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

.e-toast-info .toast-icon {
    color: #17a2b8 !important;
}

/* Ensure toast content layout */
.toast-content-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.toast-icon {
    flex-shrink: 0 !important;
}

.toast-message {
    flex-grow: 1 !important;
}

/* Debug - make sure FontAwesome is loaded */
.fas::before,
.far::before,
.fab::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

.fas {
    font-weight: 900 !important;
}

/* Toast OK Button Styling - Match Primary Button Color */
.e-toast .e-toast-actions button,
.e-toast .e-toast-actions .e-btn {
    background-color: #1b6ec2 !important;
    border-color: #1861ac !important;
    color: #fff !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    border-radius: 0.25rem !important;
    transition: all 0.15s ease-in-out !important;
}

.e-toast .e-toast-actions button:hover,
.e-toast .e-toast-actions .e-btn:hover {
    background-color: #1861ac !important;
    border-color: #164e8f !important;
}

.e-toast .e-toast-actions button:focus,
.e-toast .e-toast-actions .e-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 110, 194, 0.5) !important;
}

/* Ensure success toast buttons also use primary color */
.e-toast-success .e-toast-actions button,
.e-toast-success .e-toast-actions .e-btn {
    background-color: #1b6ec2 !important;
    border-color: #1861ac !important;
}