/* Algemene Layout */
body {

}

.card {
    border: none;
    border-radius: 10px;
}

/* De kleuren voor je werkdagen-overzicht */
.status-normal { background-color: #90EE90 !important; color: #000; } /* Lichtgroen */
.status-vacation-work { background-color: #228B22 !important; color: #fff; } /* Donkerder groen */
.status-leave { background-color: #0000FF !important; color: #fff; } /* Blauw */
.status-closed { background-color: #FFA500 !important; color: #000; } /* Oranje */

/* Mobile optimization voor de tabel later */
@media (max-width: 768px) {
    .table-responsive {
        font-size: 14px;
    }
}

.status-r { background-color: #90EE90 !important; } /* Lichtgroen - Reis */
.status-t { background-color: #e0f2f1 !important; } /* Thuiswerk */
.status-v { background-color: #0000FF !important; color: white; } /* Blauw - Verlof */
.status-s { background-color: #FFA500 !important; } /* Oranje - Sluiting */
.vakantie-week { border-left: 5px solid #228B22 !important; } /* Donkergroen indicatie */

/* Kleuren uit jouw opdracht */
.bg-lichtgroen { background-color: #90EE90 !important; } /* Gewone werkweek kantoor */
.bg-thuis { background-color: #e0f2f1 !important; }      /* Thuiswerkdag (zachtblauw/groen) */
.bg-blauw { background-color: #0000FF !important; color: white; } /* Verlof */
.bg-oranje { background-color: #FFA500 !important; }     /* Sluiting */

.clickable {
    cursor: pointer;
    width: 40px;
    height: 45px;
    transition: all 0.1s ease;
}

.clickable:hover {
    filter: brightness(0.9);
}

/* Voor mobiele weergave: maak de vakjes iets groter voor touch */
@media (max-width: 768px) {
    .clickable {
        min-width: 35px;
    }
}