/* Urenregistratie — extra stijlen */

/* Grotere touch targets op mobiel */
@media (max-width: 768px) {
    .table td, .table th {
        padding: 0.6rem 0.5rem;
        font-size: 0.875rem;
    }

    .navbar-brand {
        font-size: 1.1rem;
    }

    /* Grotere knoppen op mobiel */
    .btn-lg {
        padding: 0.75rem 1.25rem;
        font-size: 1.1rem;
    }

    /* Form controls groter voor touch */
    .form-control-lg {
        font-size: 1.1rem;
        min-height: 50px;
    }
}

/* Kaarten hover effect */
.card {
    transition: box-shadow 0.15s ease-in-out;
}

/* Subtiele gele highlight voor rijen zonder Sansa */
.table-warning-subtle {
    background-color: rgba(255, 193, 7, 0.08) !important;
}

/* Sticky tabel headers */
.table-responsive thead th {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 1;
}

/* Bootstrap badge primary subtiel */
.bg-primary-subtle {
    background-color: rgba(13, 110, 253, 0.12) !important;
}
.text-primary-emphasis {
    color: #084298 !important;
}

/* Footer */
footer {
    background: white;
}

/* Navigatie actieve indicator */
.navbar-nav .nav-link.active {
    font-weight: 600;
    background: rgba(255,255,255,0.15);
    border-radius: 4px;
}

/* Alert slank */
.alert {
    border-radius: 8px;
}

/* Tabel succes groen */
.table-success.bg-opacity-25 {
    background-color: rgba(25, 135, 84, 0.08) !important;
}
.table-danger.bg-opacity-25 {
    background-color: rgba(220, 53, 69, 0.1) !important;
}
.table-warning.bg-opacity-25 {
    background-color: rgba(255, 193, 7, 0.1) !important;
}