.card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
}
body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon {
    color: #28a745; /* Bootstrap success green: fresh and clean */
}

body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon::before {
    content: "\f058";
    font-family: "Font Awesome 6 Pro";
    font-size: 2.5rem;
    margin-right: 0.5rem;
    width: auto;
    height: auto;
    color: #28a745; /* Same fresh green */
}

body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon::before {
    content: "\f057"; /* fa-circle-xmark */
    font-family: "Font Awesome 6 Pro" !important;
    font-size: 2.5rem;
    margin-right: 0.5rem;
    width: auto;
    height: auto;
    color: #e74c3c; /* Flat UI red */
}

body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon{
    color: #e74c3c; /* Flat UI red */
}