/* ============================================================
   Planningstool – eigen stijlen
   ============================================================ */

/* Algemeen */
body {
    font-size: 0.9rem;
}

/* Navbar actieve pagina */
.navbar .nav-link.active {
    font-weight: 600;
    border-bottom: 2px solid rgba(255,255,255,.6);
}

/* Kaarten */
.card {
    border-radius: 0.5rem;
}

/* Statistiekkaarten op dashboard */
.stat-card .display-6 {
    font-weight: 700;
}

/* Badges voor triggers */
.trigger-badge {
    cursor: pointer;
}

/* Gantt-wrapper (stap 7) */
#gantt-container {
    overflow-x: auto;
    min-height: 300px;
}

/* Conceptplanning – doorzichtig */
.gantt .bar.concept {
    opacity: 0.5;
    stroke-dasharray: 4;
}