/* Stijlen voor div#message (toast/snackbar) */
    #message {
        position: fixed;
        bottom: -100px; /* Start buiten beeld */
        left: 50%;
        transform: translateX(-50%);
        padding: 16px 24px;
        border-radius: 4px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        color: white;
        font-size: 0.9rem;
        z-index: 10001;
        transition: bottom 0.5s ease-in-out;
        opacity: 0; /* Start onzichtbaar voor soepelere overgang */
        max-width: 90%;
        text-align: center;
    }
    #message.show {
        bottom: 20px; /* Schuif naar binnen */
        opacity: 1;
    }
    #message.message-error {
        background-color: #D32F2F; /* Rood (Material Error Color) */
    }
    #message.message-warning {
        background-color: #FFA000; /* Oranje (Material Warning Color) */
    }
    #message.message-info {
        background-color: #1976D2; /* Blauw (Material Info Color) */
    }
    #message.message-ok {
        background-color: #388E3C; /* Groen (Material Success Color) */
    }
    /* Fallback als geen type is gespecificeerd */
    #message { /* Standaard achtergrond, wordt overschreven door specifieke type-classes */
        background-color: #323232; /* Donkergrijs (Snackbar default) */
   }