/* SDLC-platform: aanvullingen op Bootstrap 5. Geen inline styles (CSP style-src 'self'). */
:root { --sdlc-nav: #1b222b; --sdlc-nav-active: #2a323c; }
body { background: #f6f7f9; }
.sdlc-nav { background: var(--sdlc-nav); min-height: 100vh; }
.sdlc-nav .nav-link { color: #d5dce4; border-radius: .5rem; }
.sdlc-nav .nav-link:hover, .sdlc-nav .nav-link.active { background: var(--sdlc-nav-active); color: #fff; }
.sdlc-brand { color: #fff; font-weight: 700; }
.phasebar { display: flex; gap: 3px; }
.phasebar span { display: block; width: 20px; height: 8px; border-radius: 2px; background: #e1e5ea; }
.phasebar span.done { background: #2e7d4f; }
.phasebar span.active { background: #1f4e87; }
.phasebar span.blocked { background: #b3261e; }
.stat { font-size: 2rem; font-weight: 700; line-height: 1.1; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.output { background: #1b222b; color: #d5dce4; font-family: ui-monospace, monospace; font-size: .8rem; max-height: 22rem; overflow: auto; white-space: pre-wrap; padding: .75rem; border-radius: .5rem; }
.project-row td { background: #f1f3f5; font-weight: 600; }
@media (max-width: 767.98px) { .sdlc-nav { min-height: auto; } }
.prewrap { white-space: pre-wrap; }