.flow-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid currentColor}.flow-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.flow-new{background:#e4efff;color:#164987}.flow-work{background:#fff4cd;color:#705000}.flow-return{background:#fff0dc;color:#94580a}.flow-done{background:#e2f5e8;color:#1f6338}.flow-late{background:#ffebea;color:#a32624}.flow-muted{background:#edf0f4;color:#546171}.flow-legend{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.flow-note{display:block;font-size:12px;margin-top:5px}

.flow-deadline{background:#ffebea;color:#a32624}.flow-legend-panel{margin:10px 0 16px;padding:10px 12px;border:1px solid #dde4eb;border-radius:10px;background:#fff}.flow-legend-panel .flow-legend{margin:0 0 7px}.flow-legend-help{margin:4px 0;font-size:12px;line-height:1.45;color:#4f5d6b}.flow-status-stack{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.flow-badge.flow-return::before{background:currentColor}.flow-badge.flow-deadline::before{background:currentColor}