#bpmn-canvas { height: 420px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.djs-element.nf-ejecutado .djs-visual > :nth-child(1) { stroke: #16a34a !important; }
.djs-element.nf-activo .djs-visual > :nth-child(1) { stroke: #2563eb !important; stroke-width: 3px !important; fill: #dbeafe !important; }
.djs-element.nf-novisitado .djs-visual > :nth-child(1) { opacity: .45; }
.nf-leyenda span { margin-right: 1rem; font-size: .85rem; }
.nf-dot { display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; vertical-align: middle; margin-right: .25rem; }
.nav-usuario { display: inline-flex; align-items: center; gap: .4rem; margin-left: auto; font-size: .85rem; }
.nav-usuario select { padding: .15rem .3rem; }