/* Importeer het Inter-lettertype */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
       body {
            font-family: 'Inter', sans-serif;
            background-color: #6FC0F1;/* 👈 Hier de kleur van de PAGINA achtergrond */
        }

        #chat-window::-webkit-scrollbar { width: 8px; }
        #chat-window::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
        #chat-window::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
        #chat-window::-webkit-scrollbar-thumb:hover { background: #9ca3af; }
        @keyframes bounce {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-8px); }
        }
        .bouncing-dot { animation: bounce 1.2s infinite ease-in-out; }
        .bouncing-dot:nth-child(2) { animation-delay: -0.2s; }
        .bouncing-dot:nth-child(3) { animation-delay: -0.4s; }
 
/* Spinner animatie */
        .loader {
            border: 4px solid #f3f3f3; /* Lichtgrijs */
            border-top: 4px solid #3498db; /* Blauw */
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 2s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        /* Gebruik deze klasse om de hele laadindicator te verbergen/tonen */
        #loading-area {
            display: none; /* Standaard verborgen */
        }