/* =============================
   Basisopmaak widget
   ============================= */

    body {
        font-family: sans-serif;
        padding: 2rem;
        display: flex;
        justify-content: center;
    }
    .widget-container {
        display: flex;
        gap: 1rem;
        background-color: #fff;
        padding: 1rem;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        align-items: center;
        flex-wrap: wrap;
    }
    input[type="date"],
    select {
        padding: 0.5rem;
        border-radius: 6px;
        border: 1px solid #ccc;
        font-size: 1rem;
    }
    button {
        background-color: #4CAF50;
        color: white;
        padding: 0.6rem 1.2rem;
        border: none;
        border-radius: 6px;
        font-size: 1rem;
        cursor: pointer;
    }
    button:hover {
        background-color: #45a049 !important;
    }
    /* Logo styling */
.logo {
    max-width: 37px;
    display: block;
    margin: 9px auto 10px;
}