/* Custom Modal Styles */
        .custom-modal {
            display: none; /* Standaard verborgen */
            position: fixed;
            z-index: 1030; /* Lager dan imageBrowser, maar hoog genoeg */
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto; /* Alleen scrollen als content te lang is */
            align-items: center; /* Verticaal centreren */
            justify-content: center; /* Horizontaal centreren */
        }
        .custom-modal.show {
            display: flex; /* Gebruik flex om te centreren */
        }
        .custom-modal-scrim {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.6); /* Donkere overlay */
        }
        .custom-modal-content {
            background-color: #ffffff;
            padding: 25px;
            border-radius: 8px; /* Afgeronde hoeken */
            box-shadow: 0 4px 20px rgba(0,0,0,0.25);
            width: 90%;
            max-width: 450px; /* Maximale breedte */
            z-index: 101; /* Boven de scrim */
            position: relative; /* Nodig voor z-index stacking */
        }
        .custom-modal-title {
            margin-top: 0;
            margin-bottom: 20px;
            font-size: 1.5em; /* Grotere titel */
        }
        .custom-modal-actions {
            display: flex;
            justify-content: flex-end; /* Knoppen rechts uitlijnen */
            padding-top: 20px;
            gap: 8px; /* Ruimte tussen knoppen */
        }