/* Styling for the urgency messages */
.dd-blip-message {
    background-color: rgba(243, 255, 248, 1); /* Your preferred mint-white background */
    color: #1b5e20; /* Deep green for better readability in India */
    border: 1px solid #c8e6c9;
    padding: 10px 15px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    transition: opacity 0.3s ease;
}

/* Styling for the disintegration particles */
canvas.disintegrated-particle {
    position: absolute;
    pointer-events: none; /* Ensures user can still click buttons underneath */
    z-index: 9999;
}

/* Ensure the container doesn't collapse while switching messages */
#dd-blip-container {
    display: block;
    clear: both;
}